Теория урока

12. Заголовок в HTML - тег TITLE

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ

В предыдущем уроке написали простую веб-страницы, в которой был использован тег <title>. Тогда мы ничего о нем не сказали. В этом уроке исправим недосказанность.

Что такое title?

Это неотъемлемая часть сайта, ведь это первое, что видит пользователь в поисковике и в своем браузере.

Кстати, тег title играет большую роль в оптимизации, а если еще в title есть ключевик (ключевое слово, по которому находят сайт в поисковике) и вдобавок если оно (ключевое слово) вначале, то поисковики, особенно Google, будут кидать сайт ближе к топу (первое место). Эту информацию я прочитал где-то то ли в блогах Google, то ли официальных представителей.

По запросу в Google: «программирование», сайт с title «программирование - это классно», будет выше чем «что такое программирование».

Примечание (10.2024)

За эти годы алгоритмы ранжирования сильно поменялись. Влияние этого фактора, на мой взгляд, ничтожно мало, если вообще оно есть. Даже в то время, когда писал этот урок, поисковики ранжировали с учетом сотни факторов.

Тег <title> обязательно должен быть внутри контейнера <head>. Более об этом теге вам знать и не нужно, точнее больше мне нечего сказать.

Основные задачи тега `title` (заголовок HTML страницы)

Во-первых, по тегу title (заголовок страницы) пользователь получает краткие сведения о странице: о чем речь, как называется, что найдет, какой сайт и т.д. Я называю этот тег «лицом сайта». Ведь если не будет тега title, что сделает пользователь? Закроет окно. Значит нужно обязательно указывать этот тег, и, кстати, в HTML 5 наличие тега title обязательно!

Во-вторых, почти все браузеры умеют сохранять страницу (или закладку) на локальный диск. Имя сохраняемого файла, будет совпадать с содержанием тега title. Вот вам еще один «плюс» этого тега.

В-третьих, все браузеры умеют сохранять закладки. Имя закладки совпадает с содержимым заголовка страницы.

В-четвёртых, во всех поисковиках, заголовок страницы отображает в поиске и поэтому, правильный заголовок может привлечь больше посетителей из поисковых систем.

И последнее, правильно составленный тег title может помочь в оптимизации страницы, если в нем есть ключевые слова, которые есть и в контенте всего сайта. Далее пример:

Пример (html)

<!DOCTYPE html>
<html>
    <head>
        <title>Я страница</title>
    </head>
    <body>
        <p>А я абзац</p>
    </body>
</html>

В следующем уроке поговорим о кодировке HTML-страницы.

12. Заголовок в HTML - тег TITLE

Что такое title?

Основные задачи тега title (заголовок HTML страницы)

Похожие уроки Codebra

Основные задачи тега `title` (заголовок HTML страницы)