<title>

Заголовок на вкладке страницы в браузере.

Время чтения: меньше 5 мин

Кратко

Секция статьи "Кратко"

Чтобы дать документу название, используй элемент <title>. Название, или заголовок документа, будет видно только в строке заголовка браузера или на вкладке страницы.

Из названия страницы <title> пользователь узнаёт, что на ней находится. Если он захочет добавить страницу в избранное, то браузер предложит <title> в качестве названия закладки.

Как пишется

Секция статьи "Как пишется"

Тег <title> прописывается в контейнере <head> и может содержать только текст.

        
          
          <head>  <title>Заголовок твоей страницы</title></head>
          <head>
  <title>Заголовок твоей страницы</title>
</head>

        
        
          
        
      
🧩 На самом деле смайлики и служебные символы тоже можно 😉 Но осторожно!
Пример использования смайла в title

Подсказки

Секция статьи "Подсказки"

💡 Когда пользователь гуглит твой сайт, то <title> страницы отображается в результатах поиска. Поэтому лучше сделать заголовок ёмким, понятным и цепляющим.

💡 Не путай <title> с тегом <h1>, который создаёт заголовок уже на странице.

💡 Если не закрыть тег </title>, то браузер не покажет остальное содержимое страницы.

💡 Если пользователь решит добавить твою страницу в закладки или сохранить её у себя на компьютере, то эти символы из вашего <title> — , /, :, *, ?, ", <, >, | — будут заменены автоматически на допустимые для имени файла. Поэтому их лучше не использовать.

На практике

Секция статьи "На практике"

Дока Дог советует

Секция статьи "Дока Дог советует"

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