Мобильное SEO - руководство по ранжированию в мобильном поиске

  1. Как мы узнаем, что идет обновление?
  2. Определите, какой тип мобильной конфигурации использует ваш сайт
  3. Принятые мобильные конфигурации
  4. Как определить вашу мобильную конфигурацию
  5. Убедитесь, что все боты Google могут получить доступ к вашему сайту и что вы не ограничиваете ключевые ресурсы
  6. Убедитесь, что Google может получить доступ к вашему сайту
  7. Диагностика и исправление ошибок сайта
  8. Убедитесь, что все роботы Google могут получить доступ к вашему сайту и что ключевые ресурсы не заблокированы
  9. Решить проблемы с доступом, выборкой и визуализацией
  10. Передача конфигурации вашего мобильного устройства в Google
  11. Все конфигурации - Viewports
  12. Отзывчивый веб-дизайн
  13. Динамическое Обслуживание
  14. Правильно определить агентов пользователя
  15. Отдельные URL
  16. Аннотации
  17. Автоматические перенаправления
  18. Настройка автоматических перенаправлений
  19. HTTP перенаправления
  20. JavaScript перенаправляет
  21. Проверьте и исправьте проблемы с мобильностью
  22. Окно просмотра не настроено и окно просмотра с фиксированной шириной
  23. Контент, не предназначенный для просмотра
  24. Маленький размер шрифта
  25. Сенсорные элементы слишком близко
  26. Использование Flash
  27. Ошибки мобильного сканирования
  28. Ошибки сервера
  29. Не найдены и мягкие ошибки 404
  30. Неисправные перенаправления
  31. Заблокированные URL
  32. Другие соображения
  33. Все еще в замешательстве?

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

Изменить: Google теперь подтвердил, что алгоритм мобильного ранжирования будет запущен 21 апреля ,

Это руководство проведет вас шаг за шагом, выполнив все действия, необходимые для полного соответствия всем требованиям Google Mobile SEO и Mobile Usability.

По данным Stat Counter, в декабре 2014 года мобильный поиск составил 32% всех поисковых запросов в мире ,

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

Это руководство будет:

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

Как мы узнаем, что идет обновление?

Изменить: Google теперь подтвердил, что алгоритм мобильного ранжирования будет запущен 21 апреля , С учетом 8-недельного уведомления об этом обновлении влияние, вероятно, будет очень значительным.

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

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

В октябре 2014 года Google выпустил отчеты об удобстве использования мобильных устройств в Инструментах для веб-мастеров ,

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

В этом объявлении Google заявил:

Мы также экспериментируем с использованием критериев мобильности в качестве сигнала ранжирования.

Кроме того, в течение Правила использования мобильных устройств Google Говорится:

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

Совсем недавно, с 16 января 2015 года, Google начал рассылка массовых писем веб-мастерам о том, что у них есть проблемы с мобильностью на их сайтах , В этих сообщениях говорится,

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

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

Определите, какой тип мобильной конфигурации использует ваш сайт

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

Принятые мобильные конфигурации

Google распознает три конфигурации мобильных устройств:

  • Отзывчивый веб-дизайн
  • Динамическое Обслуживание
  • Отдельные URL

Отзывчивый веб-дизайн   Динамическое Обслуживание   Отдельные URL

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

Динамическое обслуживание - это настройка, при которой сервер отвечает разными HTML (и CSS) на один и тот же URL в зависимости от пользовательского агента, запрашивающего страницу.

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

Как определить вашу мобильную конфигурацию

Лучший способ определить, какую конфигурацию использует ваш сайт, - спросить своего разработчика.

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

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

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

При изменении размера браузера на рабочем столе меняется ли макет страницы?

Да - Отзывчивый веб-дизайн (примеры сайтов, использующих эту конфигурацию: currys.co.uk или hubspot.com)

com)

Нет - Ответьте на следующий вопрос

При загрузке на мобильное устройство вы перенаправляетесь на другой URL-адрес egmexample.com?

Да - отдельные URL-адреса (примером сайта, использующего эту конфигурацию, является m.bbc.co.uk)

Нет - ответьте на следующий вопрос

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

Да - Динамическое обслуживание (примером сайта, использующего эту конфигурацию, является amazon.co.uk)

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

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

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

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

Убедитесь, что все боты Google могут получить доступ к вашему сайту и что вы не ограничиваете ключевые ресурсы

