Сколько всего уровней заголовков <HX>?
Когда пишется HTML-документ, текст структурно делится на просто текст, заголовки частей текста, заголовки более высокого уровня и т.д. Первый уровень заголовков (самый большой) обозначается цифрой 1, следующий — 2, и т.д. Большинство броузеров поддерживает интерпретацию шести уровней заголовков, определяя каждому из них собственный стиль. Заголовки выше шестого уровня не являются стандартом и могут не поддерживаться броузером. Заголовок самого верхнего уровня имеет признак "1". Синтакс заголовка уровня 1 следующий:
<H1> Заголовок первого уровня </H1>
Заголовки другого уровня могут быть представлены в общем случае так:
<Hx> Заголовок x-го уровня </Hx>
где x — цифра от 1 до 6, определяющая уровень заголовка.
HTML заголовки бывают 6-ти уровней, каждый из которых отличается величиной. За создание заголовка отвечает тэг <Hx> и парный закрывающий его тэг </Hx>. Где x – это число от 1 до 6-ти, которое определяет уровень заголовка.
Таким образом, тэг <h1> </h1> определяет самый большой размер заголовка, а тэг <h6> </h6> самый маленький. На рисунке вы можете видеть все уровни заголовков от 1-го до 6-го.
В основном применяют заголовки более высоких уровней, очень редко применяются заголовки 6-го и 5-го уровней.
Как использовать заголовки с пользой для SEO?
В статье разбираемся с популярной технической ошибкой, как неправильное использование заголовков на сайте. Расскажем почему они важны, приведем комментарии поисковых систем, кейсы и вот это все.
Зачем нужны заголовки
Грамотно составленные заголовки полезны как посетителям, так и поисковым системам.
Для людей ������
Во-первых, в заголовках кратко указывается, о чем будет последующий текст. Во-вторых, они помогают визуально структурировать текст. Все это позволяет посетителям ориентироваться на странице и находить ответы. Как следствие улучшаются поведенческие факторы, которые учитывают поисковые системы.
Для примера рассмотрим 2 текста:
В примере №1 читать текст тяжело, так как он не структурирован. Посетитель, увидев такую портянку, вероятно, сразу закроет страницу и она получит отрицательную оценку в расчете формулы релевантности (т.е. rel-). Затем он вернется в выдачу, откроет другой сайт, как на примере №2, прочитает текст и получит ответ. Закроет выдачу, а страница получит rel+, так как решила задачу посетителя.
Для роботов ��
Поисковые системы используют заголовки, чтобы понять структуру документа, его содержимое, а также для формирования сниппетов.
Представитель Гугла Джон Мюллер рассказывает, как поисковик обрабатывает заголовки:
« …заголовки на странице помогают нам лучше понять содержание страницы . Это не единственный фактор ранжирования, который у нас есть. Мы также смотрим на контент сам по себе. Но иногда наличие четкого заголовка на странице дает нам немного больше информации о том, о чем этот раздел ».
В справке Яндекса говорится примерно тоже самое:
«Правильное оформление заголовков в тексте помогает пользователю быстрее сориентироваться на странице, а значит, экономит его время. Кроме того, и роботу Яндекса будет проще разобраться со структурой документа. Поэтому следует выделять этими тегами заголовки в соответствии с иерархией документа ».
Какие бывают
Существуют 6 уровней заголовков: Н1-H6, где H1 — высший, а H6 — низший. Чем ниже уровень, тем ниже и относительная важность секции, расположенной после него.
Лабораторная работа №6
Тема: Интернет. Основные понятия (сайт, IP-адрес, порт, сокет, сервер, клиент).
Цель работы: Приобрести практические навыки в работе в Интернет, изучить основные понятия адресации в Интернет и основных служб, научиться создавать web-страницы с помощью языка HTML.
Краткие сведения из теории
Интернет (internet) — это всемирное объединение сетей, шлюзов, серверов и клиентских компьютеров, использующих для связи единый набор протоколов TCP/IP.
Протокол — это набор соглашений, который определяет обмен данными между различными программами.
Сетевые протоколы предписывают правила работы компьютерам, которые подключены к сети. Они строятся по многоуровневому принципу. В настоящее время для сетевых протоколов используется модель OSI.
Модель OSI– это семиуровневая логическая модель работы сети.
На физическом уровне этой модели определяются физические (механические, электрические, оптические) характеристики линий связи.
На канальном уровне определяются правила использования физического уровня узлами сети.
Сетевой уровень отвечает за адресацию и доставку сообщений.
Транспортный уровень контролирует очередность прохождения компонент сообщения.
Задача сеансового уровня — координация связи между двумя прикладными программами, работающими на разных рабочих станциях.
Уровень представления служит для преобразования данных из внутреннего формата компьютера в формат передачи.
Прикладной уровень обеспечивает удобный интерфейс связи сетевых программ пользователя.
Протокол TCP/IP — это два протокола нижнего уровня, являющиеся основой связи в Интернет. Протокол TCP (Transmission Control Protocol) разбивает передаваемую информацию на порции и нумерует все порции. С помощью протокола IP (Internet Protocol) все части передаются получателю. Далее с помощью протокола TCP проверяется, все ли части получены. При получении всех порций TCP располагает их в нужном порядке и собирает в единое целое.
Каждый компьютер в сети TCP/IP имеет адреса трех уровней:
Для компьютеров, входящих в локальные сети МАС-адрес — это адрес сетевого адаптера или порта маршрутизатора, например, 11-А0-17-3D-BC-01. Эти адреса назначаются производителями оборудования и являются уникальными адресами, так как управляются централизовано.
IP-адрес — это уникальный идентификатор, записываемый тетрадой вида, например, 109.26.17.100. Этот номер может быть постоянно закреплен за компьютером или же присваиваться динамически — в тот момент, когда пользователь соединился с провайдером, но в любой момент времени в Интернет не существует двух компьютеров с одинаковыми IP-адресами. Этот адрес используется на сетевом уровне.
Символьный адрес или DNS-имя назначается администратором и состоит из нескольких частей, например, имени машины, имени организации, имени домена SERV1.IBM.COM . Такой адрес используется на прикладном уровне, например, в протоколах FTP или Тelnet.
IР — адрес позволяет точно идентифицировать компьютер, но этого недостаточно. Дело в том, что на каждом узле могут быть запущены самые разные службы Internet — обеспечивающие передачу электронной почты, файлов, гипертекстовой информации и т.п. Каждая служба использует в своей работе тот или иной протокол прикладного уровня. Для передачи файлов — это протокол FTP (File Transfer Protocol), передачи web-страниц — протокол передачи гипертекстовой информации HTTP(HyperText Transfer Protocol), для работы с электронной почтой — протоколы SMTP, POP3, IMAP и т.д.
Для каждой службы отведен отдельный порт, представляющий собой число от 0 до 65534. Для наиболее популярных служб зарезервированы стандартные номера портов. Так, для FTP это 21, для HTTP — 80, SMTP — 25, POP3 — 110.
Таким образом, при соединении в сеть любой канал связи в TCP определяется двумя числами: IP- адресом ЭВМ и номером порта. Эта комбинация называется сокетом (конечная абонентская точка).
Для доступа к информации в Интернете используются не просто доменные имена, а универсальные указатели ресурсов URL (Universal Resource Locator).
URL включает в себя:
метод доступа к ресурсу, т.е. протокол доступа (http, gopher, WAIS, ftp, file, telnet и др.);
сетевой адрес ресурса (имя хост-машины и домена);
полный путь к файлу на сервере.
Пример: http://support.vrn.ru/archive/index.html.
Ниже приведены некоторые наиболее часто встречающиеся термины сети Интернет.
WWW (World Wide Web — всемирная паутина) – это служба, предоставляющая доступ к различным ресурсам Интернет – документам, графике, аудио и видеозаписям, использующая протокол HTTP и язык HTML.
Поисковая система – это комплекс программ и мощных компьютеров, автоматически просматривающих ресурсы Интернет, которые они могут найти, и индексирующих их содержание.
Сервер в сети Интернет — это компьютер, обеспечивающий обслуживание пользователей сети: разделяемый доступ к дискам, файлам, принтеру, системе электронной почты. Обычно сервер — это совокупность аппаратного и программного обеспечения.
Любой компьютер, имеющий доступ к услугам сервера называют клиентом сети или рабочей станцией.
Сайт — обобщенное название совокупности документов в Интернет, связанных между собой ссылками.
Шлюз (gateway)- это компьютер или система компьютеров со специальным программным обеспечением, позволяющая связываться двум сетям с разными протоколами.
Провайдер (ISP -Internet Service Provider) – это поставщик услуг Интернет, организация, которая предоставляет возможность подключения к сети Интернет. Он предоставляет необходимое программное обеспечение, адрес электронной почты и доступ к другим возможностям Интернет.
Язык гипертекстовой разметки документа (HyperText Markup Language (HTML)) предназначен для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами web-браузеров. Все что необходимо, чтобы прочитать HTML-документ – это web-браузер, который интерпретирует тэги HTML и воспроизводит на экране документ в виде, который ему придает автор.
HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов.
Все тэги HTML начинаются с «<» и заканчиваются символом «>». Как правило, существует стартовый тэг и завершающий тэг.
Некоторые тэги, такие, как <P> (тэг, определяющий абзац), не требуют завершающего тэга, но его использование придает исходному тексту документа улучшенную читаемость и структурированность.
HTML не реагирует на регистр символов, описывающих тэг, и приведенный ранее пример может выглядеть следующим образом:
<title> Заголовок документа </title>
Структура документа
Когда WEB-браузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тэг, который встречается в документе, должен быть тэгом <HTML>. Данный тэг сообщает WEB-браузеру, что документ написан с использованием HTML. Минимальный HTML-документ будет выглядеть так:
<HTML> . тело документа. </HTML>
Заголовочная часть документа <HEAD>
Тэг заголовочной части документа должен быть использован сразу после тэга <HTML> и более нигде в теле документа. Данный тэг представляет из себя общее описание документа. Избегайте размещать какой-либо текст внутри тэга <HEAD>. Стартовый тэг <HEAD> помещается непосредственно перед тэгом <TITLE> и другими тэгами, описывающими документ, а завершающий тэг </HEAD> размещается сразу после окончания описания документа. Например:
<TITLE> Список сотрудников </TITLE>
Заголовок документа <TITLE>
Большинство WEB-браузеров отображают содержимое тэга <TITLE> в заголовке окна, содержащего документ и в файле закладок, если он поддерживается WEB-браузером. Заголовок, ограниченный тэгами <TITLE> и </TITLE>, размещается внутри <HEAD>-тэгов, как показано выше на примере. Заголовок документа не появляется при отображении самого документа в окне.
Тело документа <BODY>
Тэги тела документа идентифицируют отображаемые в окне компоненты HTML-документа. Тело документа может содержать ссылки на другие документы, текст и другую форматированную информацию.
Тело документа должно находиться между тэгами <BODY> и </BODY>.
Уровни заголовков <Hx>
Первый уровень заголовков (самый большой) обозначается цифрой 1, следующий — 2, и т.д. Большинство браузеров поддерживает интерпретацию шести уровней заголовков, определяя каждому из них собственный стиль. Синтаксис заголовка уровня 1 следующий:
<H1> Заголовок первого уровня </H1>
Заголовки другого уровня могут быть представлены в общем случае так:
<Hx> Заголовок x-го уровня </Hx>, где x — цифра от 1 до 6, определяющая уровень заголовка.
Тэг абзаца <P>
Физический разрыв абзаца может находиться в любом месте исходного текста документа. Однако браузер разделяет абзацы только при наличии тэга <P>. Дополнительные параметры тэга <P>:
позволяют выравнивать абзац по левому краю, центру и правому краю соответственно.
Разрыв строки <BR>
Тэг <BR> извещает браузер о разрыве строки. Наилучший пример использования данного тэга — форматированный адрес или любая другая последовательность строк, где браузер должен отображать их одну под другой. Например:
Алексей Ярцев <BR>
Дмитровское шоссе, <BR>
д.9Б, офис 326 <BR>
Тэги списков
Существует три основных вида списков в HTML-документе:
Пронумерованные списки
Пронумерованный список начинается стартовым тэгом <OL> и завершается тэгом </OL>. Каждый элемент списка начинается с тэга <LI>. Например:
Тэг <OL> может иметь параметры: <OL TYPE=A|a|I|i|1 START=n>, где:TYPE означает вид счетчика:
A — большие латинские буквы (A,B,C. );
a — маленькие латинские буквы (a,b,c. );
I — большие римские цифры (I,II,III. );
i — маленькие римские цифры (i,ii,iii. );
1 — обычные цифры (1,2,3. ),
START=n — число, с которого начинается отсчет
Непронумерованные списки.
Непронумерованный список начинается стартовым тэгом <UL> и завершается тэгом </UL>. Каждый элемент списка начинается с тэга <LI>. Например:
Тэг <UL> может иметь параметр <UL TYPE=disc|circle|square>. Тип тэга <UL> определяет внешний вид маркера как вид по умолчанию (disc), круглый (circle) или квадратный (square). Например:
Графика внутри HTML-документа)
Для вставки графического изображения применяется тэг<IMG>.
Атрибуты тэга <IMG>: src=»https://studfile.net/preview/5307667/page:4/URL» URL-адрес файла изображения.
alt=»text» — текст, который будет отображаться вместо изображения, при невозможности его вывода.
align- Выравнивание изображения. Может принимать значения:
left -выравнивание изображения по левой границе экрана браузера;
right -выравнивание изображения по правой границе экрана браузера;
top -выравнивание текста по верхней границе изображения;
middle -выравнивание текста по центру изображения;
bottom -выравнивание текста по нижней границе изображения;
texttop -выравнивание текста по верхний границе изображения, относительно самых высоких символов;
absmiddle -выравнивание середины строки относительно середины изображения;
baseline -выравнивание нижней рамки изображения относительно базовой линии текстовой строки;
absbottom -выравнивание нижней границы изображения относительно нижней границы текущей строки.
height- Высота картинки в пикселях.
width- Ширина картинки в пикселях.
border- Ширина рамки вокруг картинки в пикселях (только NN).
hspace- Ширина свободного пространства в пикселах, которое должно отделять изображение от текста по горизонтали.
vspace- Ширина свободного пространства в пикселах, которое должно отделять изображение от текста по вертикали.
Фоновые рисунки
Описание фонового рисунка включается в тэг BODY и выглядит следующим образом:
Задание стандартных цветов
Многие HTML-авторы любят использовать заранее предопределенные цвета фона документа, обычного текста и ссылок. Чтобы задать эти цвета, необходимо включить в тэг <BODY> дополнительные параметры:
<BODY BGCOLOR=»#XXXXXX» TEXT=»#XXXXXX» LINK=»#XXXXXX»>, где каждый из параметров определяет цвет того или иного элемента. Опишем эти параметры:
BGCOLOR — Цвет фона документа
TEXT — Цвет простого текста документа
LINK — Цвет ссылки
Цвет задается шестизначным числом в шестнадцатеричном формате по схеме RGB (Red, Green, Blue). Цвет #000000 соответствует черному, а цвет #FFFFFF — белому
Добавление стилей в HTML документ
HTML позволяет использовать различные стили шрифтов для выделения текстовой информации в документах. Вот короткий список стилей, поддерживаемых большинством браузеров:
mono spaced (type writer — с использованием фиксированных шрифтов)
Дополнительные стили:
Размер шрифта
Вы можете изменять размер шрифта тэгом <FONT SIZE=+|- n>
Шрифт может иметь размер от 1 до 7.
Вы можете изменить цвет шрифта при помощи тэга <FONT COLOR justify»> Цвет указывается в RGB-формате (Red-Green-Blue) посредством указания размерности каждой компоненты цвета в шестнадцатеричном формате. Например, белый цвет обозначается «000000», черный — «FFFFFF», синий — «0000FF» и т.п.
Таблица объявляется с помощью тэгов:
TABLE — создаёт таблицу;
CAPTION — задаёт заголовок таблицы;
TR — создаёт новый ряд (строку) ячеек таблицы;
TD и TH — создаёт ячейку с данными в текущей строке.
Таблицы в HTML формируются построчно. Для этого, с помощью элемента TR необходимо создать ряд таблицы, в который затем элементом TD помещаются ячейки.
Тэг <TABLE> может использоваться с рядом параметров, каждый из которых допустимо опускать:
ALIGN Горизонтальное выравнивание таблицы. Возможные значения: left, center, right. Значение по умолчанию — left.
VALIGN Вертикальное выравнивание содержимого таблицы. Возможные значения: top, bottom, middle.
BORDER Ширина внешней рамки таблицы (в пикселах). При BORDER=»0″ или при отсутствии этого параметра рамка отображаться не будет.
CELLPADDING Расстояние (в пикселах) между рамкой каждой ячейки таблицы и содержащейся в ней инфе.
CELLSPACING Расстояние (в пикселах) между границами соседних ячеек.
WIDTH Ширина таблицы задается либо в пикселах, либо в процентном отношении к ширине окна браузера.
HEIGHT Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера.
BGCOLOR Цвет фона ячеек таблицы.
BACKGROUND Фоновый рисунок таблицы.
Тэг заголовка таблицы <CAPTION> имеет единственный допустимый параметр <ALIGN>.
Атрибуты: top помещает заголовок над таблицей (значение по умолчанию)/
Bottom помещает заголовок под таблицей.
Атрибуты: ALIGN определяет способ горизонтального выравнивания содержимого всех ячеек данного ряда. Возможные значения: left, center, right
VALIGN определяет способ вертикального выравнивания содержимого всех ячеек данного ряда. Возможные значения: top, bottom, middle
BGCOLOR определяет цвет фона для всех ячеек данного ряда
Элементы TD и TH
Элемент TD создаёт ячейку с данными в текущей строке. Элемент TH также создаёт ячейку, но определяет её как ячейку-заголовок. Такое разграничение позволяет браузерам оформлять содержимое ячейки-заголовка и ячеек с данными разными шрифтами. Текст, находящийся между тэгами <TH></TH>, отображается жирным шрифтом, т.е. <TH>текст</TH> равносильно <TD><b>текст</b></TD>
Атрибуты: ALIGN определяет способ горизонтального выравнивания содержимого ячейки. Возможные значения: left, center, right.
VALIGN определяет способ вертикального выравнивания содержимого ячейки. Возможные значения: top, bottom, middle. По умолчанию происходит выравнивание по центру (VALIGN=»middle»), если значение этого параметра не было задано ранее в элементе TR.
WIDTH определяет ширину ячейки. Ширина задается в пикселах или в процентном отношении к ширине таблицы.
HEIGHT определяет высоту ячейки. Высота задается в пикселах или в процентном отношении к ширине таблицы.
COLSPAN определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1.
ROWSPAN определяет количество рядов, на которые простирается данная ячейка. По умолчанию имеет значение 1.
BGCOLOR определяет цвет фона ячейки. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.
BACKGROUND заполняет ячейку фоновым рисунком.
Содержание работы:
Задание 1. Определение версии используемого браузера
С помощью базы помощи (Справка — О программе) определите версию используемого браузера. Данные о браузере поместите в отчет.
Задание 2. Установка начальной (домашней) страницы браузера
Установите поочередно различные режимы выбора начальной (домашней) страницы, с которой начинается работа (обзор) браузера MS Internet Explorer (пункты Сервис — Свойства обозревателя и выбрать закладку Общие):
При установке текущей страницы следует использовать доменный адрес: http://www.kstu.kz/. Опишите порядок выполнения данного задания. Объясните, в каких случаях целесообразно использовать каждый из исследованных режимов.
Задание 3. Изучите способы ускорения загрузки Web-страниц с помощью пункта Сервис — Свойства обозревателя, закладка Дополнительно. В разделе Мультимедиа с помощью включателей установить необходимые режимы. Результаты поместите в отчет.
Задание 4. Просмотр страницы в виде программы на языке HTML.
Загрузите поочередно страницы www.microsoft.com, www.rambler.ru и www.lenta.ru. Установите режим просмотра страниц в виде HTML. Поместите в отчет фрагменты программ, расположенные между тегами <title> и </title>
Задание 5. Создать собственную web-страничку с использованием всех выше описанных тегов.
создать HTML – документ на тему «Автобиография»
создать HTML – документ на тему «Мой университет»
создать HTML – документ на тему «Мой город»
создать HTML – документ на тему «Моя страна»
создать HTML – документ на тему «Моя группа»
создать HTML – документ на тему «Моя семья»
создать HTML – документ на тему «Любимое животное»
создать HTML – документ на тему «Любимая книга»
создать HTML – документ на тему «Моя любимая музыка»
создать HTML – документ на тему «Моя любимая поп-группа»
создать HTML – документ на тему «Автомобили»
создать HTML – документ на тему «Компьютеры»
создать HTML – документ на тему «Спорт»
создать HTML – документ на тему «Музыка»
создать HTML – документ на тему «Любимая радиостанция»
создать HTML – документ на тему «Магазин бытовой техники»
создать HTML – документ на тему «Справочник лекарственных растений»
создать HTML – документ на тему «Мебельный магазин»
создать HTML – документ на тему «Моя кафедра»
создать HTML – документ на тему «Моё хобби»
Содержание отчета:
Краткое описание работы.
Ход выполнения всех заданий.
Описание услуг Интернета.
Ответить на контрольные вопросы.
Контрольные вопросы
Отличие Internet от любой другой компьютерной сети.
Виды адресации в Internet.
Какова структура IP-адреса?
Из чего состоит доменная часть адреса URL?
Что такое гиперссылка?
С помощью каких объектов можно переходить от одних Web-страниц к другим, не зная их адресов URL?
Сколько уровней заголовков можно создать в HTML-документе?
Для чего предназначен тег <UL>?
Какие атрибуты существуют у тега <TABLE>?
Какие атрибуты существуют у тега <Img>?
При помощи какого атрибута тега <body>можно оформить фон страницы?
Какие стили шрифтов позволяет использовать HTML, и какие теги для этого необходимы?
Как правильно написать SEO заголовки h1, h2, h3. Проверка тегов на странице
Заголовки необходимы, чтобы коротко описать основную тематику текста на странице, грамотно его структурировать, выделить разделы, показать их иерархию. С их помощью пользователю будет намного проще ориентироваться в контенте и находить нужный ему материал.
Иерархия заголовков на странице
В языке HTML, на котором создаются web-стрницы, существует 6 уровней заголовков — от тега h1 до h6. Каждый из них в иерархической цепочке подчинен предыдущему. Самый главный заголовок — тег h1, в него вложен подзаголовок h2, соответственно, h3 уже разграничивает текст внутри h2 и т. д.
Пример иерархии с правильной вложенностью тегов:
Как мы видим, в такой иерархии прослеживается логическая последовательность, благодаря которой становится понятно содержание текста и тематика каждого раздела. Недопустимо нарушать иерархию, например, использовать тег Н3 перед Н2 или использовать тег Н6, если на странице нет Н4 и Н5. Как правило, для оформления текста на сайте достаточно тегов Н1 — Н3. Остальные используют в редких случаях.
Пример визуального отображения заголовков в тексте: 
Как заголовки в тексте влияют на продвижение сайтов?
Правильно оформленные заголовки помогают пользователю ориентироваться на странице. Текст с удобной структурой и интересными подзаголовками привлекает посетителей и побуждает их дольше оставаться на странице интернет-магазина. Это положительно отражается на поведенческих характеристиках сайта и способствует росту его позиций в результатах поисковой выдачи.
Яндекс и Google рекомендуют использовать заголовки и подзаголовки для удобства пользователей.
Они помогают и поисковым роботам быстрее разобраться со структурой документа, определить характер и качество контента. Содержимое заголовков учитывается поисковыми системами для определения релевантности страницы поисковому запросу.
Слова, размещенные в тег Н1, получают больший вес, чем остальной текст на странице.
Заголовок (тег) h1
Тег h1 — самый главный заголовок на странице. Он считается названием документа и должен отображать суть размещенного контента. Это поможет пользователям и поисковым роботам точно определить назначение страницы.
Неправильное употребление данного заголовка может просто негативно сказаться на ранжировании станицы, именно поэтому его написанию и оптимизации следует уделить особое внимание.
Правила, которые нужно соблюдать при написании Н1
Правильно написанный заголовок уровня Н1:
располагается выше текста и заголовков следующих уровней и пишется шрифтом наибольшего размера;
отражает содержание текста;
присутствует на странице в единственном экземпляре, если иного не требует логическая структура текста;
не совпадает с Тitle (тайтл) или другими тегами;
уникален для каждой страницы;
длина тега имеет значение: не слишком длинный (количество 60-70 символов) — хотя при ранжировании учитывается больше слов, чем выводится на экран, надо учитывать, что чем больше слов в заголовке, тем меньше будет "вес" каждого из них по формуле БМ25;
содержит в себе ключевое слово — это значимый фактор ранжирования для поисковых систем;
не должен быть переоптимизированным;
в конце не ставится точка (при этом может стоять восклицательный или знак вопроса).
Как прописывать ключевые слова в Н1?
Заголовок на главной странице должен содержать в себе релевантные запросы. Это значимый фактор ранжирования для поисковых систем. На страницах с описанием конкретных товаров пишите заголовки с низкочастотными ключевыми словами.
Ключевое слово должно находиться как можно ближе к началу заголовка.
Избегайте переспама в Н1. Не стоит употреблять слишком много ключевых слов и включать фразы в прямом вхождении, если они звучат неестественно. Используйте разные словоформы и разбавленные вхождения.
Не обязательно всегда начинать заголовок со слов «купить» или «цена» — это может стать негативным сигналом для поисковых систем.
Употребление заголовков Н1 и Тitle
Н1 не должен совпадать с МЕТА-тегом Тitle — заголовком, который описывает содержимое страницы для поисковых систем, а также отображается во вкладке браузера. Тitle можно увидеть и в качестве заголовка сниппета в поисковой выдаче.
Использование одинаковые ключевых слов в МЕТА-теге Тitle и заголовке H1 создает угрозу наложения санкций со стороны поисковых систем. Поскольку Тitle и тег h1 имеют большое значение для ранжирования сайта в результатах поиска, то написание одних и тех же ключевых слов в данных элементах может быть расценено как попытка искусственного увеличения их веса. Также не рекомендуется использовать дубль тега h1 в Description.
Страницы с совпадающими тегами Title и Н1 показывает отчет «Ошибки МЕТА тегов» в разделе «SEO-аудит» сервиса «Лабрика».
Сколько раз можно прописать заголовок (тег) Н1 на странице?
Только один! Правилами языка HTML 5 допускается использование нескольких заголовков Н1.
Тег h1 для Google
Согласно нашим исследованиям, Google не считает наличие нескольких заголовков Н1 критической ошибкой. Специалист компании Мэтт Каттс также говорил о возможности размещения на странице нескольких тегов H1 в тех случаях, когда этого требует логическая структура контента. Однако автор рекомендовал не злоупотреблять этим тэгом и не применять его без необходимости. Например, не стоит выделять тэгами заголовка значительные фрагменты текста. Это, как и слишком частое использование заголовков, не соответствующее структуре статьи, может привести к понижению страницы в результатах поисковой выдачи.
Тег h1 для Яндекс
Важно понимать: для Яндекса присутствие нескольких тегов h1 на странице является отрицательным сигналом ранжирования в интернете.
Информацию по наличию на странице нескольких заголовков h1 можно получить с помощью отчета «Ошибки МЕТА тегов» в разделе «Технический аудит» сервиса «Лабрика».
Как составить «цепляющий» заголовок?
Создание привлекательных заголовков — сложная работа. Чтобы заголовок привлекал внимание пользователей он должен:
сразу показать читателю полезность данного контента — например, предложить решение проблемы, получение какой-либо выгоды и т. п.:
«Как писать заголовки в SMM»;
добавлять интригу — обещать какую-либо эксклюзивную, самую полную, самую актуальную информацию:
«Создаем самый надежный пароль и запоминаем его»;
быть понятным и предоставлять точные, конкретные данные в цифрах — это вызовет больше доверия:
«100+ заголовков, привлекающих внимание»;
обозначать некоторую целевую аудиторию, то есть указывать, для кого предназначен контент страницы:
«Как придумать заголовок к статье? Шпаргалка копирайтера»;
включать побудительные глаголы — они помогут создать нужное вам отношение пользователя к содержимому страницы:
«Получайте новости о конкурсах и грантах быстрее всех!»;
бросать читателю вызов, предлагать ему проверить свои знания:
«А вы знаете, как правильно читать книги?».
Помните, что создание заголовка должно соответствовать контенту страницы вообще. Если вы обманете ожидания читателя, вызванные заголовком, то потеряете доверие к следующим своим текстам и трафик.
Правила оформления заголовков Н2 — Н6
Подзаголовки уровней Н2 — Н6 прописываются внутри текста страницы, чтобы выделить его разделы. Они также учитываются поисковыми системами при анализе контента страницы и должны соответствовать определенным правилам.
располагаться в строгом соответствии с уровнем иерархии;
раскрывать тематику раздела;
начинаться с новой строки;
отличаться по стилю от основного текста и заголовков других уровней;
Заголовки не должны:
включать ниакие другие теги, например, для дополнительного выделения жирным шрифтом;
использоваться для выделения фраз и предложений, не являющихся заголовками по смыслу;
избыточно наполняться ключевыми словами;
находиться в элементах меню и содержать активные ссылки.
Переспам ключевыми словами и наличие тегов в заголовках Н1, Н2, Н3 можно найти с помощью отчета «Тошнота слов на страницах» в разделе «SEO-аудит» сервиса «Лабрика».
Способы: как сделать заголовок Н1 — Н6 в CMS ?
Обычно в шаблонах систем управления контентом (CMS) заголовок Н1 отображается как название страницы. В других CMS Н1, как и подзаголовки в тексте, нужно вручную добавить в содержимом страницы с помощью редактора. Для этого нужный текст выделяется, а в меню выбирается заголовок соответствующего уровня. Проверьте, как прописываются заголовки в систем управления вашего ресурса.
Пример в WordPress: 