Кратко
СкопированоЧтобы дать документу название, используй элемент <title>
. Название, или заголовок документа, будет видно только в строке заголовка браузера или на вкладке страницы.
Из названия страницы <title>
пользователь узнаёт, что на ней находится. Если он захочет добавить страницу в избранное, то браузер предложит <title>
в качестве названия закладки.
Как пишется
СкопированоТег <title>
прописывается в контейнере <head>
и может содержать только текст.
<head> <title>Заголовок твоей страницы</title></head>
<head> <title>Заголовок твоей страницы</title> </head>
🧩 На самом деле смайлики и служебные символы тоже можно 😉 Но осторожно!

Подсказки
Скопировано💡 Когда пользователь гуглит твой сайт, то <title>
страницы отображается в результатах поиска. Поэтому лучше сделать заголовок ёмким, понятным и цепляющим.
💡 Не путай <title>
с тегом <h1>
, который создаёт заголовок уже на странице.
💡 Если не закрыть тег <
, то браузер не покажет остальное содержимое страницы.
💡 Если пользователь решит добавить твою страницу в закладки или сохранить её у себя на компьютере, то эти символы из вашего <title>
— , /, :, *, ?, ", <, >, | — будут заменены автоматически на допустимые для имени файла. Поэтому их лучше не использовать.
На практике
Скопированосоветует Скопировано
🛠 С <title>
всё просто: это название страницы, которое выводится на вкладке браузера. Но желательно, чтобы <title>
совпадал с тегом <h1>
. Плюс, в <title>
должно быть упоминание бренда компании, например «Продаю бойлеры для частного дома — ВасяСтрой». ВасяСтрой должен быть на всех страницах сайта: это очень хорошо для индексации в поисковых системах. Если всё будет настроено так, то есть вероятность, что по запросу «продаю бойлеры для дома» поисковые системы поставят тебя повыше в выдаче 🤷🏼♂️