Внимание! На этой странице вы найдете материал урока из архивного курса по HTML. Курс был написан в 2015, обновлен в 2024 году и по-прежнему актуален для начинающих веб-разработчиков.
Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.
Полный список уроков доступен по тегу Архивный курс по HTML и на странице первого урока.
- Скопировать текст из абзаца (
<p> ... </p>) и озаглавить страницу при помощи тега<title>
В предыдущем уроке написали простую веб-страницы, в которой был использован тег <title>. Тогда мы ничего о нем не сказали. В этом уроке исправим недосказанность.
Что такое title?
Это неотъемлемая часть сайта, ведь это первое, что видит пользователь в поисковике и в своем браузере.
Кстати, тег title играет большую роль в оптимизации, а если еще в title есть ключевик (ключевое слово, по которому находят сайт в поисковике) и вдобавок если оно (ключевое слово) вначале, то поисковики, особенно Google, будут кидать сайт ближе к топу (первое место). Эту информацию я прочитал где-то то ли в блогах Google, то ли официальных представителей.
По запросу в Google: «программирование», сайт с title «программирование - это классно», будет выше чем «что такое программирование».
За эти годы алгоритмы ранжирования сильно поменялись. Влияние этого фактора, на мой взгляд, ничтожно мало, если вообще оно есть. Даже в то время, когда писал этот урок, поисковики ранжировали с учетом сотни факторов.
Тег <title> обязательно должен быть внутри контейнера <head>. Более об этом теге вам знать и не нужно, точнее больше мне нечего сказать.
Основные задачи тега title (заголовок HTML страницы)
Во-первых, по тегу title (заголовок страницы) пользователь получает краткие сведения о странице: о чем речь, как называется, что найдет, какой сайт и т.д. Я называю этот тег «лицом сайта». Ведь если не будет тега title, что сделает пользователь? Закроет окно. Значит нужно обязательно указывать этот тег, и, кстати, в HTML 5 наличие тега title обязательно!
Во-вторых, почти все браузеры умеют сохранять страницу (или закладку) на локальный диск. Имя сохраняемого файла, будет совпадать с содержанием тега title. Вот вам еще один «плюс» этого тега.
В-третьих, все браузеры умеют сохранять закладки. Имя закладки совпадает с содержимым заголовка страницы.
В-четвёртых, во всех поисковиках, заголовок страницы отображает в поиске и поэтому, правильный заголовок может привлечь больше посетителей из поисковых систем.
И последнее, правильно составленный тег title может помочь в оптимизации страницы, если в нем есть ключевые слова, которые есть и в контенте всего сайта. Далее пример:
<!DOCTYPE html>
<html>
<head>
<title>Я страница</title>
</head>
<body>
<p>А я абзац</p>
</body>
</html>В следующем уроке поговорим о кодировке HTML-страницы.
Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу HTML.
