Что должно быть в коде сайта, чтобы мобильный хром предлагал «Адаптировать страницу для мобильных устройств»?

Question

[HelpSophie]

Что должно быть в коде сайта, чтобы мобильный хром предлагал такое "Адаптировать страницу для мобильных устройств?":

И потом показывает только контентное поле. Почему-то он предлагает это не для всех сайтов.

Answer 1

[Алексей]

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

Answer 2

[Кирилл]

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

Comments

[HelpSophie]

А по какому принципу он определяет? Типа наличие горизонтальной прокрутки?

[Кирилл]

HelpSophie: думаю, что примерно как здесь: https://www.google.com/webmasters/tools/mobile-fri...
Там же ссылки на руководства есть.

[xtala zen]

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

[HelpSophie]

xtala zen: я спрашивала по каким критериям браузер определяет. Лень и криворукость ему явно не видно, также как и другие мотивы почему сайт могли оставить неадаптированным.
Да и при чем тут позиции?

[HelpSophie]

Кирилл Кубляков: нет, тоже не сходится. Например, для сайтов, у которых просто meta name="viewport" content="width=device-width" стоит без затей хром такое предложение не выводит. (Видимо, потому что нет горизонтальной прокрутки. Это я к этому пока склоняюсь). Но при этом, сервис гугла считает, что что-то там не поместится на экран. Я, кстати, уже писала даже в Гугл по поводу корректности его сервиса. (Он также ничего не знает про флекбоксы, ругается на свои же скрипты счетчиков и т.д.)

[xtala zen]

HelpSophie: ему видно имеются ли медиазпросы в стилевом файле, а также наличие активной площади активных ссылок на маленьких сенсорных экранах. У гула есть сервис который проверяет удобство сайта по разным параметрам. https://developers.google.com/speed/pagespeed/insights/ Можете прогнать целевой сайт и посмотреть, что он выдаст. Что-то мне подсказывает, что в пункте про удобство будет написано, что страница не адаптирована под сенсорные экраны. Так что с этой точки зрения всплывающее окно такого плана скорее минус чем плюс.

[HelpSophie]

xtala zen: мой ответ про адекватность гугловского сервиса - выше.
И кроме того, причем тут сенсорность? Речь была про мобильные, а не про сенсорные.

Answer 3

[xmoonlight]

Скорее всего он определяет так:
1. контейнер, содержащий основной контент: размер DIV после полной загрузки страницы
2. основное/главное меню сайта: ищет ветки (nodes) с перечислениями контейнеров внутри, содержащих URL и смотрит, чтобы список линков содержал одну ссылку с корнем домена, а все остальные - были в этом же домене, но с различающимися URL сразу после корня домена.

и если ему удалось это сделать, то выводит кнопку и предлагает оптимизировать.
Т.е. оставить только п1 и п.2, а остальное - скрыть.

Answer 4

[DEFUNK]

Скорее всего по аналогии с браузером Safari... Попробуй заключить в тег <p>