Руководство для начала работы с мобильным SEO. Продвижение в мобильной выдаче: полный чек-лист, разбор ошибок

От автора: Если вы вдруг оказались в стороне от пика популярности мобильных устройств, не переживайте. Данная статья поможет вам и вашему сайту понравиться посетителям, использующим мобильные устройства.

(Прим. пер.: От «только компьютерные фанаты будут пользоваться Интернетом» до «каждый пялится в свой смартфон весь день напролет» через 20 лет. Неплохо, команда .)

Телефон стал продаваться примерно с 1878 года, но потребовался 71 год, прежде чем он появился в каждом доме в США. Это позволило типичному владельцу бизнеса в 1907 году размышлять на протяжении 50 лет, нужен ли ему телефон в магазине или нет.

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

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

Почему мобильные устройства стали сейчас жизненно важными

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого профессионального роста с нуля в сайтостроении

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

2. Выберите решение для создания сайта, адаптированного под мобильные устройства

Для этого существует три метода: отзывчивый дизайн, мобильная версия сайта и динамический показ.

Отзывчивый дизайн – это «гибкая» сетка, которая автоматически «отзывается» (т.е. масштабируется) на изменение размеров экрана.

Мобильная версия – это мобильная копия сайта, доступная по отдельному URL адресу. Вместо www.example.com посетители с мобильных устройств будут перенаправлены на m.example.com.

Динамический показ – это конфигурация, при которой сохраняется URL адрес, но сервер, в зависимости от устройства, отправляет разные варианты веб-страницы.

С точки зрения веб-разработки, каждый из методов имеет свои достоинства и недостатки. Для получения более подробной информации прочтите , от SEO PowerSuite.

Варианты адаптация сайтов на WordPress под мобильные устройства

Если у вас уже есть работающий сайт на WordPress, проверьте его с помощью тестовой страницы Google. Если тест на адаптацию под мобильные устройства не будет пройден, тогда у вас будет два варианта:

Много современных тем для WordPress являются адаптивными. Подумайте о замене своей старой темы.

Если смена темы вас не устраивает, то существует масса бесплатных и платных плагинов, которые вам помогут.

3. Сделайте так, чтобы вас можно было легко найти или позвонить вам с мобильного устройства

Активность пользователей на вашем сайте является еще одним фактором при ранжировании. Поэтому убедитесь в том, что посетителям вашего сайта будет легко найти кнопку «позвонить» или карту.

4. Сделайте так, чтобы сайт не загружался медленно

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

Уменьшение числа HTTP запросов

Каждое изображение, CSS и JavaScript файл создают отдельный HTTP запрос к серверу. Вот некоторые техники по уменьшению числа запросов:

Убедитесь в том, что у вас всего один внешний CSS файл и внешний JS файл.

Разместите внутренний JavaScript код внизу вашего html документа, перед закрывающим тегом body.

Минифицируйте CSS и JavaScript код.

CSS спрайты помогут объединить многочисленные запросы в всего лишь один.

Используйте data: URI.

Избегайте неправильных HTTP запросов, убирая «битые» ссылки.

Включите браузерное кеширование.

Оптимизация изображений

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

Можете ли вы представить себе взрослого человека, у которого нет мобильного устройства? А себя можете представить без него? Трафик через мобильные устройства растет с каждым днем, и это факт. В статье представлены практические советы по SEO-оптимизации под гаджеты.

Так как 2018-й уже наступил, каждый веб-мастер должен принять этот факт во внимание и вплотную заняться мобильной оптимизацией.

1. Мобильный аудит

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

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

Итак, что же делать?

1. Используйте Google Search Console

Если у вас есть мобильная версия сайта, добавьте ее и проверьте в Google Search Console .

2. Проверьте свои страницы на предмет удобства для мобильных устройств

Используйте для этого сервис Google Mobile Friendly – проверка оптимизации для мобильных .

3. Сделайте все свои ресурсы сканируемыми

Убедитесь, что ваш мобильный сайт не блокирует CSS, JavaScript, изображения, видео и т.д.

4. Избегайте Flash

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

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

2. UX (Пользовательский опыт)

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

Не мучиться с масштабированием. Не путаться с навигацией и сенсорными элементами, которые расположены слишком близко друг к другу. И что важнее всего – не ждать! Если какие-либо из этих ожиданий не реализованы, возникает раздражение и очень активный отток пользователей (показатели отказов на мобильных устройствах на 40 % выше, чем на ПК ).

Вы понимаете, к чему я веду? Пользовательский опыт – это то, что сейчас действительно важно. Вы должны предоставить своим пользователям то, что им нужно, и на их условиях.

1. Отзывчивый дизайн

3. Ускорьте мобильные страницы

O"Es Marketing Agency - Магомед Чербижев

Существует четыре способа создания страниц, оптимизированных для просмотра с переносных устройств (смартфонов и планшетов).

Адаптивный дизайн . Приоритетен в разработке для SEO. Используется единый HTML-код и URL для всех устройств. Сама страница - подстраивается под разрешение и размер экрана устройства.

Динамический показ . Используется единый URL для всех устройств, но вёрстка (код) зависит от разрешения и размера экрана.

