Серёжа СыроежкинСерёжа СыроежкинКопирайтер

Заголовок в HTML

теги: html, типографика

Заголовки на странице задаются с помощью тегов H1, H2, H3, ..., H6. Применяются они для грамотного оформления страниц сайта (визуального разделения смысловых блоков). HTML тег H1 выполняет роль основного заголовка и рекомендуется, чтобы тег H1 был единственным на странице.

Помимо красоты, заголовки играют большую роль для поисковых систем: считается, что текст внутри тегов H1-H6 имеет более важное значение на странице. И это логично, ведь в заголовки обычно пишется самая важная и основная информация, наиболее коротко и четко определяющая суть информации в соответствующем блоке текста. Особенно важное значение при ранжировании страниц в поисковой выдаче играет тег H1 HTML, который должен отражать содержание всей страницы.

Применение заголовков на HTML-странице

Применяются теги заголовков следующим образом:

<!DOCTYPE html>
<html>
 <head>
  <title>Применение заголовков на странице - "Нубекс"</title>
 </head>
 <body>
  <h1>ООО Василий Пупкин</h1>
   <h2>Кто мы?</h2>
	<p>Мы - комманда профессионалов в своем деле.</p>
    <h2>Что мы предлагаем?</h2>
	<h3>Создание сайтов</h3>
	  <p>Мы создаем по-настоящему крутые веб-проекты.</p>
	<h3>Продвижение ваших сайтов</h3>
	  <p>Выведем ваш сайт в ТОП поисковиков за час.</p>
    <h2>Контакты</h2>
	<p>Телефон: 0000</p>
 </body>
</html>

В теге H1 рекомендуется указывать основную ключевую фразу, по которой продвигается данная страница. Но не стоит забывать и о том, чтобы контент на странице был соответствующим.

Хотя, применяя стили к нужному фрагменту текста, можно изменить его размер и оформление (т.е. визуально сделать часть текста "заголовком"), рекомендуется применять именно теги, предназначенные для выделения заголовков (H1-H6), и к этим тегам уже применять необходимые стили.

Помимо соответствия заголовка контенту на странице, правилам поискового продвижения, необходимо помнить и о том, что текст читают люди, и заголовок должен быть продающим. О том, как правильно написать продающий заголовок, читайте в статье: Продающие заголовки.

В конструкторе сайтов "Нубекс" есть возможность добавлять заголовки разных уровней с помощью визуального редактора.

Комментарии 0