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