Чат веб-разработчиков
Заголовок HTML-страницы

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

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

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

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

Код доступен только после покупки курса HTML для начинающих.

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

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

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

Читайте также
Комментарии


adianon
adianon

Собственно это ответ на мой предыдущий вопрос, а можно ли как то играть с шрифтами в head что-бы это и в выдаче поисков или при открытии было видно?

ivashkevich
ivashkevich

Играть с шрифтами в title нельзя. Некоторые веб-мастера умудряются засовывать туда символы смайликов, но поисковики их вырезают. На SEO это точно положительно не сказывается. Как я и написал в статье - это должен быть простой текст, который покрывает запрос пользователя.

Haru205
Haru205
<!DOCTYPE html>
<html>
    <head>
        <title>Блог о жизни</title>
    </head>
</html>
ivashkevich
ivashkevich

Не забывайте о том, что каждая страничка должна содержать тег <body> ;)

nastasya95
nastasya95
<!DOCTYPE html>
<html>
<head>
<title>Породистые кошки на продажу</title>
</head>
<body>
<p>В нашем питомнике вы можете приобрести шотландскую вислоухую кошку </p>
</body>
</html>
irina-naletova
irina-naletova

Очень нравиться сайт только начала изучать HTML и СSS все подробно и понятно изложено автору Респект и Уважение буду пользоваться материалом сайта в дальнейшем своём обучение

ivashkevich
ivashkevich

Спасибо! Удачи в обучении)

lluubboovv
lluubboovv
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Чегевара Кальвадос - личная страница</title>
    </head>
    <body>
    <h1>Che Guevara - бенгальский кот</h1>
        Это первый племенной кот нашего питомника, имеет закрытый титул Европейского чемпиона по системе WCF. Сейчас ЧеГевара находится на заслуженном отдыхе.
    </body>
</html>
ivashkevich
ivashkevich

Отличная страничка!