- html5css.dev
- SEO
- SEO продвижение
- Контент и ключевые слова
- Контент и JavaScript
Контент и JavaScript
Обе системы научились исполнять JavaScript, но это не значит, что можно отдавать пустой HTML. Разбираем, что и почему должно быть в разметке сразу.
Как это работает
| Этап | Что происходит |
|---|---|
| Обход | Робот скачивает HTML |
| Первичный разбор | Извлекается всё, что есть в HTML |
| Очередь на рендеринг | Страница ждёт свободных ресурсов |
| Рендеринг | Исполняются скрипты |
| Повторный разбор | Индексируется результат |
Ключевое здесь — очередь. Рендеринг требует вычислений и происходит не сразу. Содержание, доступное только после исполнения скриптов, попадает в индекс позже, а иногда не попадает вовсе.
Что обязательно в исходном HTML
- Основной текст страницы.
- Заголовки H1–H6.
- Ссылки навигации обычными тегами
<a href>. - Канонический адрес и метатеги.
- Разметка Schema.org.
- Цена и наличие для карточки товара.
Что можно оставить скриптам
| Элемент | Почему можно |
|---|---|
| Фильтры и сортировка | Не индексируются и не должны |
| Отзывы после первых нескольких | Первые уже в HTML |
| Похожие товары | Дублируют каталог |
| Карта, калькулятор, чат | Интерактив, не содержание |
| Вторая страница списка при прокрутке | При наличии обычной пагинации |
Типичные поломки
- Ссылки без
href— обработчик клика вместо ссылки. Робот по такой не перейдёт. - Скрипты закрыты в robots.txt — рендеринг не состоится.
- Содержание грузится по действию пользователя — робот его не выполнит.
- Бесконечная прокрутка без пагинации — доступна только первая порция.
- Разные версии для робота и человека — это уже клоакинг.
Итог
Обе системы исполняют JavaScript, но рендеринг стоит ресурсов и происходит с задержкой. Поэтому правило прежнее: всё, от чего зависит понимание и обход страницы, отдаётся сразу в HTML, а скриптам остаётся интерактив. Дальше — изображения как фактор ранжирования.
Частые вопросы
Индексирует ли Google контент, созданный JavaScript?
Да, Google рендерит страницы и индексирует полученный результат. Но рендеринг происходит отдельным этапом и с задержкой, поэтому важное содержание надёжнее отдавать сразу в HTML.
А Яндекс?
Яндекс тоже исполняет JavaScript, но результат менее предсказуем, чем у Google. Для русскоязычного сайта это ещё один довод в пользу серверной отрисовки важного содержания.
Как проверить, что видит робот?
Инструментом проверки URL в Search Console — он показывает отрендеренный HTML. Плюс просмотр исходного кода страницы: если текста нет в нём, значит он появляется скриптом.
Что обязательно должно быть в исходном HTML?
Основной текст, заголовки, ссылки навигации, канонический адрес, метатеги и разметка. Всё, от чего зависит понимание и обход страницы.
Вся глава «Контент и ключевые слова» — 20 уроков
- Оптимизация Keywords
- Оптимизация заголовков страницы
- Изображения для сайта
- Работа с URL сайта и ЧПУ
- Внутренние факторы ранжирования
- Близость ключевых слов
- Ключевые слова в начале контента
- Важная информация выше линии сгиба
- Частота ключевого слова в контенте
- Синонимы в контенте и метатегах
- Орфография и грамматика
- Читаемость и доступность текста
- Объём текста и длина контента
- Контент и JavaScript
- Изображения как фактор ранжирования
- Обновляемость контента
- Число страниц по одной теме
- Страницы поиска по сайту в выдаче
- Внутреннее ссылочное
- Битые ссылки