Заголовок HTML-страницы

Заголовок HTML-страницы

Заголовком страницы называют текст, расположенный в браузере под панелью меню на вкладке сайта. Еще этот текст называют title (тайтл), поскольку именно данный тег используется для его создания.

Чтобы заголовок страницы отображался, тег <title> необходимо поставить внутрь тега <head>.

На примере это будет выглядеть следующим образом.

<head>
  <title>Блог о веб-разработке - WebShake.RU</title>
</head>

А вот так вот отображается заголовок непосредственно в браузере:
Заголовок HTML-страницы в браузере

Данный тег очень важен для страницы, так как именно из него берётся название страницы в поисковой выдаче. Например, вот так выглядит WebShake в выдаче Гугла:
Заголовок HTML-страницы в поисковой выдаче

В свою очередь люди (в том числе и вы), когда что-то ищут в поисковике, читают в первую очередь название страницы. А оно-то и формируется этим тегом <title>. Он должен содержать в себе основную суть страницы в нескольких словах. Также он не должен быть больше 80 символов - иначе остальные символы поисковики обрубят и заменят многоточием. Надеюсь, я смог донести до вас, насколько этот тег важен. Ну а теперь давайте сделаем домашнее задание по данному тегу.

Присоединяйтесь к нам в Twitter, ВКонтакте, Facebook и Google+, а также вступайте в наш чат в Telegram, чтобы не пропустить новые уроки и быть в курсе последних новостей из мира веб-разработки.
Домашнее задание

  • Придумайте о чём будет ваша страничка. Я для примера решил, что у меня будет страница по книгам для программиста. Вы же можете выбрать, например, тематику котиков, собачек, или чего угодно. Главное - чтобы тема вам нравилась.
  • Добавьте страничке осмысленный, краткий (не более 80 символов), но при этом ёмкий заголовок.