Полное руководство по передовым методам адаптивного дизайна, составленное экспертами Google

Google предпочитает сайты, удобные для мобильных устройств

Если вы хотите рассчитывать на высокий рейтинг по конкурентным ключевым словам в Google, вам просто нужно спланировать хороший пользовательский интерфейс на многих устройствах. Google — это поток интернет-торговли.
Доступный дизайн, удобный для мобильных устройств и ориентированный на аудиторию. размеры дизайна от 360 × 640 до 1920 × 1080.

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

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

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

Глобальная статистика по разрешению экрана рабочего стола с июня 2021 по июнь 2022 года

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

Самые популярные в мире размеры разрешения экрана рабочего стола

  • 1920 × 1080 – 22,97% (самое важное)
  • 1366×768 – 17.88%
  • 1536×864 – 11.34%
  • 1280×720 – 6.18%
  • 1440×900 – 5.85%
  • 1600×900 – 3.58%

Глобальная статистика по разрешению экрана мобильных устройств с 2021 по 2022 год, июнь

Самые популярные в мире размеры разрешения экрана мобильного устройства

  • 360 × 800 – 9,15% (самое важное)
  • 414×896 – 6.18%
  • 360×640 – 5.49%
  • 390×844 – 5.24%
  • 412×915 – 4.82%
  • 360×780 – 4.2%
  • 393×873 – 3.58%

Статистика разрешения экрана планшета по всему миру с 2021 по 2022 год, июнь

Самые популярные в мире размеры разрешения экрана планшета

  • 768×1024 – 32.74%
  • 1280×800 – 6.88%
  • 810×1080 – 6.63%
  • 800×1280 – 6.31%
  • 601×962 – 5.02%
  • 962×601 – 3.24%

Доли рынка настольных компьютеров, мобильных устройств и планшетов по всему миру с июня 2021 по июнь 2022 года

Доли рынка настольных компьютеров, мобильных устройств и планшетов по всему миру

  1. Мобильный – 59.74%
  2. Рабочий стол – 37,99%
  3. Планшет – 2.27%

Примечание: Обратите внимание, что приведенные выше цифры взяты из одного источника, хотя и надежного.

Графики предоставлены http://statcounter.com/.

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

“Сайтам, использующим адаптивный веб-дизайн и правильно реализующим динамическое обслуживание (включающее все содержимое рабочего стола и разметку), обычно ничего не нужно делать”.

Google НОЯБРЬ 2017

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

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

Меняются ли URL и версия вашего сайта, которые перенаправляют на ваш мобильный сайт?

По соображениям доступности всегда было лучше предоставлять посетителям один URL-адрес, и если вы планируете разработать “мобильную” версию своего веб-сайта, нет никакой разницы в том, как контент доставляется пользователям мобильных устройств или смартфонов. Конечно, если Google перейдет на MOBILE FIRST INDEX, это может оказаться еще более ВАЖНЫМ.

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

Из-за трудностей с каноническими URL-адресами для поисковых систем, обычно гораздо важнее указывать один URL-адрес, когда Google является “посетителем”. Так было до тех пор, пока некоторое время назад не был реализован элемент canonical link. Таким образом, постоянное использование одного URL-адреса является идеальным.

если у вас есть контент для смартфонов …. вы можете использовать rel= canonical, чтобы указать на вашу настольную версию…. Когда пользователи посещают эту настольную версию со смартфона, вы можете перенаправить их на мобильную версию. Это работает независимо от структуры URL, поэтому вам не нужно использовать поддомены / подкаталоги для сайтов, предназначенных для мобильных устройств. Однако еще лучше использовать те же URL-адреса и показывать соответствующую версию контента без перенаправления.

Джон Мюллер, Google

Ваши посетители прокручивают страницу вниз.

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

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

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

Google Ноябрь 2017