Що робить тег <title> усередині <head>?
Тег <title> усередині <head> визначає назву HTML-сторінки, короткий текст, який відображається:
- на вкладці браузера,
- у результатах пошуку (SEO-сніпетах),
- під час додавання сторінки в закладки,
- і в повідомленнях браузера (наприклад, при наведенні на вкладку).
1. Основне призначення
<title> описує, про що ця сторінка.
Він допомагає користувачу орієнтуватися, а пошуковим системам - правильно індексувати сайт.
Приклад:
<head>
<title>Інтернет-магазин спортивного одягу</title>
</head>Результат:
- На вкладці: Інтернет-магазин спортивного одягу
- У Google: цей текст буде заголовком результату пошуку.
2. Вимоги до тегу <title>
- Обов'язковий у кожному HTML-документі.
- Може містити лише текст, без інших тегів чи HTML-символів.
- Рекомендована довжина - 50-60 символів (щоб коректно відображався в пошуку).
Неправильно:
<title><b>Головна</b></title> <!-- Теги всередині не можна -->3. Вплив на SEO
Пошукові системи використовують <title> як основний сигнал про вміст сторінки.
Добре написаний заголовок підвищує:
- клікабельність (CTR) у результатах пошуку,
- релевантність сторінки запиту,
- і впізнаваність бренду.
Приклад хорошого SEO-тегу:
<title>Купити кросівки Nike: ціни, акції, доставка по Україні</title>4. Використання в соціальних мережах
Якщо не задані спеціальні метатеги (og:title), соцмережі теж беруть назву посилання з <title> під час публікації.
Підсумок:
| Характеристика | Опис |
|---|---|
| Розташування | Усередині <head> |
| Вміст | Лише текст |
| Призначення | Заголовок сторінки для вкладки, пошуку та закладок |
| Обов'язковість | Так |
| SEO-значення | Дуже високе |
Простими словами:
<title>, це офіційне ім'я сторінки.
Користувач бачить його на вкладці браузера, а пошукова система, у результатах пошуку.
Без нього сторінка - як документ без назви.
Коротка відповідь
Для співбесідиКоротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.