Мобильная версия . Используется отдельный поддомен или домен для пользователей на мобильных устройствах.

AMP и Турбо-страницы . Отдельные страницы, которые хранятся на сервере поисковой системы (AMP или Accelerated Mobile Pages - Google. Турбо - Яндекс).

Аудит мобильной версии сайта: чек-лист

Независимо от способа, который используется для адаптации, необходимо проверять следующие пункты, важные для SEO (чек-лист).

В случае использования оптимальной для SEO адаптивной версии, добавляется ещё один значимый, особенно в эпоху пункт.

Чек-лист для отдельной мобильной версии

В том случае, если ваш проект использует отдельную мобильную версию на поддомене m.site.ru , требуется проверить реализацию по трём дополнительным пунктам чек-листа.

Продвижение сайта в мобильной выдаче

Поисковые системы учитываю адаптированность сайта при ранжировании в мобильной выдаче. В Яндексе с 2016 года действует алгоритм Владивосток , Google начал учёт ещё ранее - с 2015 года.

Фактор наличия mobile-версии - существенно сказывается на позициях проекта в поиске с переносных устройств. Снижение позиции в мобильном поиске будет приводить и к плавному снижению позиций сайта и в основном поиске. Как минимум, за счёт поведенческих метрик.

Для улучшения позиций в мобильной выдаче требуется:

Проверить проект на соответствие требованиям по чек-листу выше.

Провести аналитику позиций в десктопной и mobile-выдаче и сравнить показатели.

На основании полученной аналитики - сделать выводы о необходимости проведения дополнительных работ по росту сайта в мобильной выдаче.

Хорошей практикой является регулярный контроль показатели сайта в выдаче для устройств двух типов и оценка основных метрик - CTR × WS, % ТОП-10, количество запросов в ТОП.

Сравнительная динамика KPI ресурса в «Пиксель Тулс».

Что делать, если позиции проекта в мобильной выдаче существенно ниже, чем в обычной?

Если SEO KPI ресурса в мобильной выдаче ниже, чем в обычной, то требуется:

Представленный выше чек-лист позволяет самостоятельно выявить причины низкого ранжирования и исправить их, что ведёт к росту трафика пользователей с переносных устройств. Если у вас возникли проблемы, вы всегда можете заказать профессиональный SEO-аудит у специалистов компании.

AMP и Турбо-страницы как решение проблемы

Разработка AMP и Турбо-страниц часто позволяет устранить проблемы низких позиций для mobile. Поисковые системы дополнительно помечают данные результаты и, при прочих равных, показывают в выдаче именно их, а не канонические URL.

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

Частые ошибки и их решение

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

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

Let"s make sure your site shows up in search results. Here you can learn how to configure your site for multiple devices and help search engines understand your site.

Choose your mobile configuration

3 ways to implement your mobile website

There are three main techniques for implementing a website that can handle view screens of all types and sizes. Here’s a chart comparing the three methods:

1. For more information on selecting a mobile site configuration (and weighing the pros and cons of each option), please see “Building Websites for the Multi-Screen Consumer ”.

   The key points for going mobile

   As we discuss later, there are different configurations you can choose to make your site mobile-friendly. However, there are key points that you should take note of regardless of which configuration you choose to set up.

   1. Signal to Google when a page is formatted for mobile (or has an equivalent page that’s formatted for mobile). This helps Google accurately serve mobile searchers your content in search results.
   2. Keep resources crawlable . Do not use robots.txt to block search engines from accessing critical files on your site that help render the page (including ads). If Googlebot doesn’t have access to a page’s resources, such as CSS, JavaScript, or images, we may not detect that it’s built to display and work well on a mobile browser. In other words, we may not detect that the page is "mobile-friendly," and therefore not properly serve it to mobile searchers.
   3. Avoid that frustrate mobile visitors , such as featuring unplayable videos (e.g., Flash video as the page’s significant content). Mobile pages that provide a poor searcher experience can be demoted in rankings or displayed with a warning in mobile search results. More information in Common mistakes section.

   Understand the difference between devices

   Mobile : In this document, "mobile" or mobile devices refers to smartphones, such as devices running Android, iPhone, or Windows Phone. Mobile browsers are similar to desktop browsers in that they can render a broad set of the HTML5 specification, although their screen size is smaller and in almost all cases their default orientation is vertical.

   Tablets : We consider tablets as devices in their own class, so when we speak of mobile devices, we generally do not include tablets in the definition. Tablets tend to have larger screens, which means that, unless you offer tablet-optimized content, you can assume that users expect to see your site as it would look on a desktop browser rather than on a smartphone browser.

   Multimedia phones : These are phones with browsers that are able to render pages coded to meet XHTML standards, support HTML5 Markup, JavaScript/ECMAscript but might not support some of the extension APIs in the HTML5 standard. This generally describes the browser in most 3G-ready phones that are not smartphones.

   Feature phones : On these phones, browsers lack the capability to render normal desktop webpages coded using standard HTML. This includes browsers that render only cHTML (iMode), WML, XHTML-MP, etc.

   Note: Our recommendations are geared toward smartphones, but we encourage multimedia and feature phones site owners to follow the same advice where they feel appropriate.