Google не сможет получить доступ и, следовательно, проиндексировать ваш сайт, если:

  1. Он не может подключиться к вашему серверу доменных имен, то есть сервер не работает или есть проблема с маршрутизацией DNS на ваше доменное имя
  2. Невозможно подключиться к серверу, на котором размещен ваш сайт, т. Е. Он слишком медленный для ответа или потому что ваш сайт блокирует Google
  3. У вас есть ошибки в файле robots.txt, т. Е. Вы блокируете обход всего сайта, блокируете доступ определенных пользователей к вашему сайту, или если ваш файл robots.txt недоступен из-за того, что он генерирует код состояния, другой чем 200 или 404

С мая 2014 года Система индексации Google делает веб-страницы более похожими на типичный современный браузер , Поэтому, чтобы Google мог оптимально отображать и индексировать веб-контент, он должен иметь доступ к веб-ресурсам сайта, а именно к CSS-файлам сайта, JavaScript и файлам изображений. Это требование явно не указано в Обновленные технические рекомендации Google для веб-мастеров ,

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

Убедитесь, что Google может получить доступ к вашему сайту

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

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

Диагностика и исправление ошибок сайта

Если есть какие-либо проблемы, показанные в Инструментах для веб-мастеров, перейдите в Сканирование> Ошибки сканирования, и под заголовком Ошибки сайта вы увидите более подробную информацию о причинах этих проблем.

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

Для справки, вы можете найти копии этих инструкций, используя ссылки ниже.
[sociallocker id = ”4254 ″]

[/ Sociallocker]
Обновите эти ссылки, чтобы они указывали на файлы изображений, сохраненные на сервере, когда публикация будет запущена и встроена в социальную ячейку.

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

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

В Инструментах для веб-мастеров перейдите в меню «Сканирование»> «Получить как Google».

С помощью этого инструмента вы сможете получить как Google, используя несколько пользовательских агентов Google

Получите и отредактируйте образец страниц, используя «Рабочий стол» и «Мобильный телефон: опция смартфона». Образец, который вы используете, будет зависеть от сайта, но примером страниц, которые вы можете выбрать, является домашняя страница, страница категории и страница продукта.

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

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

В частности, вы хотите убедиться, что Google может получить доступ к этим страницам, и что вы не ограничиваете Google доступ к каким-либо ресурсам (CSS, JavaScript, изображения).

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

Передача конфигурации вашего мобильного устройства в Google

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

Все конфигурации - Viewports

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

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

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

<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">

Ниже приведен снимок экрана исходного кода для currys.co.uk, который правильно реализовал этот метатег.

Без тега области просмотра мобильный браузер обычно отображает страницу с шириной экрана рабочего стола (обычно 980 пикселей), а затем пытается сделать ее лучше. Для пользователей это часто означает, что им нужно дважды коснуться или ущипнуть, чтобы увидеть или взаимодействовать с контентом. Часть этого тега width = device-width указывает, что страница соответствует ширине экрана. Часть initial-scale = 1, позволяет изменять размер страницы, когда мобильное устройство переворачивается.

Отзывчивый веб-дизайн

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

  • Разрешить всем роботам Google сканировать сайт
  • Весь доступ к CSS, JavaScript и файлам изображений
  • Убедитесь, что на каждой странице используется метатег viewport

Страницы поддержки Google для правильной сигнализации этой конфигурации можно найти Вот ,

Динамическое Обслуживание

Vary HTTP Header

При использовании динамического обслуживания, HTTP-заголовок варьирования требуется на каждой динамически обслуживаемой странице, чтобы показать, что в зависимости от того, кто обращается к странице, предоставляемый контент будет меняться. Причина, по которой это необходимо, заключается в том, что контент веб-страницы часто кэшируется в различных местах, таких как CDN, интернет-провайдеры, веб-браузеры и собственный индекс Google. В связи с этим, когда делается запрос на одну из ваших веб-страниц, компоненты или даже вся ваша страница могут быть доставлены без запроса с вашего сервера. С помощью заголовка var http браузеры и Google поймут, что содержимое будет различаться в зависимости от агента пользователя, который его запрашивает. Это означает, что Google может правильно понимать ваш контент и, следовательно, ранжировать каждую версию вашей страницы отдельно для поиска на компьютере и на мобильном устройстве. Требуется HTTP-заголовок var:

