Google начал фокусироваться на мобильном SEO еще в 2014 году. В то время у многих веб-сайтов не было версий, удобных для мобильных устройств, и просматривать их было настоящей пыткой.
Сегодня мобильное SEO находится на переднем крае любой успешной стратегии SEO
Узнайте о важности мобильного SEO, о том, как оптимизировать свой сайт для обеспечения высочайшей производительности мобильных устройств, и протестируйте результаты. Прочитав это руководство, вы получите полное представление об оптимизации сайта для мобильных устройств и о том, что вам нужно сделать, чтобы сделать ваш сайт доступным для мобильных пользователей.
Что такое мобильное SEO?
Мобильное SEO (Mobile Search Engine Optimization) — это практика оптимизации вашего сайта для обеспечения хорошей работы в результатах мобильного поиска. Мобильное SEO включает в себя широкий спектр методов, от оптимизации скорости страницы и метаданных для мобильных пользователей до ограниченных всплывающих окон и мобильных карт сайтов.
Конечная цель мобильного SEO — сделать текст веб-сайта, изображения и видео легко доступными для тех, кто просматривает их на своих смартфонах, планшетах — в общем, на всем, что не является настольным компьютером. Методы мобильного SEO также гарантируют, что пользовательский интерфейс и навигация вашего сайта учитывают мобильных пользователей.
Почему важно мобильное SEO?
Начнем с того, что с 2019 года mobile-first — это способ по умолчанию, которым Google сканирует и индексирует новые веб-сайты. Что касается старых версий, удобство использования для мобильных устройств играет огромную роль в хорошем общем рейтинге страниц.
Вдобавок ко всему, мобильный поиск постепенно вытесняет многие возможности настольных компьютеров. Если вы взглянете на Statista, то еще в 2013 году только около 27% использовали свои мобильные устройства для посещений поисковых систем, тогда как в 2021 году это число выросло до 61%. Излишне говорить, что эта тенденция никуда не денется.
В интересах каждого владельца веб-сайта должно быть узнать о методах мобильного SEO и о том, как их внедрять, и это то, о чем вы узнаете ниже.
Лучшие практики мобильного SEO
Итак, что же на самом деле нужно, чтобы сделать ваш сайт оптимизированным для мобильного поиска?
Лучшие практики мобильного SEO подпадают под эти девять категорий:
Конфигурация веб-сайта, подходящего для мобильных устройств.
Оптимизированные заголовки и мета-описания.
Отзывчивые изображения.
Исключительный мобильный интерфейс.
Оптимизированная скорость работы мобильного веб-сайта.
Структурированные данные для мобильных страниц.
Обеспечение доступности контента.
Оптимизированный видео- и анимированный контент.
Отправка мобильных карт сайта.
Давайте углубимся в каждый из этих аспектов мобильного SEO с рекомендациями по правильной оптимизации сайта для мобильных устройств.
Внедрите конфигурацию веб-сайта, удобную для мобильных устройств
Три наиболее популярных способа обеспечить мобильную видимость — это адаптивный дизайн, динамическое обслуживание и отдельные URL-адреса для десктопной и мобильной версий вашего веб-сайта. Они различаются в зависимости от решений, необходимых вам для вашего HTML, CSS, а также URL-адресов, используемых для доступа к вашим веб-страницам.
Адаптивный веб-дизайн (рекомендуется)
Концепция адаптивного дизайна не требует пояснений — предполагается, что ваш веб-сайт должен реагировать и адаптироваться к среде, в которой он используется.
Адаптивный веб-дизайн — это, по сути, сочетание сеток, макетов и CSS, которые объединяются и реагируют на характеристики устройства, предоставляя контент доступным для данного читателя способом.
Одним из его самых больших преимуществ является тот факт, что ваши HTML и CSS остаются неизменными, что означает, что вы везде используете одну и ту же версию своей страницы, разница лишь в том, как она отображается. Вам также не нужно беспокоиться об отдельных URL-адресах и канонических тегах, чтобы объяснить взаимосвязи между разными версиями одной и той же страницы.
Единственное, что нужно сделать, это включить элемент viewport и правильно использовать медиа-запросы CSS.
Динамичная подача
Этот способ адаптации вашего веб-сайта к различным размерам экрана предполагает использование различных HTML и CSS в зависимости от устройств пользователя.
Изменение HTTP-заголовка является ключевым фактором успеха этой конфигурации. Вы должны использовать его, чтобы указать, какая версия вашего веб-сайта должна обслуживаться в каком экземпляре — те, кто просматривает на планшете Samsung S7, должны получить его версию, тогда как те, кто использует iPhone 13, должны получить соответствующий дизайн.
Самым большим недостатком этого метода мобильного SEO является то, что вам приходится разрабатывать версию веб-сайта для всех популярных устройств. При том уровне технологического прогресса, который мы наблюдаем, этот метод создания веб-сайта, удобного для мобильных устройств, вряд ли можно масштабировать.
Отдельные URL-адреса
Эта конфигурация также не требует пояснений — все версии вашего веб-сайта не только используют разные CSS и HTML, но и имеют разные URL-адреса.
Это, безусловно, самый устаревший и наименее масштабируемый способ улучшить ваше мобильное SEO, даже сам Google не рекомендует его. К тому же, справляться с этим непросто. Если по какой-либо причине вы вынуждены его использовать, убедитесь, что ваш тег <link> с элементами rel=»canonical» и rel=»alternate» соответствует назначению, в противном случае вы рискуете дублировать страницы и нарушать структуру сайта.
Оптимизируйте заголовки и мета-описания
Лучшие методы оптимизации метаданных для общего и мобильного SEO не так уж сильно отличаются. Ваш мета-заголовок является фактором ранжирования и должен содержать ключевое слово focus, тогда как ваше мета-описание должно представлять собой хорошее резюме содержимого вашей страницы, включать глагол действия и в целом быть хорошо написано.
Единственный дополнительный аспект, который следует учитывать, — это длина. Недавно Google увеличил длину мета-заголовка для мобильных устройств до 78 символов, в то время как мета-описания занимают 120 символов. Если вы сравните это с 70 символами для мета-заголовка на рабочем столе и 150 символами для мета-описания, вы увидите, что вам приходится жертвовать объемом информации, которую вы туда помещаете, если вы хотите, чтобы как мобильная, так и настольная версии полностью отображались в поисковой выдаче.
Оптимизация изображений для мобильных устройств
Визуальные элементы являются неотъемлемой частью качественного мобильного веб-сайта, но не забывайте их оптимизировать.
Изображения избранных или героев, если их не оптимизировать, могут легко занять несколько складок экрана мобильного устройства. Зная привычки мобильных пользователей, легко предположить, что если людям нужно будет много прокручивать страницу, чтобы добраться до актуального контента, они быстро покинут сайт.
Чтобы ваши популярные и декоративные визуальные элементы были оптимизированы для мобильного SEO, отрегулируйте их размер так, чтобы они помещались в верхней части экрана мобильного устройства, или удалите их вовсе.
Но как вы обрабатываете изображения, которые являются неотъемлемой частью вашего веб-сайта, такие как фотографии товаров? Они все еще могут негативно повлиять на ваше мобильное SEO и скорость мобильного сайта, если их не оптимизировать, но вы не можете их удалить.
Чтобы убедиться, что ваши изображения соответствуют лучшим практикам мобильного SEO, вы должны эффективно их кодировать:
Внедряйте адаптивные изображения
Сжимайте изображения
Показывайте изображения в форматах, оптимизированных для мобильных устройств, таких как WebP
Используйте плагины CMS или приложения для сжатия изображений.
Улучшите пользовательский опыт мобильных устройств
То, как мобильные пользователи взаимодействуют со своими устройствами и контентом на них, кардинально отличается от поведения, наблюдаемого на настольных компьютерах. Адаптируйтесь к этому для успешной стратегии мобильного SEO, учитывая эти три основополагающих аспекта мобильного UX.
Читаемость контента
Мобильный пользователь открывает ваш веб-сайт, и ему не нужно увеличивать масштаб, прокручивать или щуриться. Вместо этого они могут сразу же приступить к чтению.
Вот как должен выглядеть контент веб-сайта, оптимизированный для мобильных устройств. Чтобы попасть туда, вам нужно позаботиться о нескольких аспектах:
Размер шрифта. Для адаптивных веб-сайтов рекомендуется размер не менее 16 пикселей.
Контраст. Люди часто используют свои мобильные устройства на улице, к тому же размер экрана у них значительно меньше. Если между вашим фоном и текстом или изображениями недостаточно контраста, содержимое будет трудно читать.
Длина абзаца. Разбейте свой контент на короткие абзацы, максимум на 2 или 3 строки. Идея здесь состоит в том, чтобы избегать абзацев, которые растягиваются дальше, чем на один сгиб экрана.
Длина строки. При создании контента ориентируйтесь на 60 символов в строке.
Ненавязчивые всплывающие окна
Давайте посмотрим правде в глаза, всплывающие окна могут быть одними из самых ненавистных функций на странице. Тем не менее, большую часть времени они выполняют свою работу. Если на вашем мобильном веб-сайте присутствует всплывающая реклама, убедитесь, что вы следуете рекомендациям Google по подбору подходящих вставок и баннеров.
Если вам необходимо отобразить согласие на использование файлов cookie, вход в систему или всплывающее окно с баннером, убедитесь, что оно не занимает весь экран, имеет четкую опцию для его закрытия и не слишком мешает чтению.
Размер и размещение элементов
Размещение элементов, обеспечивающее легкое мобильное взаимодействие на странице, имеет решающее значение для мобильного SEO. Это особенно верно в отношении кнопок — нет ничего более неприятного, чем неправильно нажать и оказаться там, где вы никогда не собирались быть.
Здесь есть три основных замечания:
Используйте отрицательный пробел. В отличие от разработки для настольных компьютеров, с мобильными устройствами, чем больше места у вас есть вокруг элемента, на котором можно кликать, тем лучше.
Размещайте кнопки стратегически. Вместо того чтобы оставлять их где-нибудь вверху страницы, разместите кнопки «Поделиться в социальных сетях» на липкой боковой панели или нижней панели.
Выделите ссылки пробелом. Любые контекстные ссылки, которые вы размещаете в своем тексте, должны располагаться достаточно далеко друг от друга, чтобы мобильные читатели могли переходить по ним без каких-либо проблем.
Позаботьтесь о скорости мобильной страницы
Каждый пользователь ожидает быстрой загрузки веб-сайта, особенно когда он просматривает веб-страницы с мобильных устройств. Вот почему скорость мобильной страницы должна быть одним из главных приоритетов для эффективной стратегии мобильного SEO.
Рекомендации по оптимизации скорости страницы для мобильных устройств не так уж сильно отличаются от общей оптимизации скорости веб-сайта. Вы должны сравнить самые быстрые сайты веб-хостинга и выбрать тот, который подходит для вашего проекта, позаботиться о размере изображения, минимизировать HTTP-запросы, использовать кэширование браузера, минимизировать HTML, CSS и Javascript, а также исправить цепочки перенаправлений.
Оптимизация для локального поиска
По данным самого Google, 94% всех локальных поисковых запросов происходит на мобильных устройствах. Если вы ведете местный бизнес, воспользуйтесь преимуществами, которые предоставляет вам GPS, и оптимизируйте свой веб-сайт для локального поиска.
Хорошо оптимизированный веб-сайт для локального поиска на мобильных устройствах должен:
Предоставлять основную информацию о компании. Отобразите название компании, адрес, номер телефона и другую необходимую информацию в нескольких местах на веб-сайте. Лучше всего разместить эту информацию в нижнем колонтитуле и на странице контактов.
Показывать отзывы. Убедитесь, что если клиенты оставляют отзывы о вашем бизнесе на сайтах отзывов или в Google, они сами попадают на ваш сайт. Социальное доказательство — один из наиболее вероятных способов привлечь людей, просматривающих местные сервисы на ходу.
Создавать локальный контент. Проведите исследование по местным поисковым запросам с длинным хвостом, таким как “Чем заняться в Москве летом”, создайте ценный контент с советами, и вы сможете привлечь людей, которые ищут местные достопримечательности.
Совет: Довольно много компаний до сих пор не объявили о своем размещении в Google «Мой бизнес». Не отставайте и обязательно общайтесь с людьми, которые ищут ваши сервисы на Картах Google.
Внедрение структурированных данных
Точно так же, как результаты поисковой выдачи для настольных компьютеров, результаты поисковой выдачи для мобильных устройств отображают насыщенные результаты. Вы должны захватить как можно больше из них, потому что расширенные фрагменты значительно повышают показатели кликабельности.
Любая структурированная разметка данных, которую вы внедряете для десктопной версии вашего веб-сайта, должна отлично работать и на мобильных устройствах.
Вы уже знаете важность оптимизации под локальные поисковые запросы. Структурированные данные и здесь могут помочь! Акцент должен быть сделан на разметке локальной бизнес-схемы, предпочтительно с использованием JSON-LD.
Внедрение этого позволяет отображать панели с подробной бизнес-информацией, включая часы работы, отзывы клиентов, контактную информацию и многое другое. Это невероятно ценно — вы сразу же внушаете доверие к своему бизнесу и предоставляете людям всю информацию, необходимую для того, чтобы предпочесть вас вашим конкурентам.
Сделайте весь контент доступным для ботов поисковых систем
Иногда владельцам веб-сайтов кажется, что объем контента, который они отображают на десктопной версии своего веб-сайта, кажется переполненным на мобильных устройствах, и они решают скрыть часть этого.
Поскольку Google является мобильным -во-первых, все, что скрыто в мобильной версии, скрыто и от Google, а это означает, что вы должны сделать одну и ту же версию веб-сайта доступной для всех пользователей.
Если отображаемый текст кажется чрезмерно большим, используйте сворачиваемые панели, ссылки для перехода или другие функции на странице, чтобы упростить навигацию пользователя, но не блокируйте и не удаляйте файлы CSS или Javascript со своих мобильных страниц.
Совет: Не уверены в том, что видит Google при посещении вашего мобильного сайта? Используйте “Fetch as Google” и посмотрите на свой robots.txt файл, чтобы увидеть, не скрывается ли что-либо от мобильных пользователей.
Оптимизация видео и анимированного контента
Вы же не хотите, чтобы мобильные пользователи видели неработающие видео или пробелы вместо анимации, это плохо сказывается на пользовательском опыте и мобильном SEO.
Любой анимированный или видеоконтент, который вы размещаете на своем веб-сайте, должен быть представлен в формате HTML5. Он оптимизирован и разработан для работы во всех браузерах всех устройств. Видеоконтент, отображаемый с помощью некоторых других программ, таких как Flash, может не работать на мобильных устройствах, что приводит к неработающим ссылкам и низкому рейтингу на мобильных устройствах.
Создание мобильных карт сайта
Если ваш веб-сайт работает с динамическим отображением или с отдельной конфигурацией URL-адреса, вам будет полезна отдельная карта сайта для мобильных устройств. Таким образом, Google легче отображает структуру вашего мобильного сайта и то, что видят мобильные посетители.
Обратите внимание, что если у вас реализован адаптивный дизайн, обычной XML-карты сайта более чем достаточно, чтобы помочь Google понять структуру вашего сайта — еще одна причина выбрать адаптивный дизайн.
Советы по мобильному SEO для сайтов электронной коммерции
Если вы управляете магазином электронной коммерции, мобильное SEO должно быть вашим еще большим приоритетом. Магазины, не имеющие оптимизированной мобильной версии, рискуют потерять много-много клиентов.
В дополнение ко всем лучшим общим методам мобильного SEO, перечисленным выше, обязательно:
Настройте канонические теги. В некоторых случаях, например, при использовании Shopify, страницы вашего товара могут в конечном итоге дублироваться по разным URL-адресам (например, страницы основного товара и коллекции). Настройте канонические теги, указывающие на главную страницу вашего продукта, чтобы избежать проблем с дублирующимся контентом.
Разберитесь с индексацией фильтров. Фильтрация — это невероятный способ упростить навигацию по сайту и улучшить мобильную оптимизацию вашего магазина электронной коммерции. Однако, если вы создадите слишком много фильтров и все страницы будут проиндексированы, это снова может привести к дублированию содержимого. Упорядочьте количество фильтров и их страниц, следуя лучшим методам фильтрации продуктов для мобильного SEO.
Используйте инструменты электронной коммерции для мобильного SEO. SEO-плагины WordPress или приложения Shopify для SEO предназначены для повышения производительности вашего магазина в мобильном поиске.
Протестируйте мобильную оптимизацию вашего сайта
Теперь, когда вы знаете, какие именно шаги вам нужно предпринять, чтобы создать сайт, удобный для мобильных устройств, пришло время выяснить, насколько хорошо ваш сайт работает в отделе мобильного SEO.
Существуют основные инструменты и способы проверить, насколько хорошо оптимизирован ваш сайт для мобильных пользователей.
Вот немного о трех основных из них:
Консоль поиска Google
Отчет об удобстве использования мобильных устройств в вашей поисковой консоли Google дает вам отличное представление о том, где вы находитесь с точки зрения мобильного SEO. В зависимости от того, как ваша страница работает на мобильных устройствах в глазах Google, она может получить либо вердикт «Правильно», либо «Ошибочно».
Некоторые из наиболее распространенных ошибок включают в себя то, что ваш контент шире экрана, неправильно установленные теги области просмотра, текст слишком мал для чтения или элементы расположены слишком близко друг к другу.
Вы должны серьезно отнестись ко всем предупреждениям Google Search Console и приложить усилия для их устранения для хорошего мобильного SEO.
Совет: Всякий раз, когда вы исправляете проблемы с мобильным SEO, которые заметили в своем отчете Search Console, отправляйте свою страницу на индексацию. Чем быстрее Google увидит, что вы внесли необходимые изменения, тем быстрее ваша страница начнет хорошо ранжироваться.
Тест Google для мобильных устройств
Чтобы проверить, насколько удобна для мобильных устройств страница вашего веб-сайта в любой данный момент, вы можете отправить ее на тест Google для мобильных устройств. Эта программа проверки мобильной оптимизации не только укажет, возникают ли какие-либо проблемы при обходе страницы, но и предоставит вам моментальный снимок того, как она выглядит для мобильных пользователей в режиме реального времени.
Проверьте, как выглядит ваш мобильный веб-сайт
Нет лучшего способа определить проблемы с мобильным SEO и юзабилити, чем посмотреть, как на самом деле выглядит ваша мобильная версия и как она работает.
Если вы пользователь Chrome, используйте DevTools для просмотра вашей страницы на мобильном устройстве. Переключите режим устройства в левом верхнем углу панели инструментов DevTools. Вы также можете настроить разрешение экрана в верхней части страницы, чтобы выбрать устройство определенного размера, которое вас интересует.
Мобильное SEO: краткое заключение
И посетители вашего сайта, и Google ожидают, что у вашего сайта должна быть соответствующая версия для всех устройств, используемых для доступа к вашему сайту. Вот почему, если вы хотите, чтобы ваш сайт хорошо зарекомендовал себя в поисковых системах и имел низкие показатели отказов, вам не избежать мобильного SEO.
Применяйте лучшие методы SEO для мобильных устройств, перечисленные в этом руководстве, адаптируйте их к своему веб-сайту и предпочтениям, и у вас получится сайт, оптимизированный для мобильных пользователей, занимающий высокие позиции в поисковых системах и хорошо конвертируемый.
Вопросы и ответы
Как работает мобильное SEO?
Мобильное SEO — это способ гарантировать, что все веб-сайты оптимизированы для мобильных пользователей. Это включает в себя обслуживание веб-сайта, который должным образом реагирует на меньший размер экрана, отображает все необходимые элементы, которые легко читать и взаимодействовать с ними. С тех пор как Google индексирует сайты в первую очередь для мобильных устройств, мобильное SEO стало одним из наиболее важных аспектов оптимизированного веб-сайта.
Как улучшить мобильное SEO?
Чтобы улучшить мобильное SEO, вы должны сделать свой сайт доступным для мобильных пользователей. Это включает в себя внедрение адаптивного дизайна, оптимизацию скорости мобильного сайта, метаданных, обеспечение доступности контента, его читаемости и простоты взаимодействия с мобильными пользователями.
Улучшает ли мобильная оптимизация продажи?
Определенно! Все больше и больше людей просматривают сайты и совершают покупки онлайн, используя свои мобильные устройства. Оптимизация вашего мобильного веб-сайта для SEO (читаемость контента, скорость сайта) и конверсий (размещение кнопок, интуитивно понятный процесс покупки) — верный способ превратить мобильных посетителей в клиентов.
Влияет ли страница, ориентированная на мобильные устройства, на общее SEO?
Да, страницы, удобные для мобильных устройств, являются огромной частью общей стратегии SEO. Фактически, с 2019 года Google ориентирован на мобильные устройства, а это значит, что если у вас нет мобильной версии вашего сайта с хорошими методами SEO для мобильных устройств, у вас нет шансов и в общем рейтинге.