Чат Telegram
Группа ВКонтакте
Заголовок HTML-страницы

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

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

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

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

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

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

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

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

Присоединяйтесь к нам в ВКонтакте и в Facebook, чтобы не пропустить новые уроки. А также вступайте в наш чат PHP-разработчиков в Telegram.
Домашнее задание
  • Придумайте о чём будет ваша страничка. Я для примера решил, что у меня будет страница по книгам для программиста. Вы же можете выбрать, например, тематику котиков, собачек, или чего угодно. Главное - чтобы тема вам нравилась.
  • Добавьте страничке осмысленный, краткий (не более 80 символов), но при этом ёмкий заголовок.
Онлайн обучение PHP
Путь с полного нуля до джуниора!
Начать бесплатно
Курс программирования на PHP
Подготовка до уровня устройства на работу!
Начать бесплатно
Самый понятный курс PHP
Онлайн-уроки в удобное время!
Начать бесплатно
Онлайн-курсы PHP и MySQL
Обучение с полного нуля до уровня джуниора!
Начать бесплатно
loader
Онлайн-курсы PHP и MySQL
Обучение с полного нуля до уровня джуниора!
Начать бесплатно
loader
Логические задачи с собеседований