HTML (HyperText Markup Language, мова гіпертекстової розмітки) — це стандартна мова, якою створюють і структурують сторінки в інтернеті: заголовки, абзаци, списки, посилання та зображення. Браузер читає HTML-код і перетворює його на сторінку, яку ви бачите. Першу версію запропонував Тім Бернерс-Лі ще у 1991 році.
Простими словами: HTML — це «скелет» сторінки. CSS одягає його в стилі, JavaScript оживляє, а сам HTML тримає структуру й зміст.
Що таке HTML і навіщо він потрібен для SEO
Пошуковий робот бачить сторінку не як картинку, а саме як HTML-код. Через теги він розуміє, де головний заголовок, де підзаголовки, а де звичайний абзац. Тому правильна семантична розмітка — фундамент SEO: без коректного тега заголовка Title, структури H1–H6 та alt у зображень пошуковику важче зрозуміти й оцінити контент.
Актуальний стандарт — HTML5, який отримав статус рекомендації W3C у 2014 році. Він додав семантичні теги (<header>, <nav>, <article>), що прямо допомагають машинам розуміти структуру сторінки.
Синтаксис і приклад коду
HTML складається з тегів у кутових дужках. Більшість — парні: відкривальний і закривальний.
<!DOCTYPE html>
<html lang="uk">
<head>
<title>Заголовок сторінки</title>
<meta name="description" content="Опис сторінки">
</head>
<body>
<h1>Головний заголовок</h1>
<p>Абзац тексту з <a href="/seo/">посиланням</a>.</p>
</body>
</html>Теги, важливі для SEO
<title>— заголовок сторінки для вкладки й сніпета.<h1>–<h6>— ієрархія заголовків.<meta name="description">— опис для сніпета.<a href>— посилання (внутрішні й зовнішні).<img alt>— зображення з описом.
Часто плутають з…
- CSS — відповідає за зовнішній вигляд (кольори, шрифти, розкладку); HTML — за структуру й зміст. Це різні мови, що працюють у парі.
- JavaScript — мова програмування для інтерактиву; HTML не програмує, а розмічає.
Питання та відповіді
HTML — це мова програмування?
Ні. Це мова розмітки: вона описує структуру сторінки, а не задає логіку чи обчислення. Програмування — це JavaScript, PHP тощо.
Чи впливає HTML на SEO?
Так. Пошуковик читає саме HTML, тому чиста семантична розмітка (title, заголовки, alt) допомагає йому зрозуміти контент і коректно його ранжувати.
Яка версія HTML актуальна?
HTML5 — він став рекомендацією W3C у 2014 році й додав семантичні теги, які покращують і доступність, і розуміння сторінки пошуковиками.
Криві теги й «брудна» верстка заважають індексації? Наведемо лад у коді — виправлення помилок на сайті та SEO-аудит.
Схожі терміни: Title (тег заголовка), CSS, Alt-текст, HTML Sitemap, URL.
