10 самых вредных ошибок мобильного SEO

Опубликовано: 2021-06-07

Вот 10 ошибок мобильного SEO, которых следует избегать, чтобы оставаться в поисковой выдаче, привлекать больше трафика на свой сайт и радовать посетителей.

Начиная с «mobilegeddon» в 2015 году, Google доставляет последовательное сообщение: они переходят на мобильное индексирование, и вам нужно быть мобильным в первую очередь.

Mobile-first означает, что Google сканирует ваш мобильный сайт и часто просматривает только ваш мобильный сайт. Даже если ваш десктопный сайт лучший, но он не обеспечивает превосходного мобильного взаимодействия, Google не будет вас хорошо ранжировать.

Google планирует перейти на 100% индексацию Mobile-First в 2021 году, и даже сейчас занимается только зачисткой разбросанных участков. Google, скорее всего, сканирует ваш сайт в первую очередь с мобильных устройств.

Мобильное SEO важнее, чем когда-либо. Обрати внимание на Основные веб-жизненные показатели, проверка вашего мобильного контента на наличие возможностей и устранение проблем мобильного UX.

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

1. Core Web Vitals: низкая скорость сайта

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

Скорость загрузки страницы является фактором ранжирования: две трети обновлений Google Core Web Vitals напрямую связаны со скоростью сайта (наибольшая отрисовка контента и задержка первого ввода).

Согласно исследованию Google, даже вне факторов ранжирования в поисковых системах 53% людей покинут страницу, если она загружается дольше 3 секунд.

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

  • Сведите к минимуму количество запросов и перенаправлений : страницы должны быть чистыми и простыми. Устраните как можно больше переадресаций 301, удалите ненужные элементы со своей страницы, оптимизируйте HTML-код и минимизируйте все, что может замедлить скорость сайта, например CSS и JavaScript.
  • Изменение размера и сжатие изображений . Вы можете использовать встроенные инструменты WordPress для автоматического изменения размера изображений и такие инструменты, как компрессор.io, для сжатия размера файла.
  • Проверьте свое решение для хостинга : дешевые сторонние решения для хостинга не обеспечат скорость сайта, необходимую для размещения огромных объемов трафика. Особенно это касается электронной коммерции.
  • Проверьте свой прогресс : используйте Google Статистика PageSpeed или же Маяк для быстрой и простой проверки работоспособности вашего сайта.
  • Используйте новые родные веб-технологии как ленивая загрузка чтобы отложить загрузку ненужных или больших файлов.

2. Основные веб-показатели: межстраничные объявления

В 2017 году Google объявил что

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

В то время это изменение не оказало существенного влияния на рейтинг. Но времена изменились.

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

В 2021 году этот сигнал был частично расширен до показателя Cumulative Layout Shift (CLS).

Совокупное смещение макета является частью Core Web Vitals и предназначено для измерения общих сдвигов макета, происходящих на странице при ее загрузке. Это охватывает такие вещи, как всплывающие окна, перемещающие контент вниз, межстраничные объявления, перемещающие контент, и другие раздражающие недружественные UX.

Любая страница с плохим пользовательским интерфейсом может иметь более низкий рейтинг в органическом поиске. Это включает:

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

Обратите внимание, что из этого правила есть некоторые исключения. К межстраничным объявлениям, на которые новый сигнал ранжирования не оказывает негативного влияния, относятся:

  • Необходимые по закону межстраничные объявления, в том числе для проверки возраста и использования файлов cookie.
  • Диалоговые окна входа для неиндексируемого контента (например, личного контента, такого как электронные письма и контент, защищенный платным доступом).
  • Баннеры разумного размера (например, баннеры установки приложений, предоставляемые Safari и Chrome). Как правило, они занимают не более 20 процентов экрана.

    3. Отсутствующий контент: заблокированные файлы

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

    Googlebot должен иметь возможность сканировать ваш веб-сайт, как обычный пользователь, а это означает, что ограничение доступа к файлам JavaScript, CSS и изображениям на вашем веб-сайте может потенциально повредить вашему рейтингу.

    Проверьте файл robots.txt вашего веб-сайта, чтобы узнать, запрещены ли какие-либо важные элементы.

    Перейти к Консоль поиска Google а также протестируйте файл robots.txt файл.

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

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

    4. Отсутствующий контент: неиграбельный контент

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

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

