Слово «тег» встречается в совершенно разных контекстах — в HTML-коде, в социальных сетях, на сайтах в разделе статей. Везде это слово, но смысл разный. Разберём что такое теги в каждом из этих значений, зачем они нужны и как работают.
Что такое тег
Тег (от англ. tag — ярлык, метка) — это метка, которая классифицирует данные и облегчает их поиск. Проще говоря, тег — это ключевое слово, которое кратко передаёт суть материала и позволяет быстро найти всё связанное с этой темой.
Интересно, что теги существовали задолго до интернета. Ещё в 60-х годах XX века в США участники уличных группировок метили свою территорию надписями — по сути, это были теги в буквальном смысле: персональные метки, обозначающие принадлежность. Позже в IT этот принцип перенесли в цифровое пространство — как способ маркировки и классификации контента.
Сегодня слово «тег» используется в трёх принципиально разных значениях, которые важно не путать: теги на сайтах (навигационные метки), HTML-теги (элементы кода) и хештеги (метки в социальных сетях).
Три вида тегов: главные отличия
| Вид тега | Где используется | Кто видит | Для чего нужен |
|---|---|---|---|
| Теги на сайте | Блоги, новостные сайты, форумы | Пользователи | Навигация, объединение материалов по теме |
| HTML-теги | Код веб-страниц | Браузер и поисковые роботы | Разметка структуры и содержимого страницы |
| Метатеги | Секция <head> HTML-кода | Поисковые роботы (не пользователи) | Передача информации о странице поисковикам |
| Хештеги | Социальные сети | Пользователи | Поиск публикаций по теме |
Теги на сайте: навигация и поиск
На большинстве блогов и новостных сайтов к каждой статье прикрепляются теги — кликабельные ссылки с ключевыми словами темы. Нажав на тег «SEO» в конце статьи, вы переходите к списку всех материалов сайта, помеченных этим словом. Это удобнее обычного поиска, который может выдать нерелевантные результаты.
Теги помогают решить важную задачу: одна статья может относиться к нескольким темам одновременно. Например, статья о продвижении интернет-магазина может быть помечена тегами «SEO», «интернет-магазин», «контент» и «ссылки» — и читатель найдёт её из любого из этих разделов.
Для SEO теги создают дополнительные страницы-рубрики, которые могут ранжироваться в поиске по соответствующим запросам. Но злоупотребление тегами — создание сотен страниц с дублирующимся контентом — вредит индексации. Оптимальный подход: использовать ограниченное число значимых тегов, каждый из которых объединяет реальный объём материалов.
HTML-теги: строительные блоки веб-страницы
HTML-теги — это элементы языка разметки HTML, из которых строится структура любой веб-страницы. Браузер читает HTML-код и на основе тегов понимает, как отображать содержимое: что является заголовком, что — абзацем, что — ссылкой, что — изображением.
Большинство HTML-тегов парные: есть открывающий тег и закрывающий. Закрывающий отличается косой чертой перед названием. Содержимое размещается между ними.
Пример: тег <b> делает текст жирным. Запись <b>Важное слово</b> отобразится как Важное слово. Всё, что между открывающим и закрывающим тегом, получает заданное форматирование.
Одиночные теги не имеют закрывающего аналога. Пример: <br> — перенос строки, <img> — изображение.
Основные HTML-теги: таблица с примерами
| Тег | Назначение | Пример |
|---|---|---|
| <h1> — <h6> | Заголовки разных уровней | <h1>Главный заголовок</h1> |
| <p> | Абзац текста | <p>Текст абзаца</p> |
| <a> | Гиперссылка | <a href=»url»>Текст ссылки</a> |
| <img> | Изображение | <img src=»photo.jpg» alt=»описание»> |
| <b> / <strong> | Жирный текст | <b>Важный текст</b> |
| <i> / <em> | Курсив | <i>Курсивный текст</i> |
| <ul> / <ol> | Ненумерованный / нумерованный список | <ul><li>Пункт</li></ul> |
| <div> | Блочный контейнер для группировки элементов | <div class=»block»>…</div> |
| <br> | Перенос строки (одиночный тег) | Текст<br>Следующая строка |
| <table> | Таблица | <table><tr><td>Ячейка</td></tr></table> |
Метатеги: теги для поисковых роботов
Метатеги — особый вид HTML-тегов, которые размещаются в секции <head> страницы и невидимы для пользователей. Их задача — передавать информацию о странице поисковым роботам.
- Title — заголовок страницы, отображается в поисковой выдаче как кликабельная ссылка результата. Один из главных SEO-факторов. Должен содержать ключевое слово и точно описывать содержимое страницы.
- Description — краткое описание страницы. Поисковики часто используют его как сниппет — текст под заголовком в результатах поиска. Напрямую на ранжирование не влияет, но влияет на кликабельность (CTR): хорошо написанный Description привлекает больше переходов.
- Robots — управляет индексацией страницы. Значение
index, followразрешает индексировать страницу и переходить по её ссылкам.noindex, nofollow— закрывает страницу от индексации. Используется для служебных страниц: поиска, корзины, личного кабинета. - Canonical — указывает поисковику, какая из нескольких похожих страниц является основной. Важен при наличии дублированного контента.
Хештеги: теги в социальных сетях
Хештег — метка в социальных сетях, обозначаемая символом # перед словом или фразой. Нажав на хештег, пользователь видит все публикации с этой меткой на платформе.
Правила написания хештегов: # ставится непосредственно перед словом без пробела. Если хештег состоит из нескольких слов — пробелы не допускаются. Слова пишутся слитно (#домашняявыпечка) или разделяются нижним подчёркиванием (#домашняя_выпечка). Спецсимволы и знаки препинания в хештегах не работают.
Хештеги работают во ВКонтакте, Telegram, Inst (там, где он доступен), Twitter/X, TikTok и других платформах. На каждой платформе своя логика: в Telegram хештеги ищут публикации внутри канала или чата, в ВКонтакте — по всей сети.
Для бизнеса хештеги выполняют функцию навигации внутри аккаунта (собственные фирменные хештеги) и инструмента продвижения (популярные тематические хештеги расширяют охват публикации за пределы аудитории подписчиков).
Теги в телефоне: что это значит
Когда пользователи ищут «теги в телефоне», они обычно имеют в виду одно из нескольких явлений.
- Теги в галерее — функция разметки фотографий по темам, людям или локациям.
- В контактах — метки для группировки контактов (например, «работа», «семья»).
- В файловых менеджерах — цветные метки для организации файлов.
- Музыкальном плеере — метаданные аудиофайла: название, исполнитель, альбом, год.
Во всех случаях принцип один и тот же: тег — это метка, которая помогает классифицировать и быстро находить нужное.
Комментарии скоро откроются. А пока — пишите нам в Telegram-канал.