Что такое заголовок, знает абсолютно каждый. Это емкое, привлекательное название, в котором при всей лаконичности заключается суть целой публикации, статьи и т. д. Но заголовок на странице сайта - это не совсем то, что мы привыкли видеть в газетах, журналах или книгах. Почему? Попробуем разобраться.
Что такое H1?
H1 - это главный заголовок в статье, заголовок первого уровня. Каждая страница в интернете имеет свою структуру. Заголовки H1-H6 как раз и позволяют правильно структурировать материалы, причем как для поисковиков, так и для пользователей. H1 - главный заголовок, H2-H6 второстепенные, вложенные подзаголовки. В коде заголовки выглядят так:
сам заголовок
, цифра как раз и обозначает уровень заголовка.
Заголовки в Интернете служат не только для обозначения структуры и сути описываемого, но и для оптимизации сайта. Чтобы вывести сайт на видимые позиции в выдаче, пишите правильные заголовки, соблюдая 2 простых условия:
Условие 1. Ключевые слова в заголовках
Для этого у вас должно быть разработано качественное семантическое ядро - отнеситесь к нему крайне ответственно и помните, что один и тот же ключ вставлять на все страницы сайта нельзя. Релевантность всему голова: нужно соответствовать ожиданиям клиентов и поисковиков. В заголовках главной страницы можно брать среднечастотные и высокочастотные запросы. А на товарных страницах (карточка товара) вполне допустимы заголовки с низкочастотными ключами. Ключ должен вести на конкретную позицию или единицу, быть точным, а не обобщенным.
Размещая ключевые слова, делайте это аккуратно: не злоупотребляйте ключами и не составляйте спамные заголовки (например, купить квартиру Москва, купить сумка холодильник, купить мотоцикл Красноярск цена, моя твоя не понимать и т. д.
). Сохраняйте красоту фразы и ее логичность. В великом и могучем русском языке слова спрягаются и склоняются, а роботы сейчас понимают смыл, разбираются в языке не хуже нас с вами! И не частите - спам очевиден всем, а так и до Баден-Бадена рукой подать, ну и не забывайте про Панду от Google.
Пример, где количество ключей зашкаливает, перебор.
Из главного заголовка понятно, о каком товаре пойдет речь. Конечно, в первом абзаце без ключа не обойтись, но делайте это ненавязчиво, а не так открыто и агрессивно.
Ну и надеюсь, что никому и никогда не придет в голову затолкать в заголовок все ключевые слова, предназначенные для одной страницы. Ничего хорошего явно не получится. =)
Помните, что текст создается не только для поисковых машин, но и для людей. И вообще роботам нравятся человечные, простые и понятные тексты. Если в заголовке ключевые слова органично встанут в начало предложения, то сработает чуточку лучше. Т.е. с точки зрения оптимизации страницы под ключевое слово "гостиницы Москвы" лучше отработает заголовок "Гостиницы Москвы - официальные сайты, обзоры, фото", чем "Обзоры, фото и официальные сайты гостиниц Москвы".
Условие 2. Теги -
Размещая тексты на сайте, не забудьте правильно расставить теги. Теги для заголовков текста определяются следующим HTML-кодом:
-. По нашим наблюдениям, вполне хватает двух тегов — -. Сейчас большие тексты люди не читают, и даже исходя из логики вещей, вложенность такого количество заголовков не нужна. Исключение могут составлять страницы, где много видео, картинок, интерактивных элементов и т.д. Но это все же исключение, а не правило.
Поисковики также учитывают размерность и значимость тегов
-. При верстке стоит обратить внимание, чтобы заголовки визуально выделялись из общего текста.
Ссылки в заголовках использовать не стоит, особенно в
: так вы уведете человека со страницы на другой материал или, если ссылаетесь на эту же страницу, создаете циклическую ссылку, которая ничего хорошего не дает.
Допустимо ссылаться с заголовков уровня
и ниже, но тоже если это оправдано и логично.
Поисковые роботы придают заголовкам большое значение, поскольку они используются, чтобы обозначить важную информацию. Так машинам будет легче читать текст и понимать его структуру, логику; видеть, что есть самое весомое. Не стоит пытаться схитрить и применять теги
- для всего текста на странице, ведь толку от этого не будет. Роботы не дураки, и вообще очень ранимые - могут отомстить за это чем-нибудь малоприятными для вашего сайта. Поэтому предварительно подумайте семь раз, последствия страшны. Прописывая заголовки в тексте, придерживайтесь следующих правил:
Наводим порядок. Теги
- расставляются по принципу иерархии: тег важнее тега . На деле это выглядит вот так:
Поисковики перфекционисты: любят верную последовательность, чтобы все было на своих местах, на своих полочках. Поэтому соблюдаем логику: младший сын не может родиться раньше старшего. Такое не допустимо - вот пример с нарушенной иерархией:
Кроме того, тег
играет важную роль при формировании быстрых ссылок в поисковой выдаче Яндекс.
Если все получится, то эффект от такой вроде бы незначительной и легкой работы не заставит себя ждать.
А если у вас возникнут сложности - обращайтесь к нашим специалистам , мы готовы проверить, правильно ли прописаны заголовки у вашего сайта, корректно прописать в случае ошибок и ответить на любые вопросы. Составление заголовков для 1 страницы (+подбор 3-х релевантных ключей) - от 450 рублей.
В данной статье рассмотрим особенности правильной расстановки тегов 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>
<p>Возникает вопрос, как же одни сайты получают преимущество над другими, обходят их в выдаче? Ведь инструменты оптимизации используются одни и те же. Ответ, казалось бы, очевиден: за счёт внешней оптимизации, и её безграничного ресурса. Однако, дело не только в этом. </p><p>Существуют и более сложные этапы внутренней оптимизации, которые многие вебмастера игнорируют. Я говорю, прежде всего, о расстановке заголовков h1-h6. В большинстве своём, они расставлены неправильно, или же по одному образцу, без учёта специфики сайта. Только самостоятельная расстановка этих заголовков поможет добиться максимального эффекта. О том, что такое заголовки h1-h6, зачем они нужны и как лучше расставить их, я расскажу в этой статье.</p><p>Теги h1-h6 используются для выделения наиболее важных частей текста. Их так же называют тегами акцентирования. Они ориентированы, в основном, на поисковые системы, давая им понять, какие части текста содержат более точную информацию о теме статьи, её ключевых словах. Использование тегов h1-h6 даёт возможность получить преимущество при ранжировании поисковой системой сайтов. Однако для этого необходимо использовать их грамотно.</p><p>В теории всё достаточно просто: заголовок первого уровня (h1) используется для выделения названия сайта. Заголовок второго уровня (h2) акцентирует внимание поисковой системы на названии статьи. Заголовки третьего уровня (h3) выделяют подпункты статьи, заголовки h4, h5 и h6 могут использоваться по усмотрению, выделяя как значимые слова в тексте, так и заголовки сайт-бара и другие значимые элементы. На деле же всё немного сложнее: не всегда имеет смысл расставлять заголовки так, как это описано выше. Например, если вы продвигаете только отдельные страницы сайта (как это делается в случае с блогами), то нет никакого смысла заключать название сайта в тег h1, этот тег лучше приберечь для названия статьи, так как именно оно несёт основную тематическую нагрузку. Теги h2 можно использовать для выделения подпунктов . Остальное по аналогии. Иными словами, схем расстановки тегов h много, вам необходимо проанализировать свой сайт, специфику его продвижения, и расставить заголовки в соответствии с вашими выводами.</p><p><b>Почему то, о чём я говорю так важно?
</b> Сейчас многие пользуются бесплатными платформами для ведения сайтов, или же используют стандартные шаблоны. В них очень часто заголовки расставлены из рук вон плохо, это сильно ограничивает возможности внутренней оптимизации. Единожды разобравшись со всем сам и сделав всё правильно, получаешь большое преимущество на будущее.</p><p>Итак, существует несколько правил расстановки заголовков h1-h6. Представлю их ниже.</p><p>Картинка кликабельна
</p><p><b>1.
</b> Структура заголовков. Это самое важное из правил. Заголовки более высокого уровня (чем меньше цифра – тем выше уровень) должны находиться на странице выше. То есть, заголовок h1 всегда должен располагаться выше заголовка h2, а он, в свою очередь, выше заголовка h3. И так далее.<br><b>2.
</b> Размер шрифта заголовков. Это тоже обязательное условие. Чем выше уровень заголовка – тем больше должен быть шрифт. Заголовок h1 будет иметь самый большой шрифт. Шрифты заголовков редактируются в стилях. Впрочем, они обычно по умолчанию имеют правильные размеры.<br><b>3.
</b>Теги h не должны содержать в себе ничего, кроме текста. То есть, заключать в них картинки, ссылки и другие элементы контента категорически не рекомендуется.<br><b>4.
</b> Не допускается использование тегов h вместе с другими тегами акцентирования.<br><b>5.
</b> Так как теги h1-h6 акцентируют внимание поисковой системы на важных элементах страницы, такое акцентирование должно быть обоснованным. Выделенный участок текста должен содержать ключевые слова или фразы, иначе можно сбить с толку поисковую систему, тем самым только навредив.<br><b>6.
</b>Тег h1 используется на одной странице только один раз. Иных вариантов не допускается.</p><p>Как видите, ничего сложного. Гораздо важнее описанные выше рекомендации по правильной расстановке акцентов. На каждой странице совсем не обязательно использовать все теги акцентирования, достаточно первых трёх уровней. Стоит отметить, что для грамотной расстановки заголовков могут понадобиться некоторые знания в html. Первая заповедь вебмастера – не навреди. Поэтому если таких знаний нет, то лучше поручить это дело кому-то другому.</p><p><u>Основное сказал.
</u> К сожалению, описать все возможные ситуации не могу. Чтобы обойти конкурентов, нужно не только качественно проводить каждый этап оптимизации, но и не упускать ни один из этапов. Только тогда вы и ваш сайт добьётесь успехов. На этом статью завершаю. Удачи! </p>
<p>Для того, чтобы сайт попал на первые места поисковой выдачи и получил трафик с поисковых систем, его необходимо оптимизировать. Именно оптимизация, а не создание сайта, является самым трудным этапом. Если создаётся сайт единовременно, то процесс оптимизации его идёт постоянно. Начинают, как правило, с внутренней оптимизации сайта, так как она имеет определённое число конечных этапов. Впрочем, этапов этих много, поэтому лучше сосредоточится на описании тех, которые наиболее редко применяются вебмастерами из-за своей неизвестности или сложности. Одним из самых незаслуженно недооценённых этапов оптимизации является <b>расстановка заголовков h1-h6
</b>. Как показывает практика, значительная доля вебмастеров даже не знает, зачем нужны эти заголовки, а уж используют правильно их и вовсе единицы. Собственно, о них мы в этой статье и поговорим.</p>
<p>Заголовки h1-h6 предназначены для выделения определённых текстовых сегментов страницы, содержащих ключевые слова или фразы, способные помочь поисковой системе распознать тематику и тему контента страницы. Функции заголовков схожи с функциями мета-тегов и дополняют их, однако, как уже говорилось выше, используются очень редко, тогда как мета-теги ставят почти все вебмастера. Теги h1-h6 можно распознать на странице визуально, так как ими выделяют элементы «тела» страницы, тега body. Это также отличает их от мета-тегов. Ещё одно тонкое отличие функций тегов h от мета-тегов в том, что они имеют внутреннюю иерархию, с помощью которой можно построить иерархию использованных на странице ключевых слов, придав одним большее, а другим меньшее значение, если это нужно.</p>
<p>Существует классическая модель расстановки заголовков, которая используется во многих CMS по умолчанию, например, во многих шаблонах WordPress. Она наиболее подходит самым обычным сайтам. Выглядит же она примерно так:</p>
<ul><li><h1>Заголовок сайта</h1> —</li>
<li><h2>Заголовок страницы (материала)</h2></li>
<li><h3>Подзаголовки страницы (материала)</h3></li>
<li><h4>Заголовки элементов навигации</h4></li>
</ul><p>Однако, недостатки этой модели видны невооружённым глазом. Во-первых, далеко не всегда заголовок сайта несёт какую-то смысловую нагрузку, он не всегда содержит ключевые слова. Во-вторых, заголовки элементов навигации практически никогда не нужно выделять данными тегами. Для многих видов сайтов, особенно для блогов, целесообразнее выделять тегом h1 не заголовок сайта, а название страницы (заголовок статьи), так как он более информативен и лучше отражает тематику и тему контента страницы. Тогда тегами h2 можно выделить подзаголовки статьи (материала), тегами h3 наиболее важные ключевые слова в статье и т.д. Можно использовать и другие вариации, главное понять смысл: заголовки от h1 до h6 по снижающейся должны отражать важность тех или иных слов или фраз для понимания тематики контента страницы.</p>
<h2>Правила использования h1-h6 на страницах сайта</h2>
<p>Существует ряд чисто технических правил использования заголовков h1-h6, выполнение которых строго обязательно, а нарушение в лучшем случае сведёт на нет весь их эффект. Перечислим их ниже:</p>
<ol><li>Структура заголовков. При расстановке заголовков необходимо соблюдать их иерархию. То есть, чем выше уровень заголовка (меньше номер) – тем выше он должен находиться на странице (исходном html коде). Конечно, всегда однозначно соблюсти это правило не получается, хотя бы потому, что заголовки всех уровней, кроме первого, могут применяться по нескольку раз на странице. Главное, чтобы заголовок h1 находился выше других на странице, а h2 под h1, но также выше всех остальных.</li>
<li>Размеры шрифтов заголовков. Чем выше уровень заголовка – тем больше должен быть размер его шрифта. Логично, что самым большим на странице должен быть заголовок h1, а самым маленьким – h6.</li>
<li>Ключевые слова и фразы в заголовках. Каждый заголовок h должен содержать те или иные по важности ключевые слова или фразы. Так как данные заголовки акцентируют внимание поисковых систем на определённых элементах страницы, не допускается, чтобы акцентирование происходило на «пустые» слова. Лучше вообще не использовать лишние заголовки, если их некуда применить, чем выделять ими что попало.</li>
<li>Совместимость. Теги h нельзя использовать совместно с любыми другими тегами, особенно тегами акцентирования, такими как <b> и другими.</li>
<li>Содержимое тегов h. Теги h1-h6 не должны содержать в себе ничего, кроме текста. Не допускается заключение в них ссылок, изображений и других посторонних элементов страницы.</li>
<li>Заголовок h1 используется на каждой странице только один раз. Это самое главное правило.</li>
</ol><p>Стоит отметить, что наличие данных заголовков на странице не является обязательным, точно так же, как не является обязательным наличие непременно всех уровней заголовков. В большинстве случаев более чем достаточно использования первых трёх уровней, остальные же могут только навредить, акцентируя внимание на незначительных элементах страницы. Данный этап оптимизации не отнимает много времени. Расстановку заголовков в современных системах CMS легко автоматизировать, и, единожды проделав этот процесс, можно сэкономить много времени в будущем.</p>
<p>Привет, ребята! Чувствую, обстановка накаляется, в комментариях начал прорываться мат, оскорбления в мой адрес. Что ж, а то я уже заскучал по этим временам. 🙂 Самое худшое - это игнорирование. А когда ругают - это же хорошо, значит кого-то задеваю. Радует. 🙂 Эге-ге-гей, товарищ комментатор, привет!!! 🙂 Но из-за мата мне, твой комментарий пришлось удалить, я не раз говорил, что ругательства подобного плана терпеть не стану.</p>
<p>Многие обвиняют меня в продажных статьях. Да, было время, но я же обещал, что их количество будет уменьшаться. Но некоторые до сих пор думают, что если я делаю обзор какого-то сервиса - этот пост продажный. Думайте, что хотите, такие господа. Моя совесть чиста и улыбаюсь я во все кривые свои 32 зуба. Настроение у меня прекрасное, да и моих преданных читателей оно будет таким, по крайней мере я буду стараться. 🙂</p>
<p>В прошлом уроке я рассказывал, про SEO расширение для браузеров . Я не просто так решил поднять давно изъезженную тему. Я решил поставить точки над И. Многи читатели у меня спрашивают, как правильно использовать заголовки h1, h2, h3 и т.п.? Я уже когда-то в далеком 2012 году. Делая аудиты многих сайтов я вижу одни и те же ошибки, которых я не признаю. Значит, пришло время немного дополнить тот урок.</p>
<p>Возможно, какие-то оптимизаторы, посчитают теги h1 и подобные бесполезными, но все же большинство поддерживает их. Если Вы до сих пор не поняли, SEO - очень хитрая наука, у каждого свое мнение.</p>
<h2>Правила использования заголовков h1, h2, h3, h4 на странице с точки зрения SEO</h2>
<h3>Правило №1<b>:
</b> на странице должен быть только 1 тег h1.</h3>
<p>Запомните, только 1, а не 2, тем более не 3. Многих интересует, как же узнать количество данных тегов на странице и очень часто вебмастера начинают лезть в исходный код страницы и в ручную искать эти теги. Я тоже так делал до тех пор, пока мой "братан по интернету" Виталий (http://mojwp.ru/) не подсказал мне очень хитрую вещь, которая, оказывается, встроена в мой любимый SEO bar.</p>
<p>Что вам требуется?</p>
<br><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/seo-tegi.jpg' width="100%" loading=lazy><p>Огромный плюс - это 1 тег в h1 на транице, что очень хорошо. Если у Вас его нету или их больше одного, ниже я расскажу, как избавиться от лишних, либо добавить.</p>
<h3>Правило №2: заголовки h2, h3, h4 должны быть только в самой статье.</h3>
<p>В моем случае Вы видите, что h2 используется очень даже правильно, а вот в теге h3, h4 у меня - "мусор". То есть данные словосочетания не несут никаких полезностей в плане SEO. Более того, используя теги h в ненужных местах мы снижаем значимость этих тегов для поисковых систем, так как их "вес" раскидывается на ненужные словосочетания. Поэтому, теги h должны быть только внутри статьи. Да, бывают исключения, когда ключевые слова очень грамотно вписывают в отдельные блоки по сайту, но туда впихивают никак не фразу "Подпишитесь на сайт" и т.п.</p>
<p><b>Как исправить эти ошибки?
</b></p>
<p>Для исправления подобных ошибок нам снова понадобится очередное дополнение, о котором я уже рассказывал - это (для Chrome он тоже есть).</p>
<p>Мы находим элемент в ненужном нам теге h на странице, например, для примера возьму выражение "Подписка" и "Сайт", про которые мне подсказал RDS bar (они в h4, см. картинку выше). Нашел я эти 2 элемента на сайте (можете воспользоваться поиском в браузере Ctrl+F, вбив необходимую фразу для поиска), "инспектируем" с помощью Firebug один из них:</p>
<p><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/firebug.jpg' width="100%" loading=lazy> И справа мы видим стили данного тега h4 (в моем случае):</p>
<p><img src='https://i2.wp.com/wpnew.ru/wp-content/uploads/2014/01/stili-h4.jpg' width="100%" loading=lazy></p>
<p>Они сейчас нам пригодятся. Открываем файл style.css нашей темы и прямо в конце дописываем характеристики данного стиля (см. на стрелку картинки выше), просто назвав его как-то по-другому (я решил назвать new4, не забываем в начале точку):</p>
<p><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/new-style.jpg' width="100%" loading=lazy> Так как данное выражение "Подписка" находится у меня в подвале, я открываю файл footer.php, вбиваю фразу "Подписка" через CTRL+F, вот он:</p>
<p><img src='https://i1.wp.com/wpnew.ru/wp-content/uploads/2014/01/nahodim-h4.jpg' width="100%" loading=lazy> И вместо h4 прописываем наш новый класс (в моем случае "new4"), то есть после видоизменения будет такая картина:</p>
<p><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/analog-h4.jpg' width="100%" loading=lazy> Сохраняем файл, открываем Firefox, обновляем страничку и видим, что тег h4 со словом "Подписка" пропал:</p>
<p><img src='https://i2.wp.com/wpnew.ru/wp-content/uploads/2014/01/propal-h4.jpg' height="169" width="308" loading=lazy> Так как стили слов "Подписка" и "Сайт" у меня не отличаются, я аналогично в подвале вместо тега h4 к слову "Сайт" прописываю класс "new4", и мы видим, что теперь на странице "мусорных" h4 нет:</p>
<p><img src='https://i1.wp.com/wpnew.ru/wp-content/uploads/2014/01/h4-net.jpg' width="100%" loading=lazy> Аналогичные действия выполняем с ненужными тегами h3. В моем случае в h3 неправильно использовать фразы "Подпишитесь на бесплатные уроки", "Похожие уроки" и т.п. В h3 должен быть только заголовок, который встречается в тексте. Аналогично пройдитесь по разным типам сайта (статьи, страницы, категории и т.п.), а вот главная страница - это отдельная история, про которую расскажу чуть ниже.</p>
<p>Если же у Вас вдруг статья не в h1, просто откройте файл темы single.php, найдите там вывод заголовка статьи (ищите в поиске через выражение "the_title") и обрамите его в h1:</p>
<p><img src='https://i2.wp.com/wpnew.ru/wp-content/uploads/2014/01/dobavlenie-tega-h1.jpg' width="100%" loading=lazy></p>
<h3>Правило №3: на главной странице крайне желательно использовать тег h1.</h3>
<p>На данный момент на моем сайте на главной странице нет h1, что, как я считаю, нарушают структуру.</p>
<blockquote><p>Я считаю, что на странице не может быть тега h3, если выше него нет h2, также не может быть использован h2, если нет h1. Аналогично, использование h1 и h3, например, без h2 - тоже неправильно. Причем все четко должно идти по структуре: h2 не может стоять выше h1 на странице, h3 не должен стоять выше первого тега h2 и т.д.</p>
</blockquote>
<p>Что же запихнуть в h1 для главной страницы? Это может быть текст, куда грамотно включены наиболее запрашиваемые ключевые слова, по которым вы продвигаетесь. Повторюсь, ГРАМОТНО вписанные, а не тупое перечисление.</p>
<p>Также у многих описание в шапке сайте выводит как раз нужную информацию. Там обычно "вкусные" ключевые слова, а также шапка считается "сладким местом", где хорошо "кормить" поисковые системы нужными фразами. Грех это не использовать.</p>
<blockquote><p>Запомните: заголовок h1 должен быть отличен от title страницы. Это будет полезно для поискового продвижения.</p>
</blockquote>
<p>Обычно, где-то в этом месте встречается описание сайта (в моем случае его нет):<br><img src='https://i2.wp.com/wpnew.ru/wp-content/uploads/2014/01/opisanie.jpg' width="100%" loading=lazy> Но тут возникает некая проблема: если мы пропишем это описание в h1 в шапке сайта, то оно внутри статей тоже будет в h1, что снова неправильно.</p>
<p>То есть, нам требуется прописать некую функцию, которая выполняет следующее: если мы находимся на главной странице, то тексту в шапке присваивается тег h1, если же мы на странице отличной от главной, то отображается тот же текст, в таком же стиле, но уже без тега h1. Это делается для того, чтобы на внутренних страницах не было 2 тега h1 (описание сайта + заголовок статьи).</p>
<p>И мой еще один "братан по интернету", на этот раз уже с Казани, которого зовут Рамиль (жаль у него нет блога, поставил бы сейчас ссылку), любезно поделился этой PHP функцией (вы же знаете, в PHP я не "шарю"), вот она:</p><p>
<?php if(is_front_page()) {?><h1 id="description">Описание сайта</h1> <? }
else{ ?><strong id="description">Описание сайта</strong> <?}?>
</p><p>Тут вы заранее должны задать в style.css одинаковые стили для h1 и для стиля "description", чтобы визуально посетители не видели отличий.</p>
<p>Так же существует мнение,что во избежании санкций со стороны поисковых систем за "переспам" заголовки h2, h3 и h4 лучше заменять стилями, например <div class=”zagolovok”> или
<p>По-моему, все. Если будут вопросы - пишите, по-любому отвечу. И да, продолжайте писать веселые комментарии, они вызывают у меня улыбку и поднимают настроение. 🙂</p>
<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>
</div>
<dblock></dblock>
<dblock></dblock>
<dblock></dblock>
<dblock></dblock>
</article>
</div>
</div>
<div id="sidebar">
<aside>
<div class="inner">
<div>
<div class="xyz_wrapper">
<div>
</div>
</div>
<div>
</div>
</div>
</div>
</aside>
</div>
</div>
</div>
<script type="text/javascript" src="/assets/like.js"></script>
</main>
<div id="slide-menu"> <div id="slide-menu"> <div class="menu-content">
<div class="slide-menu-close" id="slide-menu-close" title="Закрыть"></div> <dblock></dblock>
<ul>
<li><span class="link" onclick="go('/category/beeline/')"><i class=""></i> Beeline</span></li>
<li><span class="link" onclick="go('/category/internet/')"><i class=""></i> Интернет</span></li>
<li><span class="link" onclick="go('/category/tele2/')"><i class=""></i> Tele2</span></li>
<li><span class="link" onclick="go('/category/useful/')"><i class=""></i> Полезное</span></li>
<li><span class="link" onclick="go('/category/ip-telephony/')"><i class=""></i> IP-Телефония</span></li>
<li><span class="link" onclick="go('/category/iota/')"><i class=""></i> Йота</span></li>
<li><span class="link" onclick="go('/category/mts/')"><i class=""></i> Mts</span></li>
<li><span class="link" onclick="go('/category/megafon/')"><i class=""></i> Megafon</span></li>
</ul>
<ul>
<li><a href="/feedback.html">Контакты</a></li>
<li><a href="">Реклама</a></li>
<li><a href="">О сайте</a></li>
</ul>
</div> </div> </div>
<div id="slide-search">
<div class="search-content">
<div class="search-form-close" id="slide-search-close" title="Закрыть"></div>
<div class="search-form-header"><img src="/assets/vsadu-icon-gray.svg" alt="Портал о мобильных операторах" onerror="this.src='/ui/vsadu-icon-gray.png'" style="height: 45px" loading=lazy> Поиск</div>
<form style="position: relative" action="/search" method="get" autocomplete="off">
<input type="text" class="m-seach-field" name="q" placeholder="поиск по сайту" value="" />
<div>
<dblock></dblock>
</div>
<div class="desktop_screen" style="position: absolute;right: 9px;top: 9px;"> <input type="submit" class="button yellow big" value="Найти" /> </div>
</form>
</div>
</div>
<script type="text/javascript" src="/assets/slide-menu.3.js"></script>
<script type="text/javascript" src="/assets/sticky.min.js"></script>
<script type="text/javascript" src="/assets/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="/assets/jquery-ui.min.js"></script>
<script type="text/javascript" src="/assets/JsHttpRequest.js"></script>
<script type="text/javascript" src="/assets/Request.js"></script>
<div class="white_section">
<div>
<div class="desktop_screen" style="padding: 15px 0;background:#f6f8f2;">
<dblock></dblock>
</div>
</div>
</div>
<footer>
<div class="footer"> <dblock></dblock> <div class="silver_section"> <div class="content"><div class="inner"> <div class="section group" style="text-align: center"> <div class="col span_1_of_3">
<div style="font-size: 16px; vertical-align: middle; line-height: 45px;"><i class="fa fa-envelope-o"></i> cena5.ru - Портал о мобильных операторах</div>
</div> <div class="col span_1_of_3">
</div> <div class="col span_1_of_3"> <a target="_blank" href="https://connect.ok.ru/offer?url=https://cena5.ru/tegi-h1-h2-h3-kak-ispolzovat-zagolovki-v-seo-prodvizhenii-pravila.html"><img class="soc" alt="Портал о мобильных операторах Одноклассники" src="/assets/ok.svg" onerror="this.src='/ui/icons/ok.png'" loading=lazy></a>
<a target="_blank" href="https://vk.com/share.php?url=https://cena5.ru/tegi-h1-h2-h3-kak-ispolzovat-zagolovki-v-seo-prodvizhenii-pravila.html"><img class="soc" alt="Портал о мобильных операторах ВКонтакте" src="/assets/vk.svg" onerror="this.src='/ui/icons/vk.png'" loading=lazy></a>
<a
target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://cena5.ru/tegi-h1-h2-h3-kak-ispolzovat-zagolovki-v-seo-prodvizhenii-pravila.html"><img class="soc" alt="Портал о мобильных операторах Facebook" src="/assets/fb.svg" onerror="this.src='/ui/icons/fb.png'" loading=lazy></a>
<a target="_blank" href="https://www.twitter.com/share?url=https://cena5.ru/tegi-h1-h2-h3-kak-ispolzovat-zagolovki-v-seo-prodvizhenii-pravila.html"><img class="soc" alt="Портал о мобильных операторах Twitter" src="/assets/tw.svg" onerror="this.src='/ui/icons/tw.png'" loading=lazy></a>
<a
target="_blank" href=""><img class="soc" alt="Портал о мобильных операторах Google+" src="/assets/g+.svg" onerror="this.src='/ui/icons/g+.png'" loading=lazy></a>
<a target="_blank" href=""><img class="soc" alt="Портал о мобильных операторах Pinterest" src="/assets/pin.svg" onerror="this.src='/ui/icons/pin.png'" loading=lazy></a>
<div
class="soc-caption">Портал о мобильных операторах в социальных сетях</div>
</div> </div> </div></div> </div> <div class="content desktop_screen" style="overflow: inherit; margin-top: 20px"><div class="inner"> <div class="section group"> <div class="col span_2_of_5"> <div class="share-widget"> <script src="https://yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="https://yastatic.net/share2/share.js" async="async"></script> <div class="ya-share2" data-services="collections,vkontakte,gplus,odnoklassniki,facebook,moimir,twitter,pinterest,lj,viber,whatsapp,pocket" data-url="https://cena5.ru" data-counter="true" data-limit="6"></div> </div> </div> <div class="col span_3_of_5" style="text-align: center;"> <a class="section_link" href="/feedback.html">Контакты</a> <a class="section_link" href="" style="color: #ff4500 !important;">Реклама</a> <a class="section_link" href="">Вакансии</a>
<script>
document.write('<a class="section_link" href="mailto:info' + '@cena5.ru">Написать нам</a>')
</script>
</div> </div> </div> </div> <dblock></dblock> <div class="content"> <div class="inner"> <p style="margin: 20px 0">Copyright © «cena5.ru» 2024 Копирование и видоизменение материалов сайта возможно только после письменного согласия правообладателей. <br /> Статьи защищены законом об авторских и смежных правах, при цитирование материалов проекта «cena5.ru»
<span
style="text-decoration: underline">прямая открытая ссылка</span> на <strong>cena5.ru</strong> обязательна. <br /> Все права защищены.</p> <dblock></dblock> </div> </div> </div>
</footer>
<script src="/assets/init.3.js"></script>
<div class="push-popup"> <img src="/assets/vsadu-icon.png" style="float: left; margin-right: 10px; margin-bottom: 70px" / loading=lazy> Мы можем оповещать вас о новых статьях,<br /> чтобы вы всегда были в курсе самого интересного.
<br /><br /> <button class="button blue uppercase push-button" style="margin-bottom: 10px">Продолжить</button> <button class="button blue-text uppercase push-cancel" style="margin-bottom: 10px">Нет, спасибо</button> </div>
<script src="/assets/init.1.js"></script>
<div id="p-b"> </div>
<style>
#yinfo-badge .yinfo-links,
#yinfo-badge .yinfo-report {
display: none !important
}
::shadow .yinfo-links,
::shadow .yinfo-report {
display: none !important
}
</style>
<div class="page-top-button wide_desktop_screen hidden">
<div class="page-top-sec"> <a href="/" title="Главная Портал о мобильных операторах"><i class="fa fa-home gray" style="font-size: 32px"></i></a> </div>
<div class="page-top-sec"> <a href="" title="О сайте"><i class="fa fa-calendar green" style="font-size: 32px"></i></a> </div>
<div class="page-top-sec"> <a title="Связаться с нами" href="/feedback.html"><i class="fa fa fa-commenting-o" style="font-size: 32px; color:#ff4500"></i></a> </div>
</div>
</body>
</html>