Предупреждения от Google поступили мне на следующий день после установки и настройки мобильных страниц, с помощью плагина AMP. На Вашем сайте обнаружены проблемы (1) категории "Страница AMP".
Предупреждения от Google - их несколько
Вступление: «Повод задуматься об оптимизации ресурса. Некоторые предупреждения позволяют узнать, как улучшить вид страниц в результатах поиска Google. То, из-за чего сегодня выносится предупреждение, в будущем может классифицироваться как ошибка. На основании анализа Вашего сайта были вынесены предупреждения».
В общем, предупреждения с угрозами, думаю, что это не совсем прилично и жестко.
Первым предупреждением было, что данная, мобильная страница совсем не AMP. Посмотрела код, который генерируется на лету. Нужно отметить, что код AMP страницы совсем небольшой и легкий, потому она так быстро загружается, но особенно кэш.
Однако в коде моей страницы, несколько раз написано, что это AMP. Проверила адреса автоматически, в том же Гугле и AMP страница подтвердилась. А я успокоилась.
Предупреждения от Google – вторая рекомендация
Вписать в коде ссылки, чтобы связать 2 станицы, основную и AMP. Предлагаемые ссылки скопировала и вставила в код заголовка основной страницы. Но она стала видна как простой текст, прямо над сайтом.
Связь страниц здесь происходит по другому – с помощью редиректа, который обеспечивает плагин, одноименный со страницей.
Замечание 3- размер изображения меньше рекомендуемого
«Рекомендуем Вам по мере возможности устранить указанные выше проблемы. Тогда в результатах поиска Google будет появляться больше страниц Вашего сайта, и притом в наилучшем виде».
Вот это уже одобряюще, видимо другой представитель Гугла сообщал.
У меня картинок на 2 сайтах более 2 тысяч, хотя уменьшала их количество уже не раз. Чтобы улучшить скорость загрузки сайта. За 8 лет ведения сайтов требования ПС к изображениям менялось много раз.
Одно время можно было загружать их сколько угодно. Потом они требовались совсем маленькие, особенно в начале статьи. В результате картинки установлены у меня в разное время и разных размеров. Заняться исправлением вручную – просто немыслимо.
Сейчас, в 2021 году Гугл требует, чтобы картинки соответствовали своему контейнеру. И это требование обоснованно, но особенно это важно при установлении мобильной версии AMP.
Размер картинки – соответствие контейнеру
Каким должен быть контейнер картинки это, кажется, поняла. То есть это не значит, что все изображения сайта должны быть одинакового размера.
Если при верстке сайта размер страницы был выставлен в процентах. Например, какой-нибудь объект был обозначен, как 40%. Тогда, при передвижении одной из сторон сайта , это объект всегда будет занимать свою нишу, внутри страницы. Например ,заголовок сайта будет оставаться только с левой стороны. Не передвигаясь меньше, чем на 40% страницы.
Но если мы размер всей страницы обозначим, как 100%. Тогда при передвижении границы сайта в ширину, или в высоту будет сдвигаться все содержимое веб. страницы. Шрифт и картинки станут мелкими. На этой основе построена адаптивность под разные мобильные устройства.
Если посетитель смотрит сайт на своем маленьком телефоне, то экран сужается, но локальный текст или картинку можно увеличить. Однако если картинка меньше контейнера, как у меня. Тогда ее размер фиксирован, и ее трудно рассмотреть, при увеличении пальцами. Но хорошо, что таких вариантов оказалось не много, и на них мне Гугл конкретно указал.
Как исправить несоответствие картинки и контейнера
Нашла в интернете следующий гениальный код CSS.
img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
Думаю, что многие в интернете знают, что width- это ширина изображения. Длина обозначается латинским словом – height.
Как определяю, что картинки на сайте в порядке? У меня стоит плагин для сжатия картинок, с названием Smush. У плагина есть и другие функции, кроме сжатия. Если есть несоответствие картинки и контейнера, на открытой статье, то плагин включает желтенький фонарь. Но если все в порядке, тогда вверху страницы увидим зеленый значок.