Какие базовые HTML теги важно знать для SEO [+чек-лист]
HTML — это стандартизированный язык разметки документов в интернете. Браузеры интерпретируют язык HTML и отображают пользователю уже отформатированный текст. Для разметки документов и нужны HTML теги, которые задают тексту и изображениям определенные свойства.
Для раскрутки сайта необязательно досконально разбираться в HTML и быть гуру верстки. Но есть теги, работа с которыми неразрывно связана с SEO. И о них нужно знать.
Читая статьи о SEO, вы наверняка встретите эти термины. Но их часто путают, называя теги элементами, элементы — атрибутами.
Начнем с тегов. Это базовые конструкции HTML. Все они заключены в скобки . Теги могут быть одиночными и парными. Во втором случае есть открывающий и закрывающий тег, обозначающийся . Примеры тегов:
Внутри тега располагается текст. В совокупности с тегом этот текст является элементом HTML. Элемент — это основная структурная единица документа, написанного на HTML. Вот примеры элементов:
Этот тег свидетельствует о начале и конце абзаца
Текст, заключенный в этом теге, виден пользователю в браузере
Элементы могут обладать атрибутами (свойствами). Они имеют стандартные значения или те, которые задаются пользователем. Атрибут прописывается в открывающем теге после имени элемента и перед закрывающей скобкой (>). Вот пример атрибута:
Разновидностью тегов являются метатеги. Это теги, предназначенные для представления структурированных метаданных о веб-странице. Они прописываются между тегами
и — то есть пользователи не видят их содержимое.
Вот примеры метатегов:
Итак, с понятиями разобрались. Перейдем к самым важным HTML тегам для SEO.
HTML теги структуры документа
Каждый HTML документ имеет такую структуру:
…
…
Разберемся, что в нее входит:
В самом верху — строка декларации версии HTML. С нее начинается документ, который отвечает спецификации HTML определенной версии (например, в нашем случае это HTML 5).
Затем идет тег . Он сообщает браузеру о том, что далее будет текст формата HTML.
После открывающего тега идет открывающий тег . Внутри него располагается служебная информация (пользователям она не отображается) — метатеги, скрипты счетчиков статистики, коды валидации ресурса в Яндекс.Вебмастере, Google Search Console и других сервисах.
А вот информация внутри тега как раз видна пользователям — именно здесь расположен основной контент (текст, изображения, видео и т. п.). То есть если вы хотите, чтобы контент отображался на странице, его нужно добавлять именно внутрь тега .
Естественно, это не исчерпывающий список тегов структуры. Есть еще
