Оптимизация текста под ключевые слова: правила оформления заголовков

На сайте нет h1 заголовка, что нужно сделать?

Часто так бывает, что шаблоны для WordPress делают очень косячно, хотя такое и на других движках бывает, тем самым авторы или верстальщики забывают указывать тег H1, а чаще вставляют h2, h3. Из-за такой ошибке у вас будет проблемы в SEO продвижении сайта, так как это обязательный тег, который должен быть на каждой странице сайта.

Есть и отдельное мнение специалистов Google по этому поводу, сам Джон Мюллер рассказывал, что h1 не может влияет на ранжирование в их поисковой системе, ниже прикреплю видео, правда на английском языке

Однако нужно понимать, что вы должны подготовить сайт ко всем поисковым системам, а значит html тег h1 должен находится везде.

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

Что такое заголовок h1

Заголовок h1 – это несколько грамотно структурированных словосочетаний, в которых вложен практически весь смысл излагаемого материала. Другими словами – это самый важный заголовок, расположившийся в начале страницы.

Тот же определенный набор слов, что и для title генерируется в h1 Joomla заголовок. Вот как он выглядит в исходном коде:

<h1 >Кто такой фрилансер и как им стать</h1>

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

Остальные заголовки создаются непосредственно в текстовом редакторе. В зависимости от панели и набора активных элементов, выбирается определенная функция, которая в текстовом редакторе JCE именуется, как «Параграф». Переместив бегунок можно увидеть, что здесь вашему вниманию представлены все существующие заголовки, начиная от h1 и заканчивая h6.

Как нужно заполнять h1 для информационных сайтов

Здесь сильные отличия, от коммерческой нише. Сюда уже нам нужно написать вопросы или обращения к нашему пользователю в которых мы будем использовать ключевые слова.

Давайте рассмотрим варианты формирования H1 для Главной и для статьи.

Главная

К примеру:

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

Статьи

В статьях лучше задавать вопросы юзеру напрямую, чтобы ваша статья раскрывала этот вопрос, часто используют вопросы в title, сейчас покажу пример.

Допустим у нас будет такой title:

Тогда h1 должен быть такой:

Если бы у нас не было вопроса в title, а мы его задавали бы в h1:

1. Что такое тег заголовка.

Теги заголовка определяют основной заголовок страницы (<h1>), а также подзаголовки (<h2> — <h6>) разделов контента.С точки зрения, как пользователей, так и поисковых систем, эти теги используются в качестве обобщающего текста, который дает читателям и сканерам смысл контента путем краткой передачи основного сообщения.

Независимо от того, создаете ли контент в Google Docs, WordPress или другом сервисе, параметры заголовка всегда доступныТеперь, если  посмотрим поближе на одну изранее опубликованных статей, про доходные блоговые ниши, увидите, что указал на первые два заголовка:

Конечно, можете подумать, что просто увеличил шрифт, ободрил текст или изменил его цвет. Хотя это может быть и так, это немного сложнее, чем это.Когда посмотрим на исходный код страницы, увидим, что эти заголовки на самом деле отмечены тегами <h1> и <h2> соответственно:

Вот оно! Теперь, когда рассмотрели, что такое теги HTML-заголовка, давайте сосредоточимся на «почему».

Распространенные ошибки при написании h1

1. Отсутствие h1.
2. Больше одного h1 на странице.
3. Ошибки с ключевыми словами. Вредно как их отсутствие, так и переспам.
4. Полное совпадение с Title.
5. Чрезмерно длинные или короткие наименования, если это не название раздела сайта или категории.
6. Грамматические и пунктуационные ошибки.
7. Точка в конце предложения. Вы видели название книг с точками в конце? Нет! Вот и в h1 точка совсем не нужна. Допустимо использование «?» или «!» (в редких случаях).
8. Неправильная иерархия, когда перед h1 идут теги более низкого порядка.

А с какими сложностями вы сталкивались при создании h1? Делитесь в комментариях?

Разные H1 и Title: за и против

Главный аргумент сторонников уникальных заголовков – нет угрозы попадания сайта под фильтр

Поисковики сейчас обращают внимание на качество контента, негативно воспринимая переспам и дубли

Аргумент против: хотя разные Title и H1 увеличивают охват запросов, но они ухудшают релевантность и ранжирование по ключам.