Варь: Пользователь-агент

Например, заголовок для amazon.co.uk содержит «var: user-agent».

Вы можете проверить заголовок веб-страницы, используя такой инструмент, как SEO Book Проверка заголовка сервера ,

Правильно определить агентов пользователя

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

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

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

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

  • Разрешить всем роботам Google сканировать сайт
  • Весь доступ к CSS, JavaScript и файлам изображений
  • Убедитесь, что на каждой странице используется метатег viewport
  • Убедитесь, что на каждой странице используется заголовок варьирования HTTP
  • Обнаружение мобильных пользователей через их пользовательский агент и обработка Googlebot, как и любой другой пользователь

Страницы поддержки Google для правильной сигнализации этой конфигурации можно найти Вот ,

Отдельные URL

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

Аннотации

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

Для этого необходимо следующее:

  1. На странице рабочего стола добавьте тег rel = ”alternate”, указывающий на соответствующий мобильный URL-адрес.
  2. На странице для мобильных устройств добавьте тег rel = ”canonical”, указывающий на соответствующий URL-адрес рабочего стола.

Так, например,

Страница рабочего стола:

<link rel = "alternate" media = "только экран и (max-width: 640px)" href = "http://m.example.com/page-1">

Мобильная страница:

<link rel = "canonical" href = "http://www.example.com/page-1">

Ниже вы можете увидеть, как этот метод реализован на airbnb.co.uk

uk

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

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

Карта сайта Mehtod

Также возможно, чтобы аннотация rel = ”альтернатива” содержалась в карте сайта XML сайта, а не в заголовке страницы. Часть rel = ”canonical”, тем не менее, должна присутствовать в мобильных URL-адресах.

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

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

&lt;? xml version = "1.0" encoding = "UTF-8"?> <urlset xmlns = "http://www.sitemaps.org/schemas/sitemap/0.9" xmlns: xhtml = "http: //www.w3 .org / 1999 / xhtml "> <url> <loc> http://www.example.com/page-1/ </ loc> <xhtml: link rel =" alternate "media =" только экран и (max- ширина: 640 пикселей) "href =" http://m.example.com/page-1 "/> </ url> </ urlset>

Автоматические перенаправления

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

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

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

Вы также должны убедиться, что перенаправления соответствуют аннотациям rel = ”alternate” и rel = ”canonical”.
Если на вашем веб-сайте используются автоматические перенаправления, важно, чтобы вы относились ко всем роботам Google так же, как к любому другому пользовательскому агенту, и перенаправляли его соответствующим образом.

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

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

Настройка автоматических перенаправлений

Единственные методы автоматического перенаправления, поддерживаемые Google:

  • HTTP перенаправления
  • JavaScript перенаправляет
HTTP перенаправления

Рекомендуется, чтобы сервер перенаправлял с кодом состояния 302, где это возможно, но 301 также является приемлемым.

JavaScript перенаправляет

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

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

  • Разрешить всем роботам Google сканировать сайт
  • Весь доступ к CSS, JavaScript и файлам изображений
  • Убедитесь, что на мобильной странице используется метатег viewport
  • Убедитесь, что на каждой странице используется заголовок варьирования HTTP
  • Обнаружение мобильных пользователей через их пользовательский агент и обработка Googlebot, как и любой другой пользователь
  • Сообщите о взаимосвязи между двумя URL-адресами, используя элементы rel = ”canonical” и rel = ”alternate”.
  • Убедитесь, что автоматические перенаправления соответствуют вашим аннотациям
  • Убедитесь, что автоматические перенаправления обрабатывают всех ботов Google так же, как и любой другой пользовательский агент

Страницы поддержки Google по правильной сигнализации отдельной конфигурации URL можно найти Вот ,

Проверьте и исправьте проблемы с мобильностью

Следующим шагом является проверка на наличие проблем с мобильностью. Для этого в Инструментах для веб-мастеров перейдите к Поисковый трафик> Мобильность.

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

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

В этом отчете будет рассмотрен ряд проблем.

  • Окно просмотра не настроено
  • Окно фиксированной ширины
  • Контент не размер для просмотра
  • Маленький размер шрифта
  • Сенсорные элементы слишком близко
  • Использование Flash

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

Помимо информации, представленной ниже, можно найти рекомендации Google по устранению этих проблем. Вот ,

Окно просмотра не настроено и окно просмотра с фиксированной шириной

