SEO html5css.dev
html5css.dev

SEO продвижение сайтов

Полный цикл: от проектирования и семантики до ссылочного, перелинковки и текстов.

0. Старт С чего начинается работа: цели, инструменты, сервисы 2 1. Проектирование сайта Структура, семантика, title и description 11 2. Прототипирование Карточка товара и страница категории на примере магазина 3 3. Контент и ключевые слова Ключи в тексте, заголовки, объём, читаемость, изображения, внутренние ссылки 20 3.1. Сайт целиком и коммерция Структура, sitemap, крошки, домен, контакты, ассортимент, доставка, поддержка 22 3.2. Поведенческие факторы Домен и бренд, релевантность title, вложенность, удовлетворённость пользователя 11 4. Техническая оптимизация Скорость, дубли, robots.txt, sitemap.xml, битые страницы 9 5. Внешние факторы Ссылочное, доноры, анкоры, линкбилдинг 13 6. Продвижение бренда Брендовый трафик и его оценка 3 7. Нестандартные методы Актуализация контента, нулевая позиция, SILO, обрезка контента 17 8. Крауд-маркетинг Форумы, отзовики, Q&A, соцсети, поиск площадок и сервисы 16 8.1. Стратегии крауда Стратегии размещения, выживаемость постов, объёмы, делегирование 11 9. Юзабилити сайта Макет, навигация, формы, корзина, контрастность 10 10. Внутренняя перелинковка Вес страниц, анкоры, схемы связывания 10 11. Работа с текстами LSI, структура текста, применение ключей 8

С чего начать

Последовательный курс: проектирование → внутренняя оптимизация → техничка → ссылочное → тексты.

15глав
166уроков

Мобильная выдача

Отдельный курс про мобильный индекс: скорость, интерфейс, голосовой поиск и регионы.

6глав
44урока

Новый курс

Поиск всё чаще отвечает текстом. Курс о том, как попадать в источники этих ответов и не потерять доверие.

5глав
15уроков
  1. html5css.dev
  2. SEO
  3. SEO продвижение
  4. Контент и ключевые слова
  5. Контент и JavaScript
Глава 3 · Контент и ключевые слова Урок 14 из 20 Обновлено 26.08.2026

Контент и JavaScript

Обе системы научились исполнять JavaScript, но это не значит, что можно отдавать пустой HTML. Разбираем, что и почему должно быть в разметке сразу.

Что изменилось с прошлой версии урока Прежний урок ссылался на эксперименты 2017 года и утверждал, что «Яндекс не может сканировать и индексировать практически ничего». С тех пор Яндекс научился исполнять JavaScript, а Google улучшил рендеринг. Практическое правило при этом не изменилось — и ниже объяснено почему.

Как это работает

ЭтапЧто происходит
ОбходРобот скачивает HTML
Первичный разборИзвлекается всё, что есть в HTML
Очередь на рендерингСтраница ждёт свободных ресурсов
РендерингИсполняются скрипты
Повторный разборИндексируется результат

Ключевое здесь — очередь. Рендеринг требует вычислений и происходит не сразу. Содержание, доступное только после исполнения скриптов, попадает в индекс позже, а иногда не попадает вовсе.

«Google всё отрендерит» — опасное упрощение Отрендерит, если скрипт отработал, не упёрся в ошибку, не потребовал действия пользователя и не был заблокирован в robots.txt. Каждое из этих условий регулярно нарушается на реальных сайтах, и обнаруживается это только по пропавшему трафику.

Что обязательно в исходном HTML

  • Основной текст страницы.
  • Заголовки H1–H6.
  • Ссылки навигации обычными тегами <a href>.
  • Канонический адрес и метатеги.
  • Разметка Schema.org.
  • Цена и наличие для карточки товара.

Что можно оставить скриптам

ЭлементПочему можно
Фильтры и сортировкаНе индексируются и не должны
Отзывы после первых несколькихПервые уже в HTML
Похожие товарыДублируют каталог
Карта, калькулятор, чатИнтерактив, не содержание
Вторая страница списка при прокруткеПри наличии обычной пагинации
Проверка за минуту Откройте исходный код страницы и поищите в нём предложение из середины текста. Не нашлось — текст добавляется скриптом. Дальше смотрите отрендеренный HTML в инструменте проверки URL: он показывает то, что в итоге получил робот.

Типичные поломки

  1. Ссылки без href — обработчик клика вместо ссылки. Робот по такой не перейдёт.
  2. Скрипты закрыты в robots.txt — рендеринг не состоится.
  3. Содержание грузится по действию пользователя — робот его не выполнит.
  4. Бесконечная прокрутка без пагинации — доступна только первая порция.
  5. Разные версии для робота и человека — это уже клоакинг.

Итог

Обе системы исполняют JavaScript, но рендеринг стоит ресурсов и происходит с задержкой. Поэтому правило прежнее: всё, от чего зависит понимание и обход страницы, отдаётся сразу в HTML, а скриптам остаётся интерактив. Дальше — изображения как фактор ранжирования.

Частые вопросы

Индексирует ли Google контент, созданный JavaScript?

Да, Google рендерит страницы и индексирует полученный результат. Но рендеринг происходит отдельным этапом и с задержкой, поэтому важное содержание надёжнее отдавать сразу в HTML.

А Яндекс?

Яндекс тоже исполняет JavaScript, но результат менее предсказуем, чем у Google. Для русскоязычного сайта это ещё один довод в пользу серверной отрисовки важного содержания.

Как проверить, что видит робот?

Инструментом проверки URL в Search Console — он показывает отрендеренный HTML. Плюс просмотр исходного кода страницы: если текста нет в нём, значит он появляется скриптом.

Что обязательно должно быть в исходном HTML?

Основной текст, заголовки, ссылки навигации, канонический адрес, метатеги и разметка. Всё, от чего зависит понимание и обход страницы.

Вся глава «Контент и ключевые слова» — 20 уроков
  1. Оптимизация Keywords
  2. Оптимизация заголовков страницы
  3. Изображения для сайта
  4. Работа с URL сайта и ЧПУ
  5. Внутренние факторы ранжирования
  6. Близость ключевых слов
  7. Ключевые слова в начале контента
  8. Важная информация выше линии сгиба
  9. Частота ключевого слова в контенте
  10. Синонимы в контенте и метатегах
  11. Орфография и грамматика
  12. Читаемость и доступность текста
  13. Объём текста и длина контента
  14. Контент и JavaScript
  15. Изображения как фактор ранжирования
  16. Обновляемость контента
  17. Число страниц по одной теме
  18. Страницы поиска по сайту в выдаче
  19. Внутреннее ссылочное
  20. Битые ссылки