Что такое тег

Тег — это элемент HTML-кода, который говорит браузеру, как отображать содержимое страницы. Например, если нужно подчеркнуть текст на странице, используется тег < u>, если нужно показать контент списком, то тег < ul> или < ol> и < li>, и т. д.

Если рассмотреть HTML‑код страницы, то мы увидим, что это и есть набор различных тегов со своими атрибутами и значениями этих атрибутов.

Теги и атрибуты, важные для SEO

Структура тега выглядит так:

Структура тега

Чаще всего в тег заключены специальные атрибуты и необходимый контент, но есть и теги, которым не нужны дополнительные атрибуты. Например, тег <title></title> передаёт заголовок страницы, который мы видим во вкладке браузера и иногда в сниппетах поисковых систем. В нём нет дополнительных элементов, кроме текста заголовка.

Теги могут быть парными и одиночными. Если тег парный, это значит, что у него есть открывающий и закрывающий тег, например <i>…</i>. Если тег одиночный, это значит, что у него нет закрывающего тега. Например, <img> или <meta> (метатеги).

Семантические теги

Это теги, которые помогают поисковым системам понимать, что за информацию они содержат внутри себя. Семантические теги появились в HTML5, в котором каждый тег имеет свою семантику.

Допустим, если в теге <s> </s>, который делает зачеркивание, написать текст, поисковая система при считывании тега поймет смысл текста. Она определит, что зачеркивание указывает на потерявший актуальность ценник или распроданный товар.

Другой — blockquote — используется, чтобы включить объёмную цитату. Тег указывает поисковикам, что цитата взята из внешних источников.

Что запомнить

  • Тег — это элемент HTML‑кода, который говорит браузеру, как отображать содержимое страницы;
  • Чаще всего в тег заключены специальные атрибуты и необходимый контент, но есть и теги, которым не нужны дополнительные атрибуты;
  • Теги могут быть парными и одиночными;
  • Семантические теги помогают поисковым системам понимать, что за информацию они содержат внутри себя.