Распространенные ошибки

  1. Заблокированные JavaScript, CSS и файлы изображений
  2. Рекомендуемые действия:
  3. Неиграемый контент
  4. Рекомендуемые действия:
  5. Неисправные перенаправления
  6. Рекомендуемые действия:
  7. Mobile-Only 404s
  8. Рекомендуемые действия:
  9. Избегайте вставок
  10. Скачать приложение Interstitials
  11. Рекомендуемые действия:
  12. Нерелевантные перекрестные ссылки
  13. Рекомендуемое действие:
  14. Рекомендуемое действие:
  15. Установите ваш видовой экран правильно
  16. Маленький размер шрифта
  17. Сенсорные элементы слишком близко

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

Заблокированные JavaScript, CSS и файлы изображений

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

Рекомендуемые действия:

  1. Убедитесь, что робот Googlebot может сканировать ваши файлы JavaScript, CSS и изображения с помощью «Инструмент проверки URL» в Консоль поиска , Это позволит вам точно увидеть, как робот Google видит и отображает ваш контент, а также поможет вам выявить и исправить ряд проблем с индексацией на вашем сайте.

  2. Проверьте и протестируйте ваш robots.txt в консоли поиска.

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

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

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

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

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

На этой странице описаны некоторые из наиболее распространенных ошибок, которые допускают веб-мастера при проектировании для мобильных устройств

Это дает пользователям плохой мобильный опыт!

Вместо использования проприетарного видеоплеера или размещения контента в неподдерживаемых форматах мы рекомендуем использовать стандартные теги HTML5 для включения видео или анимации.

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

Рекомендуемые действия:

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

Для более подробной информации читайте о видео лучшие практики в Google Основы Сети ,

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

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

Примеры:

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

  • Ваш рабочий стол перенаправляет некоторые мобильные устройства, но не другие. Например, сайт может перенаправлять только пользователей Android на мобильный сайт, но не перенаправлять пользователей iPhone или Windows Phone.

Рекомендуемые действия:

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

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

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

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

Mobile-Only 404s

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

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

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

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

Рекомендуемые действия:

  • использование Консоль поиска , Если вы являетесь подтвержденным пользователем сайта, мы отправим вам уведомление в Центре сообщений.

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

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

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

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

Избегайте вставок

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

Скачать приложение Interstitials

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

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

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

Рекомендуемые действия:

  • Используйте простой баннер, чтобы продвигать ваше приложение в соответствии с содержанием страницы. Этот баннер может быть реализован с помощью:

    • Баннер с поддержкой браузера, такой как Smart App Баннеры для сафари или Родные баннеры приложений для хрома.
    • HTML-баннер или изображение, похожее на типичную небольшую рекламу, которое ссылается на нужный магазин приложений для загрузки.
  • Если у вас есть приложение для Android, рассмотрите возможность реализации индексация приложений : если индексированный контент из вашего приложения релевантен для определенного запроса, мы отобразим кнопку «Установить» в результатах поиска, чтобы пользователи могли загрузить его и сразу перейти к определенной странице в вашем приложении.

Нерелевантные перекрестные ссылки

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

Рекомендуемое действие:

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

Медленные мобильные страницы

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

Рекомендуемое действие:

использование Google PageSpeed ​​Insights чтобы выяснить, есть ли на вашей странице какие-либо проблемы, которые могут замедлить ваши страницы, сосредоточив внимание на подразделе «Скорость». Попробуйте решить проблемы, помеченные как «Следует исправить».

Для получения дополнительной информации см .:

Установите ваш видовой экран правильно

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

  • Использование видовых экранов фиксированной ширины. Это делает страницу не очень хорошо масштабируемой для всех размеров устройств (а их много). Прочитайте больше ,
  • Предполагая нереально широкую минимальную область просмотра, которая может заставить пользователей на небольших устройствах выполнять горизонтальную прокрутку для чтения содержимого. Это происходит, когда страницы используют абсолютные значения в объявлениях CSS или используют изображения, разработанные для наилучшего просмотра при определенной ширине браузера (например, 980 пикселей). Чтобы исправить эту ошибку, убедитесь, что страницы используют относительные значения ширины и положения для элементов CSS, и убедитесь, что изображения также могут масштабироваться. Учить больше ,

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

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

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

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