Обе эти проблемы решаются путем правильной реализации метатега viewport. Это было описано в первой части раздела «Настройка вашей мобильной конфигурации» данного руководства, поэтому обязательно просмотрите этот раздел, если у вас есть какие-либо проблемы, связанные с этими проблемами.

Контент, не предназначенный для просмотра

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

Маленький размер шрифта

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

Google рекомендует, чтобы для сохранения разборчивого текста вы должны:

  • Используйте базовый размер шрифта 16 пикселей (это может потребоваться изменить с учетом конкретного используемого шрифта)
  • Размер всего текста относительно этой базовой линии
  • Используйте высоту строки 1.2em, чтобы добавить интервал между каждой строкой текста (это может потребоваться отрегулировать для учета конкретного используемого шрифта)
  • Ограничьте количество шрифтов и размер шрифтов, чтобы избежать грязного и сложного макета

Ниже мы можем увидеть пример того, как это реализовано:

тело {размер шрифта: 16px; высота строки: 1,2em;} p {font-size: 120%;} h1 {font-size: 250%;} h2 {font-size: 200%;}

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

Требуемая высота строки 1,2 ems также была установлена ​​таким образом, чтобы между каждой строкой текста было достаточное расстояние, чтобы ее было легче читать.

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

Сенсорные элементы слишком близко

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

Теперь не всегда возможно сделать сенсорные элементы шириной 48px, и поэтому, если элемент меньше 48px, Google рекомендует, чтобы между сенсорными элементами было не менее 32px пространства. Чаще всего эта ошибка вызвана тем, что сенсорные элементы расположены слишком близко друг к другу, а не сам элемент слишком мал.

Использование Flash

Flash-контент не может быть отображен в большинстве мобильных браузеров. Таким образом, любой контент, навигация или анимации на вашем сайте, которые используют Flash, не будут отображаться для мобильных посетителей. Поэтому вспышка не должна использоваться, где это возможно. Вместо этого следует использовать более современные веб-технологии, такие как CSS и JavaScript.

Ошибки мобильного сканирования

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

Чтобы выявить эти проблемы, в Инструментах для веб-мастеров перейдите в Сканирование> Ошибки сканирования и выберите вкладку смартфона.

Чтобы выявить эти проблемы, в Инструментах для веб-мастеров перейдите в Сканирование> Ошибки сканирования и выберите вкладку смартфона

Детали того, как решить эти проблемы, приведены ниже.

Ошибки сервера

Ошибка сервера смартфона - это когда мобильный робот Googlebot получает код состояния 500 при сканировании страницы. Хотя Google предоставляет некоторую основную информацию о том, как решить эти проблемы, только если вы получите уведомление о серьезной проблеме, они предоставят вам более подробные инструкции. Для справки, вы можете найти скриншоты этих действий, используя ссылки ниже.
[sociallocker id = ”4254 ″]

[/ Sociallocker]

Не найдены и мягкие ошибки 404

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

  • Убедитесь, что обнаружение вашего пользовательского агента правильно настроено. Увидеть Правильно определить раздел «Агенты пользователей» Больше подробностей.
  • Если вы используете определенные URL-адреса для мобильных устройств, убедитесь, что они перенаправляют мобильных пользователей на правильный эквивалентный URL-адрес на вашем мобильном сайте.
  • Если страница на вашем сайте не имеет аналога для смартфона, держите пользователей на странице рабочего стола, а не перенаправляйте их на любой другой мобильный URL-адрес.

Неисправные перенаправления

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

  • Перенаправление мобильных пользователей на мобильные домашние страницы независимо от того, какой URL они запрашивали
  • URL-адрес вашей страницы рабочего стола содержит параметры, которые плохо сопоставляются с эквивалентной мобильной страницей.
  • Ваши перенаправления перенаправляют только некоторые мобильные устройства, но не другие, т.е. телефоны Android, но не iPhone.

Для решения этих проблем убедитесь, что:

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

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

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

