Слово «тег» встречается в совершенно разных контекстах — в HTML-коде, в социальных сетях, на сайтах в разделе статей. Везде это слово, но смысл разный. Разберём что такое теги в каждом из этих значений, зачем они нужны и как работают.
Что такое тег
Тег (от англ. tag — ярлык, метка) — это метка, которая классифицирует данные и облегчает их поиск. Проще говоря, тег — это ключевое слово, которое кратко передаёт суть материала и позволяет быстро найти всё связанное с этой темой.
Интересно, что теги существовали задолго до интернета. Ещё в 60-х годах XX века в США участники уличных группировок метили свою территорию надписями — по сути, это были теги в буквальном смысле: персональные метки, обозначающие принадлежность. Позже в IT этот принцип перенесли в цифровое пространство — как способ маркировки и классификации контента.
Сегодня слово «тег» используется в трёх принципиально разных значениях, которые важно не путать: теги на сайтах (навигационные метки), HTML-теги (элементы кода) и хештеги (метки в социальных сетях).
Три вида тегов: главные отличия
Вид тега Где используется Кто видит Для чего нужен Теги на сайте Блоги, новостные сайты, форумы Пользователи Навигация, объединение материалов по теме HTML-теги Код веб-страниц Браузер и поисковые роботы Разметка структуры и содержимого страницы Метатеги Секция HTML-кода Поисковые роботы (не пользователи) Передача информации о странице поисковикам Хештеги Социальные сети Пользователи Поиск публикаций по теме
Теги на сайте: навигация и поиск
На большинстве блогов и новостных сайтов к каждой статье прикрепляются теги — кликабельные ссылки с ключевыми словами темы. Нажав на тег «SEO» в конце статьи, вы переходите к списку всех материалов сайта, помеченных этим словом. Это удобнее обычного поиска, который может выдать нерелевантные результаты.
Теги помогают решить важную задачу: одна статья может относиться к нескольким темам одновременно. Например, статья о продвижении интернет-магазина может быть помечена тегами «SEO», «интернет-магазин», «контент» и «ссылки» — и читатель найдёт её из любого из этих разделов.
Для SEO теги создают дополнительные страницы-рубрики, которые могут ранжироваться в поиске по соответствующим запросам. Но злоупотребление тегами — создание сотен страниц с дублирующимся контентом — вредит индексации. Оптимальный подход: использовать ограниченное число значимых тегов, каждый из которых объединяет реальный объём материалов.
HTML-теги: строительные блоки веб-страницы
HTML-теги — это элементы языка разметки HTML, из которых строится структура любой веб-страницы. Браузер читает HTML-код и на основе тегов понимает, как отображать содержимое: что является заголовком, что — абзацем, что — ссылкой, что — изображением.
Большинство HTML-тегов парные: есть открывающий тег и закрывающий. Закрывающий отличается косой чертой перед названием. Содержимое размещается между ними.
Пример: тег делает текст жирным. Запись Важное слово отобразится как Важное слово. Всё, что между открывающим и закрывающим тегом, получает заданное форматирование.
Одиночные теги не имеют закрывающего аналога. Пример:
— перенос строки,
— изображение.
Основные HTML-теги: таблица с примерами
Тег Назначение Пример
—
Заголовки разных уровней
Главный заголовок
Абзац текста
Текст абзаца
Гиперссылка Текст ссылки
Изображение
/ Жирный текст Важный текст / Курсив Курсивный текст
/
Ненумерованный / нумерованный список
- Пункт
Блочный контейнер для группировки элементов
…
Перенос строки (одиночный тег) Текст
Следующая строка Таблица Ячейка
Метатеги: теги для поисковых роботов
Метатеги — особый вид HTML-тегов, которые размещаются в секции страницы и невидимы для пользователей. Их задача — передавать информацию о странице поисковым роботам.
- Title — заголовок страницы, отображается в поисковой выдаче как кликабельная ссылка результата. Один из главных SEO-факторов. Должен содержать ключевое слово и точно описывать содержимое страницы.
- Description — краткое описание страницы. Поисковики часто используют его как сниппет — текст под заголовком в результатах поиска. Напрямую на ранжирование не влияет, но влияет на кликабельность (CTR): хорошо написанный Description привлекает больше переходов.
- Robots — управляет индексацией страницы. Значение index, follow разрешает индексировать страницу и переходить по её ссылкам. noindex, nofollow — закрывает страницу от индексации. Используется для служебных страниц: поиска, корзины, личного кабинета.
- Canonical — указывает поисковику, какая из нескольких похожих страниц является основной. Важен при наличии дублированного контента.
Хештеги: теги в социальных сетях
Хештег — метка в социальных сетях, обозначаемая символом # перед словом или фразой. Нажав на хештег, пользователь видит все публикации с этой меткой на платформе.
Правила написания хештегов: # ставится непосредственно перед словом без пробела. Если хештег состоит из нескольких слов — пробелы не допускаются. Слова пишутся слитно (#домашняявыпечка) или разделяются нижним подчёркиванием (#домашняя_выпечка). Спецсимволы и знаки препинания в хештегах не работают.
Хештеги работают во ВКонтакте, Telegram, Inst (там, где он доступен), Twitter/X, TikTok и других платформах. На каждой платформе своя логика: в Telegram хештеги ищут публикации внутри канала или чата, в ВКонтакте — по всей сети.
Для бизнеса хештеги выполняют функцию навигации внутри аккаунта (собственные фирменные хештеги) и инструмента продвижения (популярные тематические хештеги расширяют охват публикации за пределы аудитории подписчиков).
Теги в телефоне: что это значит
Когда пользователи ищут «теги в телефоне», они обычно имеют в виду одно из нескольких явлений.
- Теги в галерее — функция разметки фотографий по темам, людям или локациям.
- В контактах — метки для группировки контактов (например, «работа», «семья»).
- В файловых менеджерах — цветные метки для организации файлов.
- Музыкальном плеере — метаданные аудиофайла: название, исполнитель, альбом, год.
Во всех случаях принцип один и тот же: тег — это метка, которая помогает классифицировать и быстро находить нужное.