Уровень подготовки вебмастера: любой Люди все чаще предпочитают использовать смартфоны, и все больше сайтов оптимизируют свой контент для просмотра на этих устройствах.
С тех пор, как мы последний раз Мы говорили о дизайне сайтов для мобильных платформ, нам удалось существенно улучшить поддержку их контента.
Итак, еще в декабре 2011 года был запущен Робот Google для мобильных сайтов , который обрабатывает именно такой контент. Сегодня мы хотим дать вам рекомендации по созданию и оптимизации сайтов, чтобы они одинаково хорошо отображались как на обычном компьютере, так и на смартфоне.
Советы по разработке веб-сайтов
Ниже приведены краткие рекомендации, более подробную информацию можно найти Здесь .Как мы недавно сообщили , этот сайт теперь доступен на русском языке.
Для сайтов смартфонов Google поддерживает три различные конфигурации: 1. Сайты с адаптивным веб-дизайном.
Это предполагает, что одни и те же URL-адреса открываются на разных устройствах.
HTML-код не меняется, а адаптация страницы под конкретную платформу обеспечивается посредством CSS. Google рекомендует использовать эту конфигурацию.
2. Сайты, которые используют один и тот же набор URL-адресов на всех платформах, но динамически предоставляют разный код HTML и CSS для настольных и мобильных устройств.
3. Контент для разных устройств размещен на отдельных сайтах.
Адаптивный веб-дизайн
Эта технология использует медиа-запросы CSS3. Всем устройствам предоставляется один и тот же код HTML-страницы, но его отображение изменяется с помощью разных стилей CSS, выбранных с помощью медиа-запросов.Подробнее об адаптивном дизайне читайте в статье «Адаптивный дизайн на основе медиазапросов» и в нашем рекомендации .
Вот некоторые преимущества адаптивного дизайна:
- Все устройства открывают одни и те же URL-адреса, что упрощает их использование, ссылки и обмен.
Это также облегчает нам индексацию вашего контента.
- Google может обнаружить ваш контент быстрее, поскольку вам не нужно сканировать ваши страницы с помощью различных роботов Googlebot, чтобы найти и проиндексировать весь ваш контент.
Отдельный HTML-код для разных устройств.
Поскольку во многих ситуациях адаптивный дизайн невозможен, веб-сайты могут содержать HTML-код, разработанный для определенных устройств и размещенный на одном и том же URL-адресе (динамический показ) или на разных (например, www.example.com и m.example.com).
Если вы используете динамическое обслуживание, настоятельно рекомендуется использовать HTTP-заголовок Vary. Данное решение позволяет использовать кеширующие серверы, а наши алгоритмы учитывают, что контент меняется в зависимости от клиентских приложений, запрашивающих страницу.
Это также может говорить нам о том, что для сканирования следует использовать Google Mobile Robot. Вы можете узнать об этом больше Здесь .
Существует несколько способов реализовать отдельную конфигурацию сайта для мобильных устройств.
Мы рекомендуем сообщать алгоритмам Google через комментарии, что ваши страницы для настольных компьютеров и мобильных устройств эквивалентны.
Другими словами, новые комментарии описывают отношения между двумя версиями контента, которые следует рассматривать как одно и то же, но на разных платформах.
С помощью этих комментариев мы определим контент для смартфонов, а наши алгоритмы распознают структуру контента — и сайт будет лучше отображаться в результатах поиска.
Заключение
Эта запись представляет собой лишь краткое изложение нашей рекомендации по созданию сайтов, оптимизированных для смартфонов .Ознакомьтесь с полной версией и выберите подходящую конфигурацию для вашего веб-ресурса.
Как всегда, если у вас есть дополнительные вопросы, вы можете задать их на нашем сайте.
Справочный форум для веб-мастеров .
Теги: #адаптивный дизайн #мобильный интернет #рекомендации #Разработка мобильных приложений
-
Публикация Видео И Музыки На Mac Os X Lion
19 Oct, 24 -
14 Лучших Инструментов Канбана В 2019 Году
19 Oct, 24 -
Визуальная Настройка Eclipse Для Linux
19 Oct, 24 -
Брянский Web Day 2011
19 Oct, 24