Другие соображения

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

  • Избегайте контента, который нельзя воспроизвести на мобильных устройствах
  • Убедитесь, что ваш мобильный сайт загружается быстро, чтобы избежать разочарования пользователей ( Google Page Speed ​​Tool )
  • Избегайте ненужных перекрестных ссылок - при размещении ссылки на версию для настольного компьютера на странице для мобильных устройств или наоборот убедитесь, что перекрестная ссылка относится к эквивалентной странице, а не к любой другой странице, такой как домашняя страница.
  • Убедитесь, что внутренние ссылки остаются совместимыми с версиями их конкретных устройств, чтобы избежать ненужных перенаправлений, например, навигационные ссылки на вашем мобильном сайте должны ссылаться на ваши мобильные страницы, а не на страницы рабочего стола

Все еще в замешательстве?

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

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

  • Удовлетворение всем техническим требованиям Google, чтобы вы заняли место в мобильном поиске
  • Выбор лучшей мобильной конфигурации для удовлетворения потребностей вашего бизнеса
  • Улучшение мобильного опыта для увеличения конверсий
  • Редизайн ваших сайтов для мобильных пользователей

Проверьте наш страница мобильных SEO сервисов и позвольте нам помочь вам сделать ваш бизнес мобильным!

Похожие

Тип перенаправления
... ие» означает процесс, посредством которого URL-адрес перенаправляется на другую страницу того же сайта или другого"> «Перенаправление» означает процесс, посредством которого URL-адрес перенаправляется на другую страницу того же сайта или другого. Редирект отправляет пользователей и поисковые системы на другой целевой URL, чем на исходный. Причин, по которым используется перенаправление, может быть несколько, в первую очередь необходимость перенаправления
Что такое SEO?
... все методы, которые позволяют поисковым системам, таким как Google, быстрее находить веб-сайт. В этом случае речь идет об обычных (не спонсируемых) результатах поисков, выполненных поисковыми системами. Прежде всего, код сайта должен быть более доступным для поисковых систем. Поэтому SEO идет первым путем изучения ключевых слов. Для этого есть разные инструменты, наиболее важным из которых является Google Keyword Planner. Метаданные должны быть созданы для каждой веб-страницы. Соответствующий
Аудит сайта - SEO анализ сайта
Вы слышали о SEO WEB AUDIT? Вы хотите получить лучшие результаты поиска? Хотите понять, почему ваша домашняя страница не входит в ТОП-10 в Google? Проще говоря: у вас есть реальный шанс попасть в топ-10 в поисковых системах, таких как Google, Bing и т. Д., Если у вас есть «чистый» сайт, будь то домашняя страница, блог или коммерческий сайт. К сожалению, только очень немногие предприятия делают. Почему это так?
SEO руководство по сайту Joomla
... нению с WordPress или Drupal. Каждая из этих платформ имеет разные подходы, когда их необходимо оптимизировать для поисковых систем, и Joomla отличается тем, что не всегда требует дополнительных расширений. Далее я представлю некоторые очень важные элементы при поиске оптимизации для поисковых систем сайта Joomla. 1. Глобальные настройки Чтобы получить доступ к этим настройкам, необходимо перейти в «Общая конфигурация» (Система - Глобальная конфигурация
Как вы знаете, если ваш сайт оптимизирован для SEO
... чтобы привлечь как можно больше трафика на сайт. Существуют различные приемы SEO для каждого веб-сайта, но в общих чертах, SEO фокусируется на релевантных ключевых словах, добавляемых к страницам и контенту. К сожалению, большинство владельцев сайтов или блогов не придают значения индексации в поисковых системах. Другие не знают, как это сделать или проверить это. Тем не менее, как вы можете узнать, является ли ваш сайт оптимизированным для SEO или как вы можете сделать это,
Курс SEO
... и коммуникаторов Курс оптимизации SEO Skmotor предназначен для вас как маркет-мейкера и / или коммуникатора; До этого вам не нужно быть техником, просто знать, как и куда идти. Вы должны быть в состоянии получить доступ к своим страницам на сервере, чтобы получить коды или вести работу другого человека в этом. Вы должны иметь такое же влияние на весь текст, который написан на веб-сайте, который вы хотите оптимизировать. Каждый, кто приходит к нам в Школу рынка,
SEO Швейцария
... всех типах секторов. SEO является нашей единственной техникой, чтобы получить хорошую видимость для наших сайтов. По сравнению с Ираном, в Швейцарии мало конкуренции. И по своему опыту я могу легко оценить, что работает хорошо, а что нет. Вперед для нашего погружения в мир SEO! Если вы хотите, чтобы я познакомил вас с SEO в одном предложении, я скажу: «Вы - эксперт SEO, когда вы извлекаете что-то из виртуального мира, разумно превращая это в нечто ваш веб-сайт (или
SEO для изображений Google
Мы знаем, что оптимизация изображений для Google является одной из самых избитых тем, которые можно найти в блоге о цифровом маркетинге . Тем не менее, мы считаем необходимым настаивать на этом, поскольку каждый день мы находим новые случаи, которые забывают применить это на практике, и это необходимо либо для SEO-оптимизации изображений, либо просто для того, чтобы ваш сайт был хорошо оптимизирован. По нашим знаниям и опыту, это 11 ключей,
Как оптимизировать SEO бесплатно?
... не так ли? Возможно, вы правы, я не хочу противоречить вам этой статьей, а просто изложить свою точку зрения! Интернет, на мой взгляд, одна из возможностей, о которых я говорил. В начале 90-х он использовался только для связи с современным миром, а затем мы открыли для себя социальные сети, и теперь это один из лучших маркетинговых инструментов. Подавляющее большинство тех, кто работает или учится в области маркетинга, осознали, что борьба за прибыль ведется в онлайн-домене,
Бесплатное руководство по SEO
... чтобы Вставьте свой рекламный код ИЛИ Подавить это рекламное место. В течение этих месяцев я собираюсь написать бесплатное руководство по SEO для всех, но наивысшего качества, показывая все методы, которые мы используем для наших страниц и наших клиентов, и показывая, как сделать SEO сегодня, в 2014 и 2015, после большого количества изменений, которые произошли в Google и его движке индексации. Мы надеемся, что вы найдете его полезным, так
Что такое SEO? Что это делает?
... иатура поисковой оптимизации, SEO, является турецким эквивалентом поисковой оптимизации и может быть определена как процесс увеличения количества и качества трафика на ваш сайт с помощью обычных результатов поисковой системы. Что такое SEO? Чтобы точно понять, что такое SEO, вам нужно разобраться с несколькими частями: Предположим, вы производитель яблок очень высокого качества. Ваш продукт действительно интересен, и вы экспортируете его

Комментарии

Тем не менее, как вы можете узнать, является ли ваш сайт оптимизированным для SEO или как вы можете сделать это, чтобы получить одобрение Google и не только?
Тем не менее, как вы можете узнать, является ли ваш сайт оптимизированным для SEO или как вы можете сделать это, чтобы получить одобрение Google и не только? Вот некоторые ключевые элементы: Индексирование сайта в поисковых системах - если сайт не проиндексирован в поисковых системах, то вы не можете захватывать трафик. Однако, если сайт проиндексирован в Google, это означает, что он оптимизирован для SEO. По мере того как сайт индексируется, роботы Google будут посещать
Но как вы используете свои ресурсы для наиболее эффективных и действенных результатов SEO - и как вы можете гарантировать, что вы увидите результаты раньше, чем позже?
Но как вы используете свои ресурсы для наиболее эффективных и действенных результатов SEO - и как вы можете гарантировать, что вы увидите результаты раньше, чем позже? Ну, это как раз то, что является нашей областью знаний, так что оставайтесь с нами, и мы расскажем вам. Но прежде чем идти дальше ... Сколько времени занимает SEO? Важно отметить, что эта статья о 5 способах быстрого повышения вашего рейтинга сопровождается большим блестящим предупреждением
Что это за ключевые слова и где вы их находите, как они относятся к сайту, элементы, которые плагины SEO не делают?
Что это за ключевые слова и где вы их находите, как они относятся к сайту, элементы, которые плагины SEO не делают? Потому что я не могу, я не знаю, мы видим ... Это показывает исходный код текста, который продвигает сервис оптимизации SEO. Как вы можете видеть, если вы пытаетесь читать, это похоже на
Как вы гарантируете, что ваш сайт не потеряется из-за бесчисленного количества результатов, которые появляются в поисковых системах, таких как Google?
Как вы гарантируете, что ваш сайт не потеряется из-за бесчисленного количества результатов, которые появляются в поисковых системах, таких как Google? Введите: поисковая оптимизация (SEO). SEO - это процесс, направленный на повышение видимости вашего сайта и рейтинга в результатах поисковых систем - чем выше рейтинг, тем выше вероятность того, что ваш сайт увидят. Но как вы узнаете, как будет складываться ваш сайт? Есть несколько способов повысить видимость и рейтинг вашего сайта.
Если посетитель не может получить доступ ко всему вашему контенту, какой смысл иметь контент?
Если посетитель не может получить доступ ко всему вашему контенту, какой смысл иметь контент? Мета-теги, файлы robots.txt и XML-файлы сайтов анализируются на предмет отсутствия недостающих ссылок, мертвых страниц или ошибок URL-адресов. Он также проверяет количество перенаправлений, используемых вашим сайтом. Если у вас слишком много перенаправлений, это замедляет работу сайта, что отразится на вашем отказов. SEO аудит также
Если вы не знакомы с историей Google или не читали мою «SEO часть 1: что такое SEO?
Если посетитель не может получить доступ ко всему вашему контенту, какой смысл иметь контент? Мета-теги, файлы robots.txt и XML-файлы сайтов анализируются на предмет отсутствия недостающих ссылок, мертвых страниц или ошибок URL-адресов. Он также проверяет количество перенаправлений, используемых вашим сайтом. Если у вас слишком много перенаправлений, это замедляет работу сайта, что отразится на вашем отказов. SEO аудит также
Каким бы хорошим ни был контент вашего сайта, как кто-то может дать вам отзыв или упомянуть, если невозможно узнать о существовании вашего сайта?
Каким бы хорошим ни был контент вашего сайта, как кто-то может дать вам отзыв или упомянуть, если невозможно узнать о существовании вашего сайта? Это как порка, которая ест свой хвост. Это все равно, что притворяться, что находят работу в предположении, что только те, кто имел опыт, могут быть наняты. Как кто-то будет вас нанимать, если вам необходимо иметь опыт работы; Но если в то же время единственный способ получить опыт - это нанять вас первым? Нечто подобное происходит и с темой ссылок.
Итак, как вы гарантируете, что ваш контент не погружается в глубину безвестности?
Итак, как вы гарантируете, что ваш контент не погружается в глубину безвестности? Как вы находите волшебную формулу для достижения социальных акций и реферального трафика? Ну, нет волшебной формулы, но вы можете узнать одну или две вещи из того, как сказал Йозеф Хаслам, старший директор SEO в Education Dynamics: «Я говорю своей команде по созданию контента, что у них есть только один KPI. Был ли их контент распространен или нет? Это достойно поделиться?
Например, знаете ли вы, что, несмотря на то, что YouTube принадлежит Google, первые три видео в Google не всегда совпадают с тремя самыми популярными на YouTube?
Например, знаете ли вы, что, несмотря на то, что YouTube принадлежит Google, первые три видео в Google не всегда совпадают с тремя самыми популярными на YouTube? И даже видео с результатами Google в Интернете будут отличаться от их результатов! Попробуйте поискать «как починить сушилку» во всех трех поисках и посмотрите, что вы придумали: Это не точная наука, но есть
Облачные пути: поскольку мир SEO непрерывно трансформируется с момента его создания, как вы думаете, что ждет будущее в поисковой оптимизации, то есть, что дальше для SEO?
Облачные пути: поскольку мир SEO непрерывно трансформируется с момента его создания, как вы думаете, что ждет будущее в поисковой оптимизации, то есть, что дальше для SEO? Валерий: Как и предсказывали светлые умы прошлого, информация перемещается на мобильные устройства - так же, как и предсказывалось, довольно скоро индекс для мобильных устройств и настольных компьютеров будет объединен с мобильной версией страницы, которая будет сканироваться первой. На самом деле, очень
Но как только ваши потребители попадают на вашу страницу, как вы заставляете их делать то, что вы от них хотите?
Но как только ваши потребители попадают на вашу страницу, как вы заставляете их делать то, что вы от них хотите? Правильный контент и размещение контента очень важны. Если вы хотите, чтобы ваши покупатели покупали товар, подписывались на что-то, например, на новостную рассылку или список рассылки, вам нужно будет не только заставить их заходить на ваш сайт, но и направлять их. Думайте о SEO как о клее, который подходит для разных стратегий и работ, а не работает в одиночку. Это значительно увеличит

Как мы узнаем, что идет обновление?
При изменении размера браузера на рабочем столе меняется ли макет страницы?
Com?
Lt;?
Encoding = "UTF-8"?
Вы хотите получить лучшие результаты поиска?
Хотите понять, почему ваша домашняя страница не входит в ТОП-10 в Google?
Почему это так?
Не так ли?
Что это делает?