Главная Услуги Портфолио Клиенты Контакты

Мобильная версия сайта / адаптивный дизайн

[оглавление]

Мобильная версия сайта / адаптивный дизайн

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

Существуют три способа адаптации сайта для мобильных устройств.

1) Адаптивный дизайн. Сервер отправляет один и тот же HTML-код всем устройствам (компьютерам, планшетам, мобильным телефонам, невизуальным браузерам), но сайт отображается по-разному в зависимости от размера экрана. Google рекомендует использовать адаптивный дизайн, поскольку с ним проще всего работать.

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

3) Разные URL. Для разных типов устройств используются разные варианты кода и разные URL. Система пытается определить тип устройства пользователя, а затем перенаправляет на нужную страницу при помощи переадресации HTTP и HTTP-заголовка Vary.

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

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

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

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

У Google и Яндекса разработан функционал для проверки оптимизации сайта для мобильных устройств:
https://search.google.com/test/mobile-friendly?hl=ru
https://webmaster.yandex.ru/site/tools/mobile-friendly/

Если Google даёт возможность воспользоваться данной проверкой без регистрации, то для проверки в Яндексе требуется регистрация в панели Вебмастера.

Рекомендации Яндекса:
https://yandex.ru/support/webmaster/recommendations/mobile-site.html

Рекомендации Google:
https://developers.google.com/search/mobile-sites/mobile-seo?hl=ru
https://developers.google.com/search/mobile-sites/mobile-seo/responsive-design?hl=ru
https://support.google.com/webmasters/answer/6352293?hl=ru
(ошибки, связанные с удобством просмотра на мобильных устройствах)

Адаптация сайта под мобильные устройства (советы):
https://1ps.ru/blog/sites/2018/adaptiruem-sajt-pod-mobilnyie/

Полезная информация

антивирусы | биржа ссылок | браузеры | валидаторы | внешние ссылки | икс, pr | индексация | каталоги | ключевые слова | конструкторы | контекстная реклама | мессенджеры | мобильная версия | панели вебмастера | парковка доменов | переводчики online | поиск | полезные программы | полезные ресурсы | почта | регистрация доменов | скорость загрузки | статистика | тексты | хостинг | шаблоны | электронные деньги | cms | ip-адрес | robots.txt | seo-оптимизация | sitemap | whois | рекомендуем | реклама | оглавление