На 91 % ваших страниц обнаружено смещение макета (CLS)

yalol
На сайте с 12.12.2007
Offline
234
514
Добрый вечер) Увидел такое сообщение в консоли гугла. Как определить, какие страницы выходят со смещением? Я на своем мобильнике не вижу смещения никакого.
K
На сайте с 03.10.2016
Offline
112
#1
yalol :
Добрый вечер) Увидел такое сообщение в консоли гугла. Как определить, какие страницы выходят со смещением? Я на своем мобильнике не вижу смещения никакого.

Забей 

LEOnidUKG
На сайте с 25.11.2006
Offline
1774
#2
С помощью этого сервиса: PageSpeed Insights
✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
yalol
На сайте с 12.12.2007
Offline
234
#3
LEOnidUKG #:
С помощью этого сервиса: PageSpeed Insights
Про этот параметр сервис не говорит, что именно сдвигает страницу. Я думаю может баннер, хз. Убрал баннер, снова запустил проверку, а он его все равно показывает...
Сергей про е-ком
На сайте с 11.05.2008
Offline
342
#4
Кэш почисти, потом запускай. Много чего может сдвигать, например, анимация.
Крутейшая тема и конструктор на WP - https://shop.greenshiftwp.com/?from=3338
Vladimir
На сайте с 07.06.2004
Offline
615
#5
yalol :
Добрый вечер) Увидел такое сообщение в консоли гугла. Как определить, какие страницы выходят со смещением? Я на своем мобильнике не вижу смещения никакого.
- Штрифты, гуглим что с ними не так и как поправить
- Смещение вызывают обычная CSS разметка

LEOnidUKG #:
С помощью этого сервиса: PageSpeed Insights
ТС: Берем сервис, в твоем случае там явно указан проблемный блок - Контент, рисунок и правим разметку выше него. Ничего сложного, все правится и доводится до показателей 100

Pavel A #:
Это вообще пипец. Надо немедленно убрать.

У вас потому везде и пипец, что вы забиваете на одну мелочь, другую и тд, а потом ищете как решить проблему одним глобальным решением. 

yalol #:
Про этот параметр сервис не говорит, что именно сдвигает страницу. Я думаю может баннер, хз. Убрал баннер, снова запустил проверку, а он его все равно показывает...

На серче давно уже полно тем про ИИ, не читал? А зря)) Кормишь его, исправляешь, кормишь ошибками и так до победного))

Анализируя предоставленный HTML-код, я вижу несколько потенциальных причин смещения блоков на странице:

Основные проблемы:

1. Отсутствие структуры сетки

css

/* Нет классов ....

В коде используются классы типа ... , но отсутствует CSS для grid/flex системы.

2. Проблемы с float без очистки

css

.header .container .logo img {float:left}

Используется float  без proper clearfix, что может нарушить поток документа.

и тд

Аэройога ( https://vk.com/aeroyogadom ) Йога в гамаках ( https://vk.com/aero_yoga ) Аэройога обучение ( https://aeroyoga.ru ) и просто фото ( https://weandworld.com )
big boy
На сайте с 18.11.2006
Offline
356
#6
yalol :
Как определить, какие страницы выходят со смещением?

Если в серч консоли нет примеров, придётся вручную проверять страницы.

Самые частые проблемы CLS - это поздняя подгрузка ассетов в контейнерах без заданной высоты/ширины. Другими словами у всех картинок должны быть прописаны width и height, то же самое для контейнеров, в которых размещены иконки, эмоджи и прочее.

Для рекламных блоков так же должна быть задана высота - они загружаются динамически и часто без заданных размеров "кидают" шаблон сайта вверх/вниз после полной загрузки.

✔ Как я генерирую статьи через ИИ, которые приносят трафик - https://webmasta.ru/blog/16-vkalyvayut-roboty-ne-chelovek-stati-s-pomoschyu-ii-kotorye-prinosyat-trafik
big boy
На сайте с 18.11.2006
Offline
356
#7
Еще можно вручную посмотреть. В браузере открыть панель разработчика (F12) и во вкладке Network включить Throttling (искусственное замедление интернета). Опустить где-нибудь до уровня 3G и посмотреть как сайт загружается, какие блоки прыгают.
I
На сайте с 02.12.2012
Offline
101
#8
yalol :
Как определить, какие страницы выходят со смещением?

В гугл-консоли же есть отчет по Core Web Vitals, там и примеры страниц есть, если кликнуть на подробный отчет.

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


fillonon
На сайте с 24.12.2009
Offline
150
#9
Что то с версткой, у меня тоже такое было…поменял на стандартный шаблон там этого уже не было
Если нужно SEO продвижение ( https://seouspeh.ru/ ) - конкурировал с миллиардерами в поиске / Подробный чек-лист по Seo ( https://seouspeh.ru/seo/podrobnyj-chek-list-po-seo-dlya-proverki-proekta.html ) / Почему на сайте резкое падение трафика (https://seouspeh.ru/seo/rezkoe-padenie-trafika-stolknovenie-s-filtrami-poiskovyx-sistem-yandeks-i-google.html)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий