Семантическая верстка

Семантическая верстка (semantic HTML) — это подход к верстке, при котором HTML-теги используются в соответствии с их смыслом и назначением: заголовки размечаются тегами заголовков, навигация — тегом навигации, статья — соответствующим тегом. Код описывает не только как выглядит контент, но и что он означает.

Что дает

• SEO — поисковики лучше понимают структуру и содержание страницы.
• Доступность — программы для незрячих корректно читают страницу.
• Чистота кода — его проще поддерживать и развивать.

Семантическая верстка важна прежде всего для SEO и доступности. Когда теги используются по смыслу (правильная иерархия заголовков h1-h6, осмысленная структура, alt у изображений), поисковый робот точнее понимает, о чем страница и что на ней главное, что помогает ранжированию. Программы экранного доступа для незрячих пользователей также опираются на семантику, чтобы правильно озвучивать содержимое. Противоположность — верстка, где все свалено в универсальные блоки без смысловой разметки: она выглядит так же, но хуже понимается машинами. Семантическая верстка — признак качественной работы верстальщика и часть технического SEO. Для маркетолога это объясняет, почему важно, чтобы контент был правильно размечен структурно (заголовки, списки), а не просто визуально оформлен.