Пример мобильного SEO: следующий

1. Конфигурация мобильного сайта
2. Пользовательский опыт
3. Нет вставок
4. Вернуться к настольной версии
5. Перейдите на мобильный сайт
6. Последовательный дизайн
7. Гамбургер Иконка
8. Неиграемый контент
9. Нажмите Цели
10. видимость
11. Карта сайта мобильного сайта
12. Robots.txt
13. Метаданные
14. Vary HTTP Header
15. технический
16. Аннотации для настольных и мобильных URL
17. Rel = «альтернативный» тег
18. Rel = «канонический» тег
19. Viewport
20. Скорость сайта
21. Заблокированные ресурсы
22. Перенаправление
23. решение суда

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

Во время развертывания обновления прозвучало как Mobilegeddon », которая началась 21 апреля, у Next было только приложение, предназначенное для их мобильной аудитории. С тех пор они запустили мобильный сайт.

Хотя у Next теперь есть мобильный веб-сайт, эффективно ли они обслуживают свой мобильный веб-сайт с точки зрения передового опыта пользователя и мобильного SEO? Это то, что мы ответим сегодня.

Конфигурация мобильного сайта

Мобильный веб-сайт Next построен с использованием отдельной конфигурации URL; Это довольно распространенная установка, которая включает в себя наличие мобильного сайта, который полностью отделен от своего настольного сайта.

Обычно веб-сайт, созданный с использованием отдельных URL-адресов, обнаруживает пользовательских агентов; происходит перенаправление, отправка пользователя по соответствующему URL-эквиваленту, который отображает оптимизированный контент для обнаруженного устройства. Однако мобильный сайт Next не работает таким образом; если мобильный пользователь посещает веб-сайт Next на рабочем столе, он остается там и наоборот.

Пользовательский опыт

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

Нет вставок

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

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

Вернуться к настольной версии

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

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

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

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

Последовательный дизайн

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

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

Гамбургер Иконка

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

Неиграемый контент

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

Далее не размещайте на своем мобильном веб-сайте контент, который нельзя просматривать на мобильных устройствах на таких платформах, как Flash или Quicktime, что является хорошей практикой.

Нажмите Цели

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

Затем, по данным Google PageSpeed ​​Insight, у вас почти идеальный показатель взаимодействия с пользователем, при этом только одна цель-касание немного снижает их рейтинг.

видимость

Так как же действует тариф Next с учетом факторов, влияющих на видимость их веб-сайта в результатах мобильного поиска?

Карта сайта мобильного сайта

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

Robots.txt

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

Метаданные

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

Далее в настоящее время не оптимизируют свои метаданные для своего мобильного веб-сайта, хотя это является основной практикой SEO; это может быть преднамеренным, так как их сайт в настоящее время не индексируется и не ранжируется из-за блокировки роботов robots.txt.

Vary HTTP Header

Заголовок Vary HTTP сообщает веб-серверу, что существует разный контент для обслуживания разных пользователей, и что при получении запроса URL-адреса веб-сервер должен учитывать запрос агента пользователя перед обслуживанием контента.

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

Далее в настоящее время не используются HTTP-заголовки Vary, и поэтому они неправильно информируют поисковые системы об альтернативах мобильных страниц. Учитывая, что они используют отдельную конфигурацию URL, очень важно иметь это на месте.

технический

Итак, насколько совместим мобильный веб-сайт Next с точки зрения лучшей практики мобильного SEO? Не сильно.

Аннотации для настольных и мобильных URL

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

Rel = «альтернативный» тег

Этот тег сообщает поисковым системам, что существует альтернативная версия страницы рабочего стола; это помогает обнаружить ваш мобильный контент.

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

Rel = «канонический» тег

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

Viewport

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

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

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

Скорость сайта

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

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

Заблокированные ресурсы

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

Перенаправление

Когда мобильный пользователь входит на ваш сайт по URL-адресу рабочего стола, обычно и рекомендуется автоматически перенаправлять его на эквивалент мобильного URL-адреса. Обеспечивая соответствие перенаправлений с настольного компьютера на мобильный в соответствии с URL-адресом, указанным в теге ссылки rel = ”alternate” на странице рабочего стола (если он правильно установлен), это упрощает управление перенаправлениями и отдельными страницами.

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

решение суда

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

С точки зрения SEO и с технической точки зрения, многое нужно сделать, чтобы веб-сайт Next для мобильных устройств был оптимизирован для поиска и был правильно понят и просканирован поисковыми системами. Существует несколько серьезных проблем с мобильным веб-сайтом Next, от блокировки сканера robots.txt до отсутствующих файлов Sitemap; Есть существенные проблемы, которые необходимо решить, чтобы их мобильный веб-сайт работал как можно лучше.

У вас есть вопросы относительно того, что я обсуждал в этом посте? Я хотел бы услышать от вас - оставьте комментарий ниже или свяжитесь со мной через Twitter @LukeTheMono ,

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

Поделиться этой записью

Похожие

Комментарии