Желательно, чтобы ваши мета-теги были уникальными во всём интернете. Хотя 100% неповторимости да и ещё с использованием ключей добиться трудно, но уж дублировать друг друга Тайтл и H1 точно не должны. Каждая страница обязана иметь свой оригинальный Title. В противном случае с точки зрения поисковых роботов она не будет содержать оригинальной информации – сайт попадёт под пессимизацию за одинаковые сниппеты.

Теги обязаны быть не только уникальными, но и релевантными. По коммерческому запросу «купить платье мини» человек должен попадать на страницу с описанием, характеристикой конкретной модели, ценой и кнопкой для оформления заказа. А не получать текст об истории возникновения платьев и их видах.

Оптимальный Тайтл в таком случае:

«Купить платье мини с доставкой по России: цена, материал, размеры».

H1 может быть таким:

Платье мини с ценой и описанием

Статья в тему: Как составить уникальный Title

Заголовок h2

Если h1 многие все же придерживаются правил и используют на страницах своего сайта, то тегом h2 многие пренебрегают, а зря! Этим тегом обычно размечаются подразделы статьи, страницы.

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

Например, страницы товара в магазине телевизоров – если заголовок h1 страницы имеет вид «Телевизор Panasonic TX-75EXR780», то тегом h2 мы будем примерно разбивать на части (подразделы) описание самого товара на странице и иметь вид «Характеристики телевизора Panasonic TX-75EXR780» и «Преимущества телевизора Panasonic TX-75EXR780».

Тем самым мы за счет заголовков типа h2 захватим важные моменты, которые также могут интересовал посетителя сайта помимо самого названия. Теперь сайт будет конкурировать с остальными не только по запросу по основному “Panasonic TX-75EXR780”, но и по дополнительным запросы касаемо преимуществ и характеристик данной модели телевизора. А охват большего числа запросов в свою очередь – это рост трафика на сайт.

Иногда заголовок типа h2 попадал в сниппет результатов поиска

Туда как правило попадает либо h1, либо title – они оба самые сильные по важности заголовки страницы и за ними преимущество, но не исключено и влияние h2 на сниппет

Основные требования к h2

• На странице желательно наличие 2-4 заголовков H2. Должны отражать суть дальнейшего текста.
• Наиболее частотный запрос — в заголовке H1, менее частотные — желательно в H2.
• Тег H2 не должны быть ссылкой, картинкой и т.д. Заголовок должен быть заголовком.

Условие 1. Ключевые слова в заголовках

Для этого у вас должно быть разработано качественное семантическое ядро – отнеситесь к нему крайне ответственно и помните, что один и тот же ключ вставлять на все страницы сайта нельзя. Релевантность всему голова: нужно соответствовать ожиданиям клиентов и поисковиков. В заголовках главной страницы можно брать среднечастотные и высокочастотные запросы. А на товарных страницах (карточка товара) вполне допустимы заголовки с низкочастотными ключами. Ключ должен вести на конкретную позицию или единицу, быть точным, а не обобщенным.

Размещая ключевые слова, делайте это аккуратно: не злоупотребляйте ключами и не составляйте спамные заголовки (например, купить квартиру Москва, купить сумка холодильник, купить мотоцикл Красноярск цена, моя твоя не понимать и т. д.). Сохраняйте красоту фразы и ее логичность. В великом и могучем русском языке слова спрягаются и склоняются, а роботы сейчас понимают смыл, разбираются в языке не хуже нас с вами! И не частите – спам очевиден всем, а так и до Баден-Бадена рукой подать, ну и не забывайте про Панду от Google.

Пример, где количество ключей зашкаливает, перебор.

Из главного заголовка понятно, о каком товаре пойдет речь. Конечно, в первом абзаце без ключа не обойтись, но делайте это ненавязчиво, а не так открыто и агрессивно.

Ну и надеюсь, что никому и никогда не придет в голову затолкать в заголовок все ключевые слова, предназначенные для одной страницы. Ничего хорошего явно не получится. =)

Помните, что текст создается не только для поисковых машин, но и для людей. И вообще роботам нравятся человечные, простые и понятные тексты. Если в заголовке ключевые слова органично встанут в начало предложения, то сработает чуточку лучше. Т.е. с точки зрения оптимизации страницы под ключевое слово «гостиницы Москвы» лучше отработает заголовок «Гостиницы Москвы – официальные сайты, обзоры, фото»,  чем «Обзоры, фото и официальные сайты гостиниц Москвы».

Подзаголовки в теле статьи (H2-H3)

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

В этих запросах наоборот нежелательно уже использовать основное ключевое слово, если оно было применено в Title и H1, но если мы применили в H1 синоним основного запроса, то его можно применять в том или ином виде и в этих заголовках. Приветствуется применение синонимов, особенно, если они не использовались в других местах.

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

К тому же, иногда содержание подзаголовков попадает в сниппет поисковой системы вместо Title. Иногда туда попадает и H1, но редко.

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

При оптимизации подзаголовком нужно придерживаться следующих принципов:

Также некоторые авторы грешат тем, что для многих статей используют одни и те же подзаголовки как шаблон, например, это популярно при описании лекарственных препаратов, кормов, так делать нежелательно, по возможности нужно разбавлять и уникализировать их.

H2 – означает подзаголовок второго уровня, а H3 – третьего (подподзаголовок)

При оформлении подзаголовков очень важно сохранять иерархию. То есть сначала идет H2 и только потом H3

Заголовков каждого уровня должно быть не менее 2-х.

Если по какой-то причине, автор сделал 1 подзаголовок, то его нужно либо убрать вовсе или добавить ему, как минимум, 1 пару.

Считается хорошим тоном, что на каждые 700 – 1000 знаков есть 1 подзаголовок. Подзаголовки H3 можно употреблять и чаще, если это требуется для структуризации текста.

Как написать привлекательный заголовок?

В первую очередь, нужно помнить, что этот текст вы пишете для людей, а не для поисковых систем. Старайтесь избегать сложных несогласованных конструкций или перечисления ключей. «Кухня под ключ — заказать онлайн, бесплатный замер» — плохой пример. Подойдет в лучшем случае для Title.

«Заказ кухни под ключ не выходя из дома» — вариант для H1. УТП можно добавить в H2: «Замерим бесплатно, изготовим за 30 дней».

Пишите как можно короче, выбирайте для заголовков высокочастотные запросы и добавляйте их целиком. Если хотите расширить семантику, прописывайте «хвосты» в H2-H6. Например, вместо «Как снять диск с болгарки» напишите «Как снять диск с болгарки без ключа». В любом случае, поисковые роботы почти не интересуются заголовками низших уровней, так что они вообще не обязаны содержать ключевые запросы.

Заголовки h1, h2,…h6 для WordPress

В WordPress нет никаких сложностей с созданием заголовка первого уровня, так как на страницу он выводится автоматически. Достаточно добавить основное название статьи и оно сразу отобразится в тегах <h1></h1>. Пример заголовка представлен на рисунке ниже.

Обратите внимание, что добавлять

в текст статьи не нужно, так как это приведет к дублированию тега. Что для SEO может иметь негативные последствия

Символьного ограничения данное поле в WordPress не имеет, поэтому придерживайтесь основных требований написания.

Заголовки второго, третьего, четвертого, пятого и шестого уровня — h2, h3, h4, h5 и h6 прописываются в теле статьи напрямую в HTML разметке или при помощи визуального редактора.

Оптимизация для избранных фрагментов.

Одно из важных мест, где теги заголовков оказывают положительное влияние на SEO — это избранные фрагменты.

ОПРЕДЕЛЕНИЕ: избранные фрагменты – это лаконичные прямые ответы на поисковые запросы пользователей. Они отображаются в верхнем блоке поисковой выдачи. Эта область называется нулевой позицией.

Для этого есть два возможных пути:

1. Оптимизируйте тег заголовка для ключевого слова голосового поиска с длинным хвостом, а затем ответьте на запрос, используя текст в тегах абзаца <p>.
2. Используйте последующие заголовки меньшего размера, чтобы выделить различные элементы списка. Google в основном использует эти заголовки для создания собственных маркированных и нумерованных списков с результатами фрагментов.

Что писать в h1

H1 — это заголовок для людей. Содержание должно отражать смысл и быть уникальным. Ключевыми словами лучше не злоупотреблять. Фраза должна быть составлена по правилам русского языка и быть читабельной.

Но самое главное в h1 — его привлекательность.

Он должен решать проблему пользователя

Вот пример неудачного заголовка:
«Можно ли избавиться от прыщей».

А вот удачный заголовок, который решает проблему пользователя:
«5 проверенных способов избавиться от прыщей. Мнения экспертов».

Он должен интриговать

Неудачный заголовок:
«Лучшее средство от прыщей».

Удачный:
«Раскрываем секрет самого эффективного средства от прыщей».

Он должен «бросать вызов»

Неудачный:
«Все ли вам известно об уходе за проблемной кожей лица».

Удачный:
«Вы уверены, что правильно ухаживаете за кожей, склонной к акне?».

Больше о маркетинговых уловках и цепляющих заголовках читайте здесь.

SEO оптимизация H1

1. Постарайтесь использовать ключевое слово в H1. Лучше вписывайте ключ в разных склонениях, например, ключ, ключу, ключом. Или используйте разбавленные вхождения в h1 и прямые (точные) в title. Например: точное — Title, разбавочное вхождение — h1. Достаточно одного вхождения ключевого слова в H1.
2. Так же и место расположения уже не так критично как в Title, ничего страшного если ключевое слово будет в самом конце.
3. Не забывайте, в первую очередь он должен побуждать посетителя к чтению.

Тег h1 или заголовок первого уровня

Тег H1 или как его еще называют заголовок h1 – это обычный заголовок первого уровня, самый важный, если его сравнивать с другими заголовками.

Этот тег  должен быть применен единожды на странице и прописан выше остальных заголовков. К тому же этот он должен иметь наибольший размер шрифта относительно других заголовков.

Html тег h1 является самым важным для пользователей, а также поисковых систем.

Значение заголовка h1 для продвижения

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

Однако в процессе осуществления оптимизации текста статьи поисковые системы воспринимают тег title важнее заголовка h1.

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

Релевантность страниц и хорошие показатели статистики посещений вашего веб-ресурса являются основой будущего доверия поисковиков к вашему ресурсу.

Сделайте теги заголовков интересными

Теги заголовков позволяют читателям легко просматривать страницы сайта. Однако в большинстве случаев пользователи не просматривают материал полностью.

Следовательно, вы должны использовать теги заголовков, которые интригуют и побуждают ваших посетителей остановиться и прочитать пост дальше и дальше.

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

Ключ в том, чтобы заинтересовать читателя содержанием вашей статьи и увеличить время пребывания на сайте. Следовательно, H1 и все остальные теги должны вызывать любопытство и заинтересовать вашего читателя.

Познакомьтесь с нашей новой публикацией, чтобы лучше понять, как это может помочь вашему сайту и бизнесу: Искусство сторителлинга | Как писать интересно на любую тему

Что такое H1 и Title

Для тех, кто незнаком с матчастью, объясним на пальцах.

H1 – это основной заголовок первого уровня статьи. Он размещается над текстом и отображает его суть

Заголовок привлекает внимание читателей к тексту, улучшает юзабилити

Для SEO-продвижения большее значение имеет Title. Он отображается в браузере сверху, а также в сниппете в поисковой выдаче. 

По факту тег является альтернативным, главным заголовком для HTML-страницы. При его отсутствии поисковики берут за основу H1

Уделив внимание Title, вы сможете только за счёт этого вывести страницу в ТОП по низкочастотным, неконкурентным запросам. С его помощью можно улучшить ранжирование, получить кликабельный сниппет

Как это сделать – вы узнаете из сегодняшней статьи.

Это интересно: Что такое метатеги и как их правильно заполнить

Основные правила написания заголовка H1

Длина заголовка H1

Рекомендуем использовать текст из 10-60 символов с обязательным вхождением основного ключа страницы. У некоторых CMS существуют специальные плагины, анализирующие контент страницы, с их помощью можно контролировать длину заголовков.

Отличия H1 и Title

Важно запомнить, что это разные мета-теги с разными задачами и очень желательно, чтобы они не дублировались. Лучше всего использовать одни и те же ключи, но можно менять окончания

Тем не менее, если вы разместите в двух тегах один и тот же текст, страница не будет пессимизирована.

Важно! Для формирования быстрых ссылок в сниппете стоит сделать H1 и Title одинаковыми, содержащими одно-два слова

Содержание H1

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

H1 в иерархии заголовков

H1 может быть только один и должен размещаться выше остальных заголовков. В некоторых случаях H2-H6 можно не ставить, но H1 прописывать обязательно. Текст заголовка должен быть уникален как для отдельной страницы, так и для всего сайта.

Не переусердствуйте с остальными заголовками. Как правило, достаточно разбить текст до уровня H3. Слишком большое количество заголовков запутает пользователя и оттолкнет.

В некоторых случаях, например, в лонгридах, можно поставить несколько H1, но лучше этого избегать.

Ссылки в H1

В заголовке первого уровня не должно быть ссылок. Дело в том, что поисковая система считает не то, что видит пользователь, а код сайта. И все знаки, необходимые для добавления ссылки в текст через HTML, может принять за содержимое заголовка. Допустимо ставить ссылки в заголовки H2-H6, если это оправдано и полезно для внутренней перелинковки. Также нежелательно в <h1> вкладывать стили.

3. Практики использования тегов заголовков.

Зная «что» и «почему» тегов заголовка, давайте теперь посмотрим на «как».До сих пор решили, что поисковые системы облегчают людям поиск нужного контента в Интернете. Это означает, что для того, чтобы иметь высокий рейтинг SEO, не можете позволить себе не оптимизировать HTMLтеги заголовков.Вот некоторые из лучших практик SEO для создания эффективных заголовков в контенте.

№1. Сосредоточьтесь на теге <h1>

Сразу же хочу сказать, что даже если получаете органическое ранжирование без использования H-тегов, это упущенная выгода которая приведет к тому, что не будет полного профиля SEO.Теперь, поскольку тег заголовка <h1> предназначен для четкого описания содержимого, присутствующего на странице, должен быть:

• Напрямую связаны с этим
• Написано кратко, естественно и органично;
• Уникальный по всему сайту
• Поместите внешние изображения, потому что поисковым системам трудно понять
• Используется один раз на страницу, хотя Джон Мюллер утверждает, что НЕТ НИКАКОГО ЛИМИТА

Хотя наличие более одного тега <h1> официально не проблема, Google может реализовать этот сценарий двумя способами. Поисковый гигант либо даст:

• Равный вес каждому тегу <h1> на странице, что приводит к общему уменьшению значению заголовков.

Учтите, что HTML5 разрешает страницам иметь более одного тега заголовка <h1>, но интернет-браузеры решили не принимать эту рекомендацию, и поэтому поддержка была прекращена — совет использовать один <h1> тег на странице, для целей SEO.Кроме того, часто, создатели контента просто повторяют тег заголовка там, где должен быть тег <h1>, что выглядит как упущенный шанс.Итак, убедитесь, что в статье оба из них на месте, и совершенно разные, так как цель тега заголовка состоит в том, чтобы побудить людей переходить на страницу с помощью SERP, а тег <h1> выступает в качестве основного заголовка для страницы, когда читатель попадает на него.

№2. Правильное использование тегов <h2> — <h6>

Использование тегов заголовка <h2> — <h6> зависит исключительно от сложности содержимого.

Обычно используются теги <h2> и <h3>, а тег <h4> используется редко, не говоря уже о тегах <h5> и <h6>. Конечно, присутствует смысл использовать в длинных текстах со сложной структурой, таких как технические и юридические документы, но последние часто преобразуются в файлы PDF и не используются на страницах HTML.В любом случае, вот лучшие рекомендации для правильного использования тегов заголовка <h2> — <h6>:

• Используйте столько тегов заголовка <h2>, сколько нужно, чтобы пометить различные разделы содержимого страницы. Обычно каждые 200-500 слов есть тег <h2>, чтобы текст мог дышать
• Держите актуальными для темы и естественными
• Не сосредотачивайте весь смысл текста в тегах заголовка, но используйте, чтобы вызвать интерес читателя, поэтому старайтесь сделать достаточно любопытным, чтобы заставить прочитать следующий раздел контента
• Поддерживайте иерархию заголовков и не пропускайте уровни
• Не используйте CSS, чтобы выделить заголовки
• Обновляйте теги H при обновлении контента, чтобы поисковые системы могли заметить изменения 

Однако хочу подчеркнуть, что, хотя теги заголовков <h2> — <h6> отлично подходят для организации длинного контента, такого как оглавление, тематические исследования и электронные книги, в том числе ключевые слова в них не являются абсолютным приоритетом — и вот почему.В результате ценность страницы для интернет-пользователей теперь измеряется не только используемыми ключевыми словами (заполнение ключевыми словами никогда не было хорошей вещью). Вместо этого рассматривается целый ряд различных элементов на странице, таких как ключевые слова, заголовки, изображения и структура. Кроме того, Google также рассматривает синонимы, контекстные определения и использование языка.В целом, можем сказать, что рейтинг страницы в поисковой выдаче в настоящее время в значительной степени зависит от сочетания релевантности, качества, структуры и удобства работы с контентом. Хорошей новостью является то, что это позволяет создателям контента создавать естественные, органические тексты, которые не перегружены стремлением к вставке ключевых слов, где это возможно.

Параметры CSS по умолчанию

В большинстве обозревателей элемент <h1> будет отображаться со следующими значениями по умолчанию:

Пример

h1 {     display: block;    font-size: 2em;    margin-top: 0.67em;    margin-bottom: 0.67em;    margin-left: 0;    margin-right: 0;    font-weight: bold;}

В большинстве обозревателей элемент <h2> будет отображаться со следующими значениями по умолчанию:

Пример

h2 {    display: block;    font-size: 1.5em;    margin-top: 0.83em;    margin-bottom: 0.83em;    margin-left: 0;    margin-right: 0;    font-weight: bold;}

В большинстве обозревателей элемент <h3> будет отображаться со следующими значениями по умолчанию:

Пример

h3 {     display: block;    font-size: 1.17em;    margin-top: 1em;    margin-bottom: 1em;    margin-left: 0;    margin-right: 0;    font-weight: bold;}

В большинстве обозревателей элемент <h4> будет отображаться со следующими значениями по умолчанию:

Пример

h4 {     display: block;    font-size:
1em;    margin-top: 1.33em;    margin-bottom: 1.33em;    margin-left: 0;    margin-right: 0;    font-weight: bold;}

В большинстве обозревателей элемент <h5> будет отображаться со следующими значениями по умолчанию:

Пример

h5 {     display: block;    font-size: .83em;    margin-top: 1.67em;    margin-bottom: 1.67em;    margin-left: 0;    margin-right: 0;    font-weight: bold;}

В большинстве обозревателей элемент <h6> будет отображаться со следующими значениями по умолчанию:

Пример

h6 {     display: block;    font-size: .67em;    margin-top: 2.33em;    margin-bottom: 2.33em;    margin-left: 0;    margin-right: 0;    font-weight: bold;}

❮Назад
Полный HTML Ссылки
Дальше ❯

Правильно прописываем h2…h6

Для заголовков h2…h6 требования немного мягче. Для них справедливо все указанное , но при этом:

1. Тегов одного уровня на странице может быть несколько; (К примеру, можно иметь 3 тега h2 в одном документе)

2. Они должны описывать только тот блок, который озаглавливают;

3. Могут иметь длину до 80 символов;

4. Содержание технических параметров, аббревиатур и сокращений допускается; (Допускается, но не приветствуется)

5. Должны содержать в себе менее частотные ключевые слова; (В сравнении с тегом h1)

Ошибки при написании тегов h2, h3, h4, h5 и h6 очень схожи с теми, что допускают при создании h1

Поэтому, мы не будем уделять им внимание

Метатег Title

Метатег Title – находится в верхней части браузера и чаще всего появляется в выдаче поисковой системы (в снипете).

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

Но обычно статьи оптимизируются не только под 1 ключевое слово, их может быть 3, 5, 10, 15 и даже 50 и 100, но чем частотнее запрос (чем чаще его запрашивают в поисковой системе), тем он ценнее для сайта, а самое популярное ключевое слово является основным.

Крайне нежелательно, использование тавтологий внутри Title, приветствуется использование синонимов, для охвата большего количества поисковых запросов.

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

Выше была описана только 1 стратегия составления заголовков Title. Кроме этого там может содержаться вопрос и пояснение. Это в тех случаях, если в списке ключевых слов содержаться частотные запросы с вопросами.

Но не всегда так, нужно смотреть на выдачу, и если по запросу с вопросам на верхних строчках находятся сайты без содержания вопроса, то Title лучше составлять без вопроса.

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

Обычно в Title включают прямое вхождение, но нужно смотреть выдачу поисковой системы и исходя из него корректировать стратегию. Также для большей привлекательности можно использовать знаки такие знаки препинания, как длинное тире (не используйте вместо этого короткое тире), двоеточие. Точку в конце предложения не ставим, другие знаки препинания в частности знак вопроса допускается.

Как вставить тег H1 в популярных CMS?

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

WordPress

В WordPress заголовок первого уровня формируется из текстового поля над постоянной ссылкой записи или страницы. Любую CMS можно кастомизировать на свой вкус. В случае отключения основного заголовка, есть возможность вывода H1 с помощью визуального редактора — выпадающий список со словом «Абзац».

Bitrix

В панели управления заголовок H1 по-умолчанию формируется во вкладке «Раздел» или «Элемент» в поле «Название». Либо во вкладке SEO в поле «Заголовок раздела», предварительно установив галочку «Изменить для этого раздела и его подразделов».

Joomla

В Joomla аналогично другим системам заголовок H1 формируется очень просто. Текстовое поле Title, либо выпадающий список «Paragraph».

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

Если вы нашли неточности, либо у вас есть замечания к статье, пожалуйста, пишите в комментарии.

HTML Reference

HTML by AlphabetHTML by CategoryHTML Browser SupportHTML AttributesHTML Global AttributesHTML EventsHTML ColorsHTML CanvasHTML Audio/VideoHTML Character SetsHTML DoctypesHTML URL EncodeHTML Language CodesHTML Country CodesHTTP MessagesHTTP MethodsPX to EM ConverterKeyboard Shortcuts

HTML Tags

<!—>
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<data>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> — <h6>
<head>
<header>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<legend>
<li>
<link>
<main>
<map>
<mark>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<picture>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<svg>
<table>
<tbody>
<td>
<template>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>

The декларация

HTML документ должен содержать объявление <!DOCTYPE> на самой первой строчке. Объявление <!DOCTYPE> это — инструкция для веб-браузера о том, на какой версии HTML написана страница. Это непарный тег, то есть у него нет закрывающего тега. Текущая версия HTML 5 использует следующую декларацию:

<!DOCTYPE html>

Cуществует несколько видов DOCTYPE. Есть строгие виды (strict), которые работают на основе только определенных тегов, есть переходные (transitional), которые допускают возможность включения дополнительных тегов, есть такие, которые работают с фреймами (frameset).

В HTML 4.01 doctype ссылается на Document Type Definition (DTD описывает схему документа для конкретного языка разметки посредством набора объявлений), который основан на SGML. Есть 3 разных типа doctype в версии HTML 4.01.

HTML 4.01 Strict

Этот DTD содержит все элементы HTML и аттрибуты, но ИСКЛЮЧАЕТ устаревшие или стилевые элементы (например, тег font). Также в strict не допускается использование frameset (фреймов).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

Этот DTD содержит все HTML элементы и аттрибуты, ВКЛЮЧАЯ стилевые и устаревшие элементы. Frameset (фреймы) не допускаются.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

Этот DTD тоже содержит все HTML элементы и аттрибуты, ВКЛЮЧАЯ стилевые и устаревшие элементы. В отличие от HTML 4.01 Transitional, но он допускает использование frameset (фреймов).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

В версии HTML5 есть только один doctype и определяется он следующим образом:

<!DOCTYPE html>

Правила DOCTYPE HTML5 являются универсальными, включают в себя правила предыдущей версии, а также возможность работы с HTML 4 тегами и в какой-то степени с XHTML, и объединяют в себе возможности всех своих предшественников, адаптируя их для работы в новых браузерах.

По сравнению с прежними своими собратьями, DOCTYPE HTML5 не основан на SGML (стандартном обобщённом языке разметки), поэтому там нет тех данных, которые указывались до этого, а следовательно — в нем присутствует только короткая команда. И дальше уже идет сам документ.

При отсутствии тега <!DOCTYPE> разные Web-браузеры мо
гут по-разному отображать веб-страницу.

Весь текст HTML-документа расположен между тегами <html> и </html>. HTML-документ состоит из двух разделов — заголовка (между тегами <head> и </head> ) и содержательной части (между тегами <body> и </body> ).

Заголовки h1, h2,…h6 для Joomla!

Так же, как и в WordPress, в Joomla! заголовок выводится из названия статьи. Данное поле не имеет ограничений по количеству символов, поэтому ориентируйтесь на допустимые размеры заголовков.

Создавая первую статью, обязательно проверьте, корректно ли выводится заголовок и расположен ли он в тегах <h1></h1>. При определенных настройках заголовок может не отображаться.

Принцип создания вложенных заголовков при помощи тегов h2, h3, h4, h5 и h6 схож с . Их так же можно добавить через редактор HTML кода или с помощью визуального оформления.

(Вид редактора может отличаться в зависимости от версии Joomla! или установленных модулей и настроек.)