Если вы хотите разместить анимированный контент на своем веб-сайте, Google рекомендует использовать HTML5. Вы можете легко создавать эти анимации в Google Web Designer, и они должны поддерживаться во всех веб-браузерах.

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

5. Отсутствующий контент: плохие перенаправления/перекрестные ссылки

Ошибочные перенаправления представляют собой серьезную проблему на веб-сайтах, которые не были оптимизированы для мобильных устройств. Это особенно актуально для веб-сайтов с отдельными URL-адресами для компьютеров и мобильных устройств.

Типичные области улучшения включают в себя:

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

Самый простой способ избежать этих проблем — сделать ваш сайт адаптивным, а не отдельным доменом. Это позволяет избежать некоторых из наиболее распространенных проблем с неправильным связыванием.

Подтвердите свой мобильный сайт с Google. Это поможет вам изолировать проблемы сопоставления и обнаружить ошибки сканирования, которые вы сможете позже исправить в Google Search Console.

6. Отсутствующий контент: только для мобильных устройств 404

Как и в предыдущем случае, пользователи настольной и мобильной версий вашего сайта должны иметь доступ к одному и тому же контенту. Если Google не видит контент на мобильном телефоне, он не может его видеть.

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

Избегайте ссылок на неработающий или отсутствующий контент и, в идеале, просканируйте свой сайт из мобильного пользовательского агента, чтобы найти ошибки 404.

7. Отсутствующий контент: структурированные данные

Google всегда стремится к богатым, точным и мгновенным ответам на запросы.

Использование schema.org для предоставления этих ответов даст вам преимущество в результатах мобильного поиска.

Если вы еще не используете разметку Schema или Structured Data для категоризации своего контента, вы упускаете важный фактор органического CTR. Google и его пользователи, как правило, реагируют на расширенные фрагменты, демонстрирующие примеры информации, которую они ищут.

Ваши расширенные сниппеты могут не отображаться в результатах поиска по многим причинам. Неправильная мобильная реализация — одна из таких причин.

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

8. Плохой UX: не указана мобильная область просмотра

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

Общие ошибки включают в себя:

  • Использование окон просмотра с фиксированной шириной, которые оптимизированы только для определенных устройств.
  • Плохие минимальные параметры области просмотра, которые оставляют пользователей с небольшими устройствами в беде.

К счастью, эти проблемы относительно легко исправить:

  1. Включить масштабирование пользователей.
  2. Управляйте основными размерами и масштабированием вашей страницы с помощью мета-тега области просмотра.
  3. Сопоставьте ширину экрана в независимых от устройства пикселях с шириной = ширина устройства.
  4. Включить начальную шкалу = 1. Это обеспечивает отношение 1:1 между пикселями CSS и независимыми от устройства пикселями.

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

Вы также можете использовать медиа-запросы CSS, чтобы по-разному оформлять страницу для маленьких и больших экранов. Для получения дополнительной информации посетите блог Google Developers на Основы адаптивного веб-дизайна.

9. Плохой UX: плохой мобильный дизайн

Многие люди путают понятия «сначала мобильные» и «дружественные к мобильным устройствам».

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

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

Вам не обязательно быть мобильным, чтобы быть мобильным в первую очередь, но вы должны быть мобильными чтобы добиться успеха в мобильном мире.

Так что создавайте дизайн для смартфонов и планшетов, а не для настольных ПК.

Избегайте неразборчивых шрифтов, мелкого размера шрифта и беспорядка на экране.

Размещайте элементы на своих страницах так, чтобы мобильные пользователи не нажали не ту ссылку или кнопку.

10. Адаптивные стратегии: не перепроверяйте метрики, на которые вы полагаетесь

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

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

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

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

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

Отзывчивый SEO

SEO для компьютеров и мобильных устройств начинается с одного и того же: с удобства использования.

Секрет любой успешной SEO-стратегии заключается в четком понимании вашей аудитории. Это исследование должно лежать в основе всего, что вы делаете — SEO, контент, дизайн сайта и т. д. Если вы знаете, как потребители ведут себя в Интернете, вы сможете лучше привлечь внимание своей аудитории.

Непонимание ваших клиентов приводит ко многим из наиболее распространенных ошибок SEO, будь то выбор неправильных ключевых слов, использование заголовков, направленных на неправильные болевые точки, или продвижение по неправильным каналам.

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

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

___
Олег Борисевич
источник: SEJ