Что такое заголовок h1 h2 h3 пример. Заголовки html (теги h1-h6), html форматирование текста (теги strong, b, em, i, blockquote, pre)

Многие новички и не только, не знают что такое теги h1, h2, h3 – h10, зачем и для чего они нужны сайту, как и где их можно правильно и грамотно прописать в статье, чтобы поднять посещаемость сайта, популярность и доходы. Конечно, это не самый важный фактор и показатель для продвижения сайта в поисковых системах, но он нужен сайту также для красивого дизайна и привлекательности. Вы ведь создаете свой сайт не только для поисковиков, но и для посетителей, которые приходят на ваш сайт, чтобы найти нужную и полезную им информацию.

Поэтому сегодня в статье вы сможете узнать, что такое тег h1, h2, h3 , h4, h5, h6, h7, h8, h9, h10, как и где его прописать в статье , зачем и на что он влияет. На самом же деле все просто, достаточно 1-2 раза прочитать статью, чтобы разобраться в основах данных тегов в статье и на сайте чтобы увеличить посещаемость и красоту дизайна для посетителей сайта.

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

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

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

Но еще для продвижения у нас есть тег h3 , о котором часто забывают и не придают значение. Именно h3, позволяет сайту подняться и по другим запросам. У многих на сайте есть ошибка, так как тег h3 у них прописан как заголовки рубрик, комментариев, новых публикаций и так далее. Нужно зайти в редактор сайта и найти все файлы: (index.php, page.php, single.php) и отредактировать теги h1, h2, h3, так как вы хотите.

И так вы уже поняли, что такое теги h1, h2, h3 , h4, h5, h6, h7, h8, h9, h10, которые влияют на поисковую выдачу и на количество посетителей вашего сайта. Доказано что они нужны для продвижения сайта и определенных статей. Большинство используют только теги: h1, h2 и h3. Но, к примеру h4 и h5 можно использовать как подзаголовки в самой статье или в сайт баре названии рубрик, заголовков, комментариев и так далее.

Под каким заголовком находиться то или иное слово можно узнать, зайдя в исходный код сайта или страницы: Ctrl + U. Дальше нажмите Ctrl + F и введите в строке поиска нужный тег или слово, например: h1 и вы увидите какой заголовок находиться под данным тегом.

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

Должны ли H1 и TITLE совпадать или нужно их делать разными? Давний вопрос, который обязательно возникает на каждой встрече, где есть сеошники. Откуда он появился сказать сложно. Возможно, из несоответствия рекомендаций поисковых систем и примеров в ТОП10.

Доводы за разные теги тайтла и H1: мол, поисковик “подумает”, что мы хотим усилить двойным употреблением значение ключевого слова, за что обязательно накажет 🙂
Доводы за одинаковые теги: цитата в помощи Яндекса для вебмастеров.

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

Как же на самом деле, делать их одинаковыми или разными? По большому счету - без разницы. Но стоит учесть несколько моментов.

— H1 и TITLE должны пересекаться

Если тайтл об одном, а H1 о другом, то поиску сложней определить, каким именно ключевым словам релевантна страница, да и пользователи будут в затруднении. Также эти участки кода помогают поисковикам формировать специальные элементы в сниппете, типа хлебных крошек или быстрых ссылок. Другими словами, не нужно делать TITLE и H1 совсем разными. Посмотрим несколько примеров (просто в качестве демонстрации, без предварительного анализа семантики).

Сайт представляет из себя салон итальянской мебели в Москве. Основные ключевые запросы: салон итальянской мебели, итальянская мебель…
TITLE : Салон итальянской мебели в Москве. Купить мебель из Италии | Название-Салона

H1: Добро пожаловать
Неоптимальный вариант, так как в H1 вообще нет продвигаемых ключевых слов. Приветствие можно написать в тексте.

H1: Эксклюзивная мебель из Италии
Уже получше, так как теги пересекаются по ключу “мебель из италии”. Но его может не быть в приоритетных запросах.

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

Как видим, здесь нет смысла делать полностью одинаковыми H1 и TITLE , но они должны все же пересекаться.

— H1 и TITLE виден пользователями на разных этапах взаимодействия с сайтом

TITLE пользователь чаще видит еще до перехода на сайт. H1 видит уже тогда, когда находится на странице. В связи с этим, H1 лучше делать коротким и максимально описывающим суть посадочной страницы, многое зависит от её предназначения. Что касается TITLE , помимо содержания ключевых слов, он должен мотивировать пользователя на клик (переход). В противном случае можно оптимизировать текстовую релевантность, но не оптимизировать конверсию в клики и, соответственно, получать не весь трафик.

Например, раздел радиоуправляемых вертолетов на сайте.
H1: Радиоуправляемые вертолеты (логично)
TITLE : Купить радиоуправляемые вертолеты с доставкой по Москве

Здесь слово “купить” призывает к действию, а “доставка по Москве” снимает ряд вопросов перед кликом.

Информационная тема: как плести браслеты из резинок
H1: Как плести браслеты из резиночек на станке
TITLE : Браслеты из резиночек: пошаговые инструкции и схемы плетения с фото и видео

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

— TITLE подтягивается в соцсети

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

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

— TITLE может содержать дополнительные ключевые фразы

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

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

H1: Инструкция по монтажу гибкой битумной черепицы
TITLE : Монтаж гибкой черепицы, технология укладки. Цена, видео

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

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

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

Итак, начнем с азов - .

Мета тег H1: пример оформления и основная информация

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

Таким образом, тег

является самым важным заголовком первого уровня, а тег

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

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

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

Заголовок первого уровня

Использование ключа в теге: оптимизация тега H1

Мета теги h1 -h6 обязательно следует использовать по назначению, неукоснительно соблюдая иерархию.

Дело в том, что поисковые роботы очень трепетно относятся к заголовкам и тому, что в них содержится. Важность и степень внимания поисковика определяются уровнем заголовка (понижается от h1 до h6). Поэтому мы настоятельно рекомендуем использовать ключ в теге h1 и фразы в тексте заголовков.

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

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

Следует избегать хаотичного использования заголовков разных уровней и размещать их «как повезет». Поисковику (да, и пользователям) это вряд ли понравится.

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

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

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

И пожалуйста, перестаньте использовать теги выделения (strong, em, b, i) в оформлении ваших заголовков. Cодержание тегов заголовков имеет большее влияние на релевантность страницы по сравнению тегами выделения.

По мнению большинства сеошников (и мы к ним присоединяемся) содержание текста внутри тегов strong (жирненький текст) по степени значимости приблизительно соответствует содержанию заголовка уровня h5. А это так себе уровень.

Использование ключа в теге h1 обязательно! Лучше всего, если это будет основная ключевая фраза (ключевики, которые входят вовсе другие ключевики в семантике на данную страницу).

Текстовое содержание заголовка должно отличаться от тега title.

Как проверить тег h1 на странице

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

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

Ctrl + Shift + C или F12
Горячие клавиши, которые помогут вам открыть код страницы.

Можно ли не использовать тег h1 и другие подзаголовки?

Этот вопрос я несколько раз встречала в сети и хочу дать на него развернутый ответ. А поможет мне в этом крутой SEO специалист нашей студии Олег Васильев.

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

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

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

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

Заголовок h1 помогает пользователю понять общий смысл содержания страницы. Как правило, текст на странице имеет вполне конкретную смысловую единицу, она одна, поэтому и главный заголовок должен быть один. Далее контент, если структура предполагает, можно разбить на небольшие смысловые блоки, и каждый блок будет иметь свой подзаголовок. Очень важно соблюдать вложенность, то есть после после H1 необходимо использовать H2, а после H2 используется H3. Все вполне логично.

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

А теперь вернемся к вопросу:

Можно ли не использовать тег h1 и другие подзаголовки?
Ответ очевиден: Можно, если вам не особо важно продвижение вашего сайта в сети.

В данной статье рассмотрим особенности правильной расстановки тегов h1, h2…h6 (h сокращение от англ. слова heading – заголовок) и их влияние на оптимизацию сайта в целом. Если теги расставлены неверно, поисковым системам трудно получать информацию о размещенных на вашем сайте статьях и ключевых словах, которые они содержат. Теги дают возможность выделить заголовки и сделать Вашу статью более удобной для прочтения. Кроме того они обеспечивают преимущества вашего сайта в системе ранжирования, упорядочивая html код страницы.

Как определить, что Ваш сайт находится под фильтрами Google? Подробнее .

Заголовок Вашего сайта обозначает тег h1 . Он дает возможность понять поисковой системе название онлайн-ресурса. Например, сайт об аренде серверов. В главном названии будет выводиться именно данное название при поиске в системе. Не стоит путать h1 с тегом (заголовком страницы), ведь <title> пишется в шапке страницы между <head></head>, в то время, когда h1-h6 указывают в «теле» страницы и заключают между тегов <body></body>. </p> <p><b><i>Как правильно составить главный заголовок h1? </i> </b></p> <ul><li><span>обязательное использование ключевых слов для продвижения; </span></li> <li><span>h1 используют один раз на одной странице, если размещать больше ПС может воспринять данный факт как переоптимизацию; </span></li> <li><span>будет достаточно нескольких слов, не нужно помещать в данный тег все ключевики страницы; </span></li> <li><span>заголовок должен быть читабельным; </span></li> <li><span>мета тег h1 должен содержать только текст; </span></li> <li><span>h1 должен отвечать тематике, которая указана в title данной страницы; </span></li> <li><span>не перечисляйте ключевые фразы через запятую, это усугубляет релевантность; </span></li> <li><span>делайте заголовок уникальным и тематическим, не делайте его копией Title; </span></li> <li><span>каждая страница должна содержать уникальные h1-h6, пытайтесь как можно качественней избегать любых повторений. </span></li> </ul><p>Для более качественного и профессионального продвижения вам понадобится аудит сайта. Как сделать самостоятельный аудит своего сайта? Об этом подробнее в .</p> <p><b><i>Тег h2 </i> </b><span>в зависимости от размера и содержимого страницы сайта можно использовать пару раз и он показывает подзаголовок h1. Значение данного тега несколько меньше чем h1, но его часто используют в качестве описания страницы. Тег h2 используют в качестве заголовка второго уровня, ним выделяют подзаголовки на страницы сайта. Но стоит отметить, что иногда специалисты по продвижению настоятельно рекомендуют использовать только один тег h2 </p> <p><b><i>Тег h3 </i> </b><span> также помогает сайту подняться по запросам в поисковой системе. В большинстве случаев его используют непосредственно в статье в качестве подзаголовков (3-5 штук в статье). Он придает значения ключевым словам. </p> <p><b><i>Теги h4, h5, h6 </i> </b><span> не имеют весомого значения и влияния. На практике они вовсе редко используются. Текст, который оформлен данными тегами, будет ранжируваться где-то чуть ниже, чем текст, который выделен жирным шрифтом (тегом strong). Данные теги предназначены для мелких элементов на странице. Их обычно отделяют от остального текста. По сравнению с h1 их можно размещать на странице по несколько раз. </p> <p><b><i>Правила написания текста заголовков h1,h2,h3,…,h6 </i> </b></p> <p>Из чего должны состоять заголовки h1-h6: </p> <ol><li><span>прямое вхождение ключевого слова в заголовке, которое повысит релевантный запрос в поисковой выдачи; </span></li> <li><span>уникальный заголовок по отношению других страниц сайта, так как одинаковые заголовки могут не учитываться ПС; </span></li> <li><span>если заголовок находится близко к html-коду, то его значение относительно других элементов страницы значительно увеличивается; </span></li> <li><span>ключевое слово должно быть как можно ближе к началу заголовка; </span></li> <li><span>длина заголовка не должна превышать 60 символов, так как длинный заголовок не будет воспринят поисковиком; </span></li> <li><span>исключить из заголовка грамматические ошибки; </span></li> <li><span>заголовки проверяются на переоптимизацию, поэтому не стоит помещать как можно больше ключевых слов в один заголовок. </span></li> </ol><p><b><i>Что писать и как правильно заполнять. Практические советы. </i> </b></p> <p>Успешность оптимизации сайта во многом зависит от того, как прописаны теги. Поэтому следует придерживаться следующих правил написания тегов: </p> <ul><li><span>соблюдать иерархию тегов, то есть h1 должен быть выше остальных, другие заголовки по порядку уровней; </span></li> <li><span>чем больше уровень тем должен быть больше шрифт заголовка, то есть придерживаться градации шрифтов; </span></li> <li><span>отказаться от всего лишнего и ненужного в заголовках – акцентирующих тегов и ссылок, только текст; </span></li> <li><span>не нужно злоупотреблять h1,h2,h3,…,h6. Огромное количество важных элементов на странице воспринимается поисковыми роботами как переспам. </span></li> <li><span>в качестве заголовка может быть даже картинка, например, с логотипом, которую соответствующим образом оптимизируют. </span></li> </ul><p>Важно отметить, что наличие на страницы сайта всех уровней заголовков не обязательное условие. В большинстве случаев вполне достаточно h1, h2, h3, а применение остальных может и навредить, если ними выделять и вовсе неважные элементы текста страницы. </p> <p>Надеемся наши советы помогли Вам разобраться с особенностями тегов h1, h2, h3,…, h6 и в их роли в правильном структурировании контента на сайте. Если возникнут дополнительные вопросы, обращайтесь! Также рекомендуем статью ““. </p> <p>Чтобы ваш сайт не выглядел спамным в глазах поисковой системы, придерживайтесь нескольких , которые касаются написания тегов и не только. </p> <p>СЕО не работает? В чем может скрываться причина. Об этом в следующей на нашем блоге.<br></p> <p>Компания <b><i>Hyper Host™ </i> </b> – только и . </p> <p>22022 раз(а) <span>4 Сегодня просмотрено раз(а) </p> 02.12.15 44.1K <p>Зачастую начинающих веб-мастеров мучает вопрос, почему одни сайты ранжируются выше и обходят конкурентов в поисковой выдаче. Причиной этого могут быть неправильно расставленные теги h1 , h2 …h6 . Если эти теги расставлены неверно, без учета специфики ресурса, то поисковикам сложнее получить точную информацию о статьях и содержащихся в ней ключевых словах.</p> <p>Теги h1 —h6 позволяют выделить заголовки различных уровней. Они дают понять, какие части текста более точно отражают тему статьи и обеспечивают преимущества в ранжировании.</p> <p>Грамотная расстановка тегов позволяет поисковым системам более точно отображать станицу по запросам в выдаче, что благоприятно сказывается на позиции ресурса:</p> <h2>Зачем нужны теги h1-h6?</h2> <p>В теги заключается название сайта, заголовки и подзаголовки текста:</p> <p><img src='https://i0.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/v-tegi-zakljuchaetsja-030724.png' width="100%" loading=lazy></p><br> В HTML теги заголовков обозначаются h от английского «header », что в переводе означает «<span>заголовок, шапка </span>». Вот пример того, как это выглядит: <p><h1> Заголовок</h1></p> <p>Расстановка тегов заголовков должна производиться на каждой странице ресурса. При этом важность заголовка будет зависть от его цифры, чем она меньше, тем заголовок важнее:</p> <p><h1></h1> - наиболее важные теги <h2></h2> - менее значимые теги... <h6></h6> - последние по важности теги</p> <p>Однако относиться к их расстановке следует с осторожностью. Неправильное использование может привести к тому, что ваш ресурс попадет под санкции поисковых систем.</p> <h3>Синтаксис тегов h1-h6</h3> <p><h1>Название текста</h1> <h2>Подзаголовок 1</h2> ... <h2>Подзаголовок 2</h2> <h3>Подзаголовок 3.1</h3> ... <h3>Подзаголовок 3_2</h3> <h2>Подзаголовок 3</h2></p> <p><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/sintaksis-tegov-030725.png' width="100%" loading=lazy></p><br> Наибольшей популярностью пользуются теги h1 h2 h3 . <h3>Как правильно использовать тег h1?</h3> <p>Игнорируя тег h1 , веб-мастера, лишают себя такого важного преимущества, как оптимизация контента. На движках он часто прописывается автоматически, однако не всегда, и данный факт следует учитывать.</p> <p>HTML тег h1 – самый значимый в своем роде. В него заключают название сайта и заголовок статьи. Однако не стоит его путать с тегом <title> (<span>заголовком страницы </span>). Title отражается в браузере вверху экрана с левой стороны в тот момент, когда открыта страница ресурса. Title прописывается в шапке страницы между <head></head>, в то время, когда h1 —h6 указываются в самом «теле » страницы и заключаются в теги <body></body>.</p> <p>На странице может присутствовать только один h1 тег. Если указать несколько заголовков с тегом h1 , поисковики могут расценить это как переспам, что в свою очередь грозит баном:</p> <p><img src='https://i1.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/kak-pravilno-ispolzovat-030726.jpg' width="100%" loading=lazy></p><br> Правила составления главного заголовка h1 : <ul><li>В теге должны использоваться ключевые слова, применяемые для продвижения страницы;</li> <li>Не стоит делать заголовок h1 слишком объемным, вполне достаточно нескольких слов;</li> <li>Текст заголовка должен быть читабельным;</li> <li>Мета тег h1 не должен содержать ничего кроме самого текста. Если желаете его выделить, поставьте коды за пределами тега;</li> <li>Перед тем, как вручную прописывать h1 , убедитесь, что движок не задает его автоматически;</li> <li>Содержание h1 должно соответствовать тематике, указанной в title страницы;</li> <li>При составлении h1 обязательно используйте ключевую фразу, по которой продвигается страница;</li> <li>Содержание заголовка должно быть уникальным, емким и тематичным. Не стоит делать h1 полной копией тега Title . Важно, чтобы на каждой странице ресурса были прописаны уникальные h1 —h6 , поэтому избегайте повторений;</li> <li>Нельзя перечислять в заголовке ключевые фразы через запятую. Содержание h1 должно быть понятно не только поисковикам, но и посетителям ресурса.</li> </ul><p><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/pravila-sostavlenija-glav-030726.jpg' width="100%" loading=lazy></p> <h3>Как правильно использовать теги h2-h6?</h3> <p>Кроме h1 для расстановки заголовков, которые идентифицируются поисковыми системами, используются теги h2 , h3 , h4 , h5 , h6 и т.д.</p> <h4>Тег h2</h4> <p>Как правило, используется для заголовков постов в ленте, размещенной на <a href="/kak-ubrat-lishnee-s-ekrana-udalenie-stranic-glavnogo-ekrana.html">главной странице</a> или для подзаголовков в статье.</p> <h4>Теги h3, h4</h4> <p>Зачастую с их помощью выделяют названия подзаголовков, рубрик и виджетов в sidebar .</p> <h4>Теги h5, h6</h4> <p>Предназначены для еще более мелких элементов страниц, которые следует отделить от остального текста.</p> <p>Расстановка заголовков h1 — h6 в <a href="/kak-otkryt-ekrannuyu-klaviaturu-na-windows-vklyuchenie-ekrannoi.html">разных версиях</a> движков может быть реализована по-разному.</p> <p>Правила расстановки h2 —h6 :</p> <ul><li>Структура заголовков. Должна быть соблюдена иерархия заголовков;</li> <li>Размер шрифта. Чем ниже уровень заголовка, тем <a href="/kak-ubrat-melkii-shrift-v-yandekse-veb-soderzhimoe-v-yandeks-brauzere.html">мельче шрифт</a>. Редактирование шрифтов производится в стилях. Но, как правило, шрифты имеют <a href="/vybiraem-pravilnyi-razmer-apple-watch-chem-otlichayutsya-modeli-apple-watch.html">правильные размеры</a> по умолчанию;</li> <li>Не допускается применение тегов заголовков вместе с другими тегами акцентирования. В заголовках рекомендуется использовать ключевые слова, по которым данная станица будет продвигаться в поиске;</li> <li>В отличие от h1 , теги h2 —h6 могут быть прописаны на странице несколько раз.</li> </ul><p><body> <h1>Я главный в иерархии заголовков</h1> <h2>Мои дети</h2> <h3>Мои внуки</h3> <h3>Мои внуки</h3> <h3>Мои внуки</h3> <h2>Мои дети</h2> <h3>Мои внуки</h3> <h3>Мои внуки</h3> <h3>Мои внуки</h3> <h4>Мои правнуки</h4> <h4>Мои правнуки</h4> <h4>Мои правнуки</h4> </body></p> <ul><li>Не должно быть никакого спама;</li> <li>Составление текста h1 — h6 должно производиться с использованием синонимов и учетом правил морфологии;</li> <li>Основные ключевые запросы лучше разместить ближе к началу заголовка;</li> <li>Ключевые фразы, прописанные в заголовках, должны встречаться в тексте страницы;</li> <li>Теги h1 — h6 должны быть краткими, емкими и информативными:</li> </ul> <script type="text/javascript">  </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+""+screen.height+""+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> <nav class="gridlove-prev-next-nav"> <div class="gridlove-prev-link"> <a href="/kak-udalit-polnostyu-google-chrome-s-kompyutera-kak-polnostyu-udalit.html"> <span class="gridlove-pn-ico"><i class="fa fa fa-chevron-left"></i></span> <span class="gridlove-pn-link">Как полностью удалить Google Chrome с компьютера Как удалить гугл хром и установить новый</span> </a>  </div> <div class="gridlove-next-link"> <a href="/kak-udalit-nenuzhnye-faily-s-diska-s-kak-udalyat-faily-s-diska-dvd-rw-instrukciya.html"> <span class="gridlove-pn-ico"><i class="fa fa fa-chevron-right"></i></span> <span class="gridlove-pn-link">Как удалять файлы с диска DVD-RW: инструкция Удалить файлы с cd диска</span> </a>  </div> </nav> </div> </article> <div id="post-ratings-759-loading" class="post-ratings-loading"> <img src="https://sonyps4.ru/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" class="post-ratings-image" / loading=lazy> Загрузка...</div> <div class="gridlove-related"> <div class="gridlove-module"> <div class="module-header"><div class="module-title"><h4 class="h2">Возможно вам будет интересно:</h2></div></div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12"> <article class="gridlove-post gridlove-post-b gridlove-box post-994478 post type-post status-publish format-standard has-post-thumbnail hentry category-sistema"> <div class="entry-image"> <a href="/sohranyaem-gotovoe-video-v-sony-vegas-bazovye-elementy-montazha-v-vegas-pro.html" title="Базовые элементы монтажа в Vegas Pro Вставка шаблонных титров"><img width="385" height="300" src="/uploads/9237b97746654f28a3eee980bc48ad42.jpg" class="attachment-gridlove-b8 size-gridlove-b8 wp-post-image" alt="Базовые элементы монтажа в Vegas Pro Вставка шаблонных титров" / loading=lazy></a> </div> <div class="box-inner-ptbr box-col-b entry-sm-overlay"> <div class="box-inner-ellipsis"> <div class="entry-category"> <a href="/category/question/" class="gridlove-cat gridlove-cat-28">Вопрос</a> </div> <h2 class="entry-title h3"><a href="/sohranyaem-gotovoe-video-v-sony-vegas-bazovye-elementy-montazha-v-vegas-pro.html">Базовые элементы монтажа в Vegas Pro Вставка шаблонных титров</a></h2> <div class="entry-content"> <p>Всем привет! Сегодня мы перейдем с вами к видеомонтажу. И первым делом мне хотелось бы дать вам подробную инструкцию, как пользоваться сони вегас про 13, даже если вы начинающий пользователь. На сегодняшний день эта программа является одной из лучших. Ко</p> </div> </div> <div class="entry-meta"> <div class="meta-item meta-author"><span class="vcard author"><span class="fn"> </span></span> </div> </div> </div> </article> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <article class="gridlove-post gridlove-post-b gridlove-box post-994477 post type-post status-publish format-standard has-post-thumbnail hentry category-sistema"> <div class="entry-image"> <a href="/launcher-na-androide-chto-eto-takoe-kak-skachat-i-ustanovit-launcher-na-android.html" title="Как создать, установить и поменять тему на андроид Как создать лаунчер на все телефоны"><img width="385" height="300" src="/uploads/69c48aab164775811783ecd2295c819c.jpg" class="attachment-gridlove-b8 size-gridlove-b8 wp-post-image" alt="Как создать, установить и поменять тему на андроид Как создать лаунчер на все телефоны" / loading=lazy></a> </div> <div class="box-inner-ptbr box-col-b entry-sm-overlay"> <div class="box-inner-ellipsis"> <div class="entry-category"> <a href="/category/question/" class="gridlove-cat gridlove-cat-28">Вопрос</a> </div> <h2 class="entry-title h3"><a href="/launcher-na-androide-chto-eto-takoe-kak-skachat-i-ustanovit-launcher-na-android.html">Как создать, установить и поменять тему на андроид Как создать лаунчер на все телефоны</a></h2> <div class="entry-content"> <p>Для организации и взаимодействия с приложениями на Android используются лаунчеры. Которые обычно состоят из серии домашних экранов, где мы можем организовать ярлыки приложений, виджеты и так далее. Каждый телефон поставляется с лаунчером, но не все лаунче</p> </div> </div> <div class="entry-meta"> <div class="meta-item meta-author"><span class="vcard author"><span class="fn"> </span></span> </div> </div> </div> </article> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <article class="gridlove-post gridlove-post-b gridlove-box post-994475 post type-post status-publish format-standard has-post-thumbnail hentry category-sistema"> <div class="entry-image"> <a href="/kakom-vide-hranyatsya-dannye-gde-i-v-kakom-vide-hranitsya-informaciya.html" title="Где и в каком виде хранится информация"><img width="385" height="300" src="/uploads/9c4bb5062f02199984af4fca5692ab83.jpg" class="attachment-gridlove-b8 size-gridlove-b8 wp-post-image" alt="Где и в каком виде хранится информация" / loading=lazy></a> </div> <div class="box-inner-ptbr box-col-b entry-sm-overlay"> <div class="box-inner-ellipsis"> <div class="entry-category"> <a href="/category/question/" class="gridlove-cat gridlove-cat-28">Вопрос</a> </div> <h2 class="entry-title h3"><a href="/kakom-vide-hranyatsya-dannye-gde-i-v-kakom-vide-hranitsya-informaciya.html">Где и в каком виде хранится информация</a></h2> <div class="entry-content"> <p>Откройте окно с задачей "Мой компьютер ". Если значки в окне мелкие, то измените их на крупные. Конечно, с помощью Правила Внешнего вида!Окно задачи будет выглядеть приблизительно так, как на рисунке:В данном примере значки (C:), (D:) и (E:) обозначают ло</p> </div> </div> <div class="entry-meta"> <div class="meta-item meta-author"><span class="vcard author"><span class="fn"> </span></span> </div> </div> </div> </article> </div> </div> </div> </div> </div> <div class="gridlove-sidebar"> <div class="gridlove-sticky-sidebar"> <div id="gridlove_category_widget-1" class="widget gridlove-box gridlove_category_widget"><h4 class="widget-title">Категории</h4> <ul class="gridlove-count-color"> <li><a href="/category/new-items/" class="gridlove-cat-col-3"><span class="category-text">Новинки</span></a></li> <li><a href="/category/question/" class="gridlove-cat-col-3"><span class="category-text">Вопрос</span></a></li> <li><a href="/category/help/" class="gridlove-cat-col-3"><span class="category-text">Помощь</span></a></li> <li><a href="/category/article/" class="gridlove-cat-col-3"><span class="category-text">Статья</span></a></li> <li><a href="/category/news/" class="gridlove-cat-col-3"><span class="category-text">Новости</span></a></li> <li><a href="/category/application/" class="gridlove-cat-col-3"><span class="category-text">Приложения</span></a></li> <li><a href="/category/comparison/" class="gridlove-cat-col-3"><span class="category-text">Сравнения</span></a></li> </ul> </div><div id="gridlove_posts_widget-1" class="widget gridlove-box gridlove_posts_widget"><h4 class="widget-title">Последние статьи<span class="gridlove-slider-controls"></span></h4> <div class="gridlove-posts-widget gridlove-widget-slider"> <div class="gridlove-posts-widget-item-wrapper"> <article class="post-983546 post type-post status-publish format-standard has-post-thumbnail hentry category-reviews"> <div class="entry-image"> <a href="/kak-sdelat-vremya-v-telefone-kak-nastroit-ili-pomenyat-datu-i-vremya-na-android.html" title="Как настроить или поменять дату и время на Android: установка вручную или автосинхронизация"> <img width="80" height="60" src="/uploads/7e86f460e3514916a184ba55ca15edab.jpg" class="attachment-gridlove-thumbnail size-gridlove-thumbnail wp-post-image" alt="Как настроить или поменять дату и время на Android: установка вручную или автосинхронизация" / loading=lazy> </a> </div> <div class="entry-header"> <h6><a href="/kak-sdelat-vremya-v-telefone-kak-nastroit-ili-pomenyat-datu-i-vremya-na-android.html">Как настроить или поменять дату и время на Android: установка вручную или автосинхронизация</a></h6> </div> </article> <article class="post-983545 post type-post status-publish format-standard has-post-thumbnail hentry category-reviews"> <div class="entry-image"> <a href="/kak-obnovit-vremya-na-telefone-kak-nastroit-datu-i-vremya-na-android-kak-vybrat.html" title="Как настроить дату и время на Android"> <img width="80" height="60" src="/uploads/382b99bd2347bdbfdfec6bfe55d0dfd2.jpg" class="attachment-gridlove-thumbnail size-gridlove-thumbnail wp-post-image" alt="Как настроить дату и время на Android" / loading=lazy> </a> </div> <div class="entry-header"> <h6><a href="/kak-obnovit-vremya-na-telefone-kak-nastroit-datu-i-vremya-na-android-kak-vybrat.html">Как настроить дату и время на Android</a></h6> </div> </article> <article class="post-983544 post type-post status-publish format-standard has-post-thumbnail hentry category-reviews"> <div class="entry-image"> <a href="/net-dostupa-papke-vindovs-10-kak-vosstanovit-dostup-k-papke-sposoby-resheniya.html" title="Как восстановить доступ к папке"> <img width="80" height="60" src="/uploads/4a2b38dc67574866fb299ee4efe169ed.jpg" class="attachment-gridlove-thumbnail size-gridlove-thumbnail wp-post-image" alt="Как восстановить доступ к папке" / loading=lazy> </a> </div> <div class="entry-header"> <h6><a href="/net-dostupa-papke-vindovs-10-kak-vosstanovit-dostup-k-papke-sposoby-resheniya.html">Как восстановить доступ к папке</a></h6> </div> </article> <article class="post-983543 post type-post status-publish format-standard has-post-thumbnail hentry category-reviews"> <div class="entry-image"> <a href="/osnovnyi-komandy-serverov-komandy-minecraft-servera-mainkraft-bez.html" title="Команды Minecraft Сервера Майнкрафт без регистрации"> <img width="80" height="60" src="/uploads/5d4f43860bee1123ca72f718a441547f.jpg" class="attachment-gridlove-thumbnail size-gridlove-thumbnail wp-post-image" alt="Команды Minecraft Сервера Майнкрафт без регистрации" / loading=lazy> </a> </div> <div class="entry-header"> <h6><a href="/osnovnyi-komandy-serverov-komandy-minecraft-servera-mainkraft-bez.html">Команды Minecraft Сервера Майнкрафт без регистрации</a></h6> </div> </article> <article class="post-983541 post type-post status-publish format-standard has-post-thumbnail hentry category-reviews"> <div class="entry-image"> <a href="/kak-skachat-vkontakte-na-telefon-vkontakte-dlya-android-poslednyaya.html" title="Вконтакте для андроид Последняя версия vk для андроид"> <img width="80" height="60" src="/uploads/53a5a8f1c134b329d30e29f09b28cff4.jpg" class="attachment-gridlove-thumbnail size-gridlove-thumbnail wp-post-image" alt="Вконтакте для андроид Последняя версия vk для андроид" / loading=lazy> </a> </div> <div class="entry-header"> <h6><a href="/kak-skachat-vkontakte-na-telefon-vkontakte-dlya-android-poslednyaya.html">Вконтакте для андроид Последняя версия vk для андроид</a></h6> </div> </article> </div> <div class="gridlove-posts-widget-item-wrapper"> <article class="post-983540 post type-post status-publish format-standard has-post-thumbnail hentry category-sistema"> <div class="entry-image"> <a href="/lozhnyi-vyzov---shutochnaya-programma-dlya-android-skachat-lozhnyi-vyzov.html" title="Скачать Ложный вызов на андроид v"> <img width="80" height="60" src="/uploads/e51718a0aa1d902ddb8d09f325276cf7.jpg" class="attachment-gridlove-thumbnail size-gridlove-thumbnail wp-post-image" alt="Скачать Ложный вызов на андроид v" / loading=lazy> </a> </div> <div class="entry-header"> <h6><a href="/lozhnyi-vyzov---shutochnaya-programma-dlya-android-skachat-lozhnyi-vyzov.html">Скачать Ложный вызов на андроид v</a></h6> </div> </article> <article class="post-983536 post type-post status-publish format-standard has-post-thumbnail hentry category-sistema"> <div class="entry-image"> <a href="/kak-perezagruzit-samsung-galaxy-esli-on-zavis-kak-vyklyuchit-samsung-on-zavis-kak.html" title="Как выключить самсунг он завис"> <img width="80" height="60" src="/uploads/68ddb89e70e9875665251c1549fe0801.jpg" class="attachment-gridlove-thumbnail size-gridlove-thumbnail wp-post-image" alt="Как выключить самсунг он завис" / loading=lazy> </a> </div> <div class="entry-header"> <h6><a href="/kak-perezagruzit-samsung-galaxy-esli-on-zavis-kak-vyklyuchit-samsung-on-zavis-kak.html">Как выключить самсунг он завис</a></h6> </div> </article> <article class="post-983535 post type-post status-publish format-standard has-post-thumbnail hentry category-sistema"> <div class="entry-image"> <a href="/podrobnyi-obzor-mobilnogo-telefona-samsung-s8500-wave-podrobnyi-obzor.html" title="Подробный обзор мобильного телефона Samsung S8500 Wave Самсунг wave s8500 cdma поддерживает"> <img width="80" height="60" src="/uploads/4d65de05088487c7d7bfcdd5e8479055.jpg" class="attachment-gridlove-thumbnail size-gridlove-thumbnail wp-post-image" alt="Подробный обзор мобильного телефона Samsung S8500 Wave Самсунг wave s8500 cdma поддерживает" / loading=lazy> </a> </div> <div class="entry-header"> <h6><a href="/podrobnyi-obzor-mobilnogo-telefona-samsung-s8500-wave-podrobnyi-obzor.html">Подробный обзор мобильного телефона Samsung S8500 Wave Самсунг wave s8500 cdma поддерживает</a></h6> </div> </article> <article class="post-983534 post type-post status-publish format-standard has-post-thumbnail hentry category-sistema"> <div class="entry-image"> <a href="/v-roznice-otmechaetsya-spros-na-novye-smartfony-prodazhi-galaxy-s8-v-rossii.html" title="Продажи Galaxy S8 в России вдвое выше, чем у предыдущего флагмана Samsung Телефон начинается с дизайна"> <img width="80" height="60" src="/uploads/b4105ca23891ce36a5fc75973817eba9.jpg" class="attachment-gridlove-thumbnail size-gridlove-thumbnail wp-post-image" alt="Продажи Galaxy S8 в России вдвое выше, чем у предыдущего флагмана Samsung Телефон начинается с дизайна" / loading=lazy> </a> </div> <div class="entry-header"> <h6><a href="/v-roznice-otmechaetsya-spros-na-novye-smartfony-prodazhi-galaxy-s8-v-rossii.html">Продажи Galaxy S8 в России вдвое выше, чем у предыдущего флагмана Samsung Телефон начинается с дизайна</a></h6> </div> </article> </div> </div> </div><div id="text-10" class="widget gridlove-box widget_text"> <h4 class="widget-title">Реклама</h4> <div class="textwidget"> </div> </div> </div> </div> </div> </div> <div id="footer" class="gridlove-footer"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12"> <div id="text-6" class="widget widget_text"> <div class="textwidget"> <p> </p> </div> </div> </div> </div> </div> <div class="gridlove-copyright"> <div class="container"> <p style="text-align: center">Copyright © 2024 </div> </div> </div> <div class="gridlove-sidebar-action-wrapper"> <span class="gridlove-action-close"><i class="fa fa-times" aria-hidden="true"></i></span> <div class="gridlove-sidebar-action-inside"> <div class="hidden-lg-up widget gridlove-box widget_nav_menu"> <ul id="menu-glavnoe-2" class="gridlove-mobile-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-"><a href="/category/new-items/">Новинки</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-"><a href="/category/question/">Вопрос</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-"><a href="/category/help/">Помощь</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-"><a href="/category/article/">Статья</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-"><a href="/category/news/">Новости</a></li> </ul> </div> </div> </div> <div class="gridlove-sidebar-action-overlay"></div> <script type='text/javascript' src='https://sonyps4.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script> <script type='text/javascript' src='https://sonyps4.ru/wp-content/plugins/wp-postratings/js/postratings-js.js?ver=1.85'></script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.7.8'></script> <script type='text/javascript'> /* <![CDATA[ / var gridlove_js_settings = { "rtl_mode": "", "header_sticky": "1", "header_sticky_offset": "100", "header_sticky_up": "", "logo": "/logo/logo.png", "logo_retina": "/logo/logo.png", "logo_mini": "/logo/logo.png", "logo_mini_retina": "/logo/logo.png" }; / ]]> */ </script> <script type='text/javascript' src='https://sonyps4.ru/wp-content/themes/gridlove/assets/js/min.js?ver=1.1'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "gridlove_default_sticky_sidebar", "margin_top" : 99, "margin_bottom" : 0, "stop_id" : "", "screen_max_width" : 1000, "screen_max_height" : 1280, "width_inherit" : true, "refresh_interval" : 12, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-10'] } ; </script> <script type='text/javascript' src='https://sonyps4.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.7.8'></script> </body> </html> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>