HTML (HyperText Markup Language — язык разметки гипертекста) — стандартный язык разметки для создания веб-страниц. С помощью HTML-тегов браузер понимает структуру документа: что является заголовком, абзацем, ссылкой, изображением, таблицей. HTML не является языком программирования — он описывает структуру и семантику контента, а не поведение.
Каждая веб-страница, которую видит пользователь, основана на HTML. Текст, изображения, заголовки, ссылки, формы — всё это HTML-элементы. CSS отвечает за внешний вид, JavaScript — за поведение, но основа всегда HTML.
Семантический HTML и SEO
Семантические теги HTML5 обозначают смысл содержимого, а не только его внешний вид. Поисковые роботы используют семантику для лучшего понимания структуры страницы:
- <header> — шапка страницы или раздела.
- <nav> — навигационный блок. Ссылки внутри nav Google воспринимает как навигационные.
- <main> — основное содержимое страницы. Один раз на странице.
- <article> — самодостаточный контентный блок (статья, пост, товар).
- <section> — тематический раздел документа.
- <aside> — дополнительный контент, не являющийся основным (сайдбар).
- <footer> — подвал страницы.
HTML-теги, критически важные для SEO
- <title> — заголовок страницы в теге
<title>: отображается в результатах поиска и вкладках браузера. Один из сильнейших on-page факторов. - <meta name=»description»> — мета-описание для сниппета в выдаче. Не фактор ранжирования, но влияет на CTR.
- <h1>–<h6> — иерархические заголовки. H1 — главный заголовок страницы, отражающий основную тему. H2 — подразделы, H3 — подподразделы.
- <a href=»…»> — ссылки. Анкорный текст ссылки передаёт контекст поисковику.
- <img alt=»…»> — альтернативный текст изображения. Помогает понять контент изображения при индексации картинок.
- <link rel=»canonical»> — canonical-ссылка для управления дублированным контентом.
- <link rel=»hreflang»> — указывает языковые/страновые версии страницы.
- <meta name=»robots»> — управление индексацией (noindex, nofollow и т.д.).
Валидный HTML и SEO
Строго валидный HTML (без ошибок по стандарту W3C) напрямую не является фактором ранжирования. Google хорошо обрабатывает «грязный» HTML. Однако критические ошибки разметки (незакрытые теги, неправильная вложенность) могут нарушить отображение страницы или помешать поисковику корректно интерпретировать структуру. Проверка через W3C Validator позволяет найти такие ошибки.
Часто задаваемые вопросы
Сколько H1 должно быть на странице для SEO?
Классическое правило — один H1 на страницу. Это соответствует семантике: одна главная тема — один главный заголовок. Google в 2020 году заявил, что технически допускает несколько H1 (как в HTML5 с outline algorithm), но рекомендует один для ясности структуры. На практике: один H1 с главным ключевым словом — стандартная рекомендация для on-page оптимизации. Несколько H1 не «наказываются», но лучше использовать H2 для подразделов.
Влияет ли жирный текст (<strong>) на SEO?
Незначительно, но yes. Тег <strong> обозначает важность контента — семантически это сигнал поисковику. Google учитывает форматирование при понимании релевантности. Практическое правило: выделяйте <strong> ключевые фразы умеренно — 1–3 выделения на большой абзац. Злоупотребление (весь абзац жирным) нивелирует эффект. Разница между <strong> (семантическая важность) и <b> (визуальное выделение без семантики) для SEO незначительна, но <strong> предпочтительнее.
Как правильно использовать alt-теги для изображений?
Alt (alternative text) — текстовое описание изображения для слабовидящих пользователей и поисковых роботов. Правила: описывайте содержимое изображения точно и кратко; включайте ключевое слово, если оно релевантно изображению (не спамьте ключевыми словами); для декоративных изображений используйте пустой alt (alt="") — бот их проигнорирует; не начинайте с «Изображение…» или «Фото…» — это избыточно. Хороший alt: alt="Установка SSL-сертификата на cPanel". Плохой: alt="ssl ssl сертификат купить установить".
Что такое microdata и Open Graph в HTML и нужны ли они для SEO?
Microdata и JSON-LD — способы добавления структурированных данных Schema.org в HTML. Они помогают поисковику понять тип контента (статья, продукт, рецепт, FAQ) и отображать rich snippets. Прямое влияние на позиции спорно, но rich snippets повышают CTR на 20–30%. Open Graph (og:title, og:image и т.д.) — разметка для корректного отображения при репосте в социальных сетях. Не влияет на ранжирование в поиске, но важна для Brand presence и CTR в социальных источниках трафика.
