- html5css.dev
- SEO
- SEO продвижение
- Контент и ключевые слова
- Важная информация выше линии сгиба
Важная информация выше линии сгиба
На первом экране телефона помещается меньше, чем кажется. Разбираем, что туда обязательно, а за что наказывают.
Что помещается на первом экране
| Элемент | Место на телефоне |
|---|---|
| Шапка с логотипом и меню | 60–80 px |
| Хлебные крошки | 30 px |
| Заголовок H1 | 60–90 px |
| Первый абзац | 100–140 px |
| Кнопка действия | 50 px |
| Остаётся под остальное | Мало |
Вывод простой: место на первом экране надо распределять сознательно. Всё, что туда попало «само», вытеснило что-то нужное.
Что обязательно
- Заголовок — человек проверяет, туда ли попал.
- Начало ответа — хотя бы первая строка.
- Главное действие для коммерческой страницы: цена, кнопка, форма.
- Ничего, что перекрывает содержание.
Типичные пожиратели первого экрана
| Что | Что с этим делать |
|---|---|
| Баннер во всю ширину | Убрать или сдвинуть ниже |
| Панель согласия на пол-экрана | Сделать компактной |
| Всплывающее окно подписки | Показывать после прокрутки |
| Шапка на 200 px | Сжать, сделать компактной при прокрутке |
| Огромная декоративная картинка | Уменьшить или убрать |
| Виджет чата поверх текста | Свернуть в угол |
Связь со скоростью
Первый экран — это ещё и то, по чему измеряется LCP, а тяжёлые элементы без заданных размеров дают смещения вёрстки. То есть перегруженный первый экран портит сразу и восприятие, и метрики. Разбор — в уроке о производительности сайта.
Итог
На первом экране телефона должно быть видно, о чём страница и что делать. Реклама и перекрывающие элементы там наказываются обеими системами и портят метрики скорости. Дальше — плотность ключевых слов.
Частые вопросы
Наказывают ли за рекламу на первом экране?
Да, обе системы. У Google это отдельный алгоритм о размещении рекламы, у Яндекса — правила о навязчивой рекламе, действующие с 2018 года. Речь именно о рекламе, занимающей основную часть первого экрана.
Что должно быть на первом экране?
Заголовок, начало ответа и, для коммерческой страницы, главное действие. Всё остальное — ниже.
Считается ли всплывающее окно рекламой на первом экране?
Окно, перекрывающее содержание сразу после перехода из поиска, разбирается отдельно и тоже относится к навязчивым элементам. Исключение — уведомления, требуемые законом.
Как проверить свой первый экран?
Откройте страницу на телефоне и сделайте снимок экрана до прокрутки. На нём должно быть видно, о чём страница и что делать дальше.
Вся глава «Контент и ключевые слова» — 20 уроков
- Оптимизация Keywords
- Оптимизация заголовков страницы
- Изображения для сайта
- Работа с URL сайта и ЧПУ
- Внутренние факторы ранжирования
- Близость ключевых слов
- Ключевые слова в начале контента
- Важная информация выше линии сгиба
- Частота ключевого слова в контенте
- Синонимы в контенте и метатегах
- Орфография и грамматика
- Читаемость и доступность текста
- Объём текста и длина контента
- Контент и JavaScript
- Изображения как фактор ранжирования
- Обновляемость контента
- Число страниц по одной теме
- Страницы поиска по сайту в выдаче
- Внутреннее ссылочное
- Битые ссылки