SEO-урок на мобильной странице

Если вы считаете, что ваша мобильная страница не нуждается в SEO, прислушайтесь к следующему: в 2018 году более 55% интернет-трафика поступает с мобильных устройств, и ожидается, что он будет увеличиваться как минимум на 2% ежегодно. Прогнозы показывают, что к 2020 году мобильная коммерция будет составлять до 45% от общего объема электронной коммерции..

Да, мы живем в эпоху мобильных устройств, и поэтому эта эпоха диктует новое правило типа аксиомы для обширной науки SEO — правило обязательной оптимизации мобильных страниц. SEO на вашем мобильном сайте не только сделает вас конкурентоспособным, но и фактически увеличит ваш доход, особенно если у вас есть интернет-магазин. И это лишь некоторые из ключевых преимуществ оптимизации вашей мобильной страницы..

Тем не менее, если мы новичок в SEO или у нас нет опыта оптимизации мобильных страниц, как мы подойдем к этому? Другими словами — есть ли какие-то особенности, отличающие мобильную оптимизацию от настольной. Чтобы ответить на эти и все возможные вопросы, которые сейчас возникают у вас в голове, мы подготовили короткий и легкий урок …

Пусть сейчас начнется наш урок SEO на мобильной странице (внимание — не подходите к нему со страхом или тревогой, мы все описали предельно простым и понятным языком).

Как создать мобильный сайт или мобильную версию существующего стандартного настольного сайта?

У вас есть три варианта, которые мы рассмотрим. Однако прежде чем мы перейдем к ним, мы должны отметить кое-что важное: правила, определяющие ранжирование в поисковой системе (то есть в Google), не имеют претензий или конкретных предпочтений для любого из этих трех вариантов. Важно то, что вы создаете свою мобильную страницу так, чтобы она давала вам доступ ко всем важным или менее важным ресурсам. Если вы собираетесь создать мобильную версию своего сайта, вам необходимо сделать свою работу так, чтобы эта версия имела точную и эквивалентную интерпретацию базовой конфигурации вашего основного настольного сайта..

Итак, давайте рассмотрим три варианта создания мобильного сайта и вкратце добавим к ним некоторые особенности, на которые следует обратить внимание..

Адаптивный дизайн

Это конфигурация мобильной страницы. Главное в адаптивном дизайне — это то, что когда пользователь взаимодействует с сайтом, обслуживающий его сервер всегда отправляет один и тот же html-код независимо от типа устройства, с которого происходило взаимодействие. CSS-код позволяет пользователям с разными размерами экрана устройства одинаково оптимально и четко видеть веб-контент. Различные метатеги используются для правильной передачи данных в браузер из содержимого мобильной страницы с адаптивным дизайном..

ВАЖНО: Google также дал конкретную рекомендацию для метатега, а именно meta name = «viewport» content = «width = device-width, initial-scale = 1.0 ″. Если вам интересно, почему, вот настоящие аргументы интернет-гиганта:

  • Использование единого URL-адреса упрощает отправку ссылки на вашу страницу..
  • Алгоритмический механизм Google позволяет быстро проиндексировать параметры вашего сайта, что, в свою очередь, позволяет избежать необходимости изменять контент для экранов разных размеров в зависимости от типа мобильного устройства..
  • И наименее опытные веб-разработчики согласятся, что адаптивная версия требует гораздо меньше времени и усилий по сравнению с задачей создания десятков отдельных версий сайта..
  • Такой подход исключает риск множества ошибок, которые обычно типичны при работе и создании мобильной страницы..
  • Также исключается необходимость в множественных перенаправлениях. Отсюда мы достигаем более высокой скорости загрузки сайта, а также перехода с одной страницы на другую..
  • Более низкий бюджет для общей стратегии сканирования.

Динамический дисплей

Это второй вариант, который у вас возникает, когда вы сталкиваетесь с задачей создания мобильной версии вашего магазина, блога и так далее. В этом случае, когда запрос сделан на сервер, он обычно возвращает URL-адрес в двух вариантах — один с HTML и один с кодом CSS. В зависимости от типа устройства, с которого отправляется заявка, система решает, какой вариант отправить. Здесь важно отметить, что иногда мобильный контент остается скрытым от пользователя, чаще всего, когда сервер отправляет код, отличный от требуемого. Чтобы предотвратить такую ​​потерю данных, рекомендуется использовать заголовок Vary. Позволяет системе сканировать запрос через робота..

Мобильная версия

Это последний вариант, который у вас есть, чтобы обеспечить качественную мобильную страницу. В данном случае речь идет об отдельной — мобильной — версии вашего официального десктопного сайта. Особенность этого варианта в том, что у нас есть два URL-адреса. Одна обслуживает настольную версию, а другая соответственно — мобильную..

Когда у вас будет три варианта на выбор, мы можем перейти к основной проблеме, на которой мы сосредоточились в этом материале, а именно к SEO на мобильной странице. Начнем с нескольких основных рекомендуемых правил и советов, на которые стоит обратить особое внимание..

Что нельзя блокировать в оптимизации? — графические файлы, код CSS и Javascript

Чтобы убедиться, что поисковая система может сканировать указанные элементы, используйте инструмент Google Search Console и, в частности, пройдите через функцию View as Googlebot. С помощью этой функции вы действительно увидите, как роботы Google видят ваш сайт. Не покидайте инструмент, пока не создадите и не изучите файл robots.txt, который предоставит вам информацию о том, какой контент с вашего сайта скрыт для сканирования ботами. И последнее, но не менее важное: проверьте свой сайт — хотя бы несколько раз — чтобы увидеть, с другой стороны, как его видят ваши пользователи. Одно дело — быть «принятым» роботами Google, но совсем другое дело — принять его как удобный и функциональный, не так ли??

Какой тип контента не должен присутствовать в моей мобильной версии?

Вообще говоря, это контент, который нельзя воспроизвести, или, по крайней мере, на обычном, полноценном мобильном устройстве (особенно если мы говорим о смартфонах с низким разрешением). Лучше всего хранить визуальный контент в формате HTML5. Будьте особенно осторожны с видеоконтентом. На мобильной странице видео должны быть в формате, совместимом с планшетами и разными моделями смартфонов. И, наконец, для видео — вам нужно удовлетворить своих клиентов, у которых есть отдельные технологии в качестве вспомогательных средств для просмотра видео, добавив специальную расшифровку видео..

Как убедиться, что я использую правильные перенаправления?

Опять же, мы будем использовать удобный инструмент Google Search Console, который, кстати, обычно хорош как фундаментальный инструмент для создания идеального SEO для вашего сайта в целом (как для мобильных, так и для настольных компьютеров). С его помощью вы быстро и легко найдете неверный адрес, а также конкретное предложение по решению проблем, связанных с таким адресом. Если у вас есть опыт настройки сервера, сделайте так, чтобы он выполнял перенаправление на мобильную версию / сайт вашей платформы в случае доступа к нему с мобильного устройства. Если у вас нет опыта, хорошо бы обратиться за помощью к специалисту, потому что это прекрасные и специфические настройки. И наоборот, если у вашего сайта нет мобильной версии, не используйте никаких редиректов, потому что в этом случае вашему клиенту лучше попасть на вашу официальную страницу (рабочий стол). В противном случае будет показан сайт с множеством ошибок и недочетов..

Советы по перенаправлению 404

Важно понимать, что страница вашего сайта может идеально отображаться в версии для ПК, но не в мобильной версии. В этом случае чаще всего мобильная версия будет перенаправлять на страницу 404. Обычно это происходит, когда у вашего сайта нет мобильной версии. В этом случае мы советуем перенаправить пользователей на обычную версию..

Как бороться с низкой скоростью загрузки?

Прежде всего, определите конкретную скорость загрузки сайта. Нормальная скорость колеблется около 2-3 секунд. Чтобы проверить свою страницу, используйте один из двух инструментов — GTMetrix или Google PageSpeed ​​Insights. После завершения теста оба инструмента, помимо показа конкретной скорости загрузки вашего сайта, сообщат вам, насколько она приемлема, и напишут вам целый список рекомендаций по улучшению. Чем больше советов вы примете во внимание, тем лучше будет скорость загрузки..

Rel = Canonical — да или нет?

Да, да и еще раз да. Идея состоит в том, чтобы объединить индексацию и индивидуальный рейтинг в поисковых системах. Цель состоит в том, чтобы исключить риск появления одного и того же контента на разных страницах..

Отн = следующий / предыдущий — да или нет?

Как вы могли догадаться, и здесь ответ положительный. Причина, по которой мы рекомендуем Rel = next / prev, заключается в том, что в большинстве случаев сайт включает разбиение на страницы, что при наличии двух версий может привести к отображению разного количества элементов на одной странице..

Всплывающие окна — да или нет?

Однако лучше избегать их, и если они в настоящее время есть на вашей мобильной странице, первый шаг в вашей оптимизации — удалить их, потому что эти окна приводят к значительному увеличению показателя отказов. Поставьте себя на место пользователя, вы также не будете удовлетворены всплывающими окнами, с которыми вы обычно соглашаетесь, или жестко закрываете, или перенаправляете вас в места, куда вы не хотите идти.

Schema.org

Это поможет вам включить дополнительные пространственные фрагменты, которые особенно привлекательны и привлекательны при позиционировании мобильных сайтов в поисковой системе и, в частности, их визуализации в поисковой выдаче..

Руководство по успешному дизайну вашей мобильной страницы

В конце нашего руководства по SEO для мобильной версии вашего сайта на доступном языке мы уделим особое внимание дизайну. Дизайн становится все более важным для цифрового бизнеса в целом, а тенденция увеличения мобильного трафика за счет настольных компьютеров дает нам основания полагать, что мобильный дизайн — это больше, чем важный элемент в общей мобильной SEO. Ниже мы кратко и четко дадим вам конкретные рекомендации по улучшению дизайна вашей мобильной страницы:

  • Постоянные, своевременные и полные тесты на вашем сайте дают представление о видении и функциональности дизайна, поэтому никогда не недооценивайте их..
  • Постарайтесь упростить и уменьшить размер доступной на вашем сайте формы для ввода личных данных. Обычно мобильный пользователь раздражен или считает, что заполнение их с помощью этого типа устройств занимает много времени и занимает много времени..
  • В связи с этим рассмотрите идею варианта быстрого заказа, если у вас есть мобильный интернет-магазин..
  • Lifehack: проверьте интуитивность своего дизайна с помощью этого инструмента: http://thumbzone.co/.
  • И еще один полезный инструмент: Google Data studio. С его помощью вы можете быстро, легко и, главное, регулярно вносить улучшения в дизайн своего сайта, так как инструмент дает отличный анализ по предмету..

Наконец, мы сделаем важный вывод об оптимизации вашей мобильной страницы, независимо от того, какой из трех вариантов ее создания вы выберете. Чтобы SEO было успешным, хорошо сосредоточить усилия одинакового объема и времени на трех основных элементах сайта, а именно на технической части, дизайне и поведении пользователей вашей платформы..

Понравилась статья? Поделиться с друзьями:
Новости о СЕО индустрии, интернета и поисковых технологиях