SEO разметка текста.. или семантическая верстка сайта.
Семантическая верстка сайта - за этим страшным определением скрывается одна простая истина: сайт должен быть не просто сверстан, а свёрстан логично! Так что можно сказать примерно так: семантическая верстка это - логичная верстка.
Для того что бы Вам было понятнее о чем идёт речь приведу несколько примеров где логика отсутствует..
Итак, плохие примеры:
- Использование заголовков
-
лишь с той целью чтобы увеличить или уменьшить размер буковок.. - Неуместное использование тегов логического форматирования , например, вместо текста г. Самара
просто какой то текст, который никоем образом к адресу не относится.. например: Установка окон
.
- Использование тегов для формирования списков для простой декорации текста или например для создания отступов в тексте.. и наоборот формирование некого списка, перечня например того же меню сайта с помощью других тегов.
- И даже использование таблицы в качестве каркаса сайта (табличная вёрстка) вместо того чтобы использовать таблицу по её прямому назначению, а именно для вывода данных в табличной форме.. расписания движения электричек например.. это тоже НЕ семантическая верстка сайта.
Много всяких примеров приводить можно.. суть же одна: семантическая верстка - эта верстка, при которой каждый тег на странице работает по своему прямому назначению и никак иначе.
Думаю сейчас многие испугались "ааа.. у меня сайт таблицей свёрстан!", "а у меня меню сайта не является списком.." не пугайтесь сильно! конечно к "правильному" построению сайта нужно стремиться, но если по-другому никак не получается то можно чем то и пренебречь, однако некоторые вещи всё же лучше соблюдать!
Заострим внимание на правильной разметке текста, так как это наиболее важно для оптимизации сайта под поисковые системы..
Многие начинающие веб-мастера думают, что заголовки -
это всего лишь способ выделить текст размером, сделать его крупнее - это не так!! На самом деле теги -
во-первых выделяют именно заголовки
в тексте, а во вторых выделяют их по степени "важности" например заголовок
Как создать сайт?
в глазах поисковых систем куда более важен чем заголовок
Как создать сайт?
и если бы это были заголовки двух разных страниц то при прочих равных условиях поисковая машина по запросу пользователя "Как создать сайт?"
выдаст в результатах поиска на первом месте ту страницу, в которой используется заголовок первого уровня
.
Однако не стоит хвататься переделывать все заголовки на Вашем сайте с ,..
в
ни к чему хорошему в плане оптимизации это не приведёт! В идеале на странице должен присутствовать всего один заголовок первого уровня который как бы содержит в себе два-три заголовка второго уровня в которых в свою очередь "вложены" заголовки рангом поменьше и так далее.. структура документа должна иметь примерно такой вид:
То есть заголовки должны быть, как бы вложены друг в друга по степени важности и иметь древовидный вид. Сам же текст желательно разбить на параграфы с помощью тега
- где текст каждого абзаца несет в себе одну логическую часть текста.
Такая разметка текста легко "усваивается" поисковыми системами и другими программами работающими с HTML документами, например, позволяет выхватить один из параграфов для описания сайта в результатах поиска, не ломая голову где начинается и где заканчивается определённая логическая часть текста или учитывая уровни заголовка автоматически составить содержание документа.
Так как текст в заголовках -
имеет куда более большее значение для поисковых систем, да и просто для человека просматривающего страницу, нежели чем просто текст то их следует наполнять ключевыми словами!
Что означает h1-h6?
Начать в любом случае нужно с теории, потому что без этого невозможно двигаться дальше. Итак, это html-теги, в которые помещают текст, который должен стать заголовком. H1 – это главный заголовок страницы, он должен быть единственным, h2 – подзаголовок статьи или раздела главы (если речь идет о книге), h3 – заголовок в разделе и т.д.
В сайтостроении, как правило, чаще всего используются h1-h3, последние три тега используются крайне редко, так как нет необходимости в разбивке текста на такие мелкие части, если только речь не идет об огромной по объему текстовой публикации.
По умолчанию заголовки уже имеют некоторое стилевое оформление. Например, буквы в заголовках выделены жирным шрифтом, а их размер в 1,5 – 3 раза больше обыкновенного текста на странице.
Основные правила работы с заголовками
Сколько h1 может быть на сайте? Сколько угодно, ведь интернет-ресурс может состоять из множества страниц. Тут гораздо важнее придерживаться другого правила – на каждой отдельной странице вашего сайта должен быть ОДИН h1. Все потому, что это главный заголовок, а главным всегда должен быть один.
Но что будет, если проигнорировать это правило? Как показывает реальная практика, ничего катастрофического, вероятно, не случится. Я бы не писал об этом, но мне известно несколько случаев, когда у веб-мастеров было несколько h1 на странице, при этом все их статьи сохраняли свои позиции в поисковых системах.
Так-то оно может и так, только вот не нужно специально создавать несколько h1 на странице. Все равно это не правильно и вред от того все равно может быть. Например, в приведенных выше ситуациях у веб-мастеров были уже возрастные раскрученные сайты, поэтому несколько h1 на странице не ухудшили ситуацию.
Однако при раскрутке молодого сайта очень важно соблюдать разные тонкости, чтобы ресурс максимально быстро получил одобрение поисковиков и начал приносить трафик.
Очевидно, что h1 должен быть в самом начале статьи. Это не то же самое, что мета-тег title. Title виден при поисковой выдаче и в названии вкладки браузера, а h1 – непосредственно на странице. Остальных заголовков (h2-h6) может быть сколько угодно, в любом количестве.
Как проверить наличие h1 на странице?
Теперь мы переходим к самому главному. Как же определить, нормально ли у вас все на сайте с заголовком? Есть как минимум несколько вариантов, как вы это можете сделать.
Во-первых, открыть исходный код и произвести в нем поиск. Исходный код открывается с помощью комбинации клавиш Ctrl + U. Далее вам понадобится комбинация Ctrl + F, чтобы открыть поиск. Введите в нем название нужного тега, а именно – h1.
Правильно будет, если вам найдет два результата – открывающий и закрывающий тег соответственно. Если результатов больше, нужно вносить правки в код шаблона сайта. Если h1 вообще отсутствует, тоже нужно принимать меры, чтобы он появился.
Во-вторых, вы можете воспользоваться каким-нибудь сервисом, который анализирует сайт на показатели его поисковой оптимизации и выдает отчет. Таких сервисов очень много, я приведу лишь некоторые: pr-cy.ru, audit.megaindex.ru/
В сервисе “Мегаиндекс” есть возможность проверить релевантность страницы, то есть то, насколько она оптимизирована под определенную ключевую фразу. Введите адрес одной из страниц вашего сайта и основную ключевую фразу. В случае проверки лишь h1 эта ключевая фраза может быть любой.
Как видите, проверка показала, что на странице всего 1 h1 – это хорошо. Если бы было больше, проверка бы обязательно это определила. Как видите, это важный фактор, хотя и не критический. Его несоблюдение не приведет к чему-то катастрофическому, но при поисковой оптимизации подобные проблемы должны быть убраны в первую очередь.
Если проблема найдена, как ее решать?
Решать очень просто, нужно всего лишь немного подправить код вашего шаблона. В первую очередь тут нужно знать, на каком движке у вас сайт. Структура шаблонов у всех движков может быть немного разной, но все же много общего.
Например, в WordPress вам нужно будет редактировать файлы page.php (шаблон страницы) и single.php (шаблон записи). Также полезно будет просмотреть файлы index.php (главная страница) и archive.php (архивы по дате и автору), а иногда в темах есть еще category.php (записи отдельной рубрики).
Ну, допустим, нашли и открыли вы нужный файл, что делать дальше? Дальше воспользуйтесь все тем же поиском (Ctrl + F). Вновь введите туда название тега. Если кода в файле немного, то вы и сами можете просмотреть его и найти нужные строчки. Тут ваши действия зависят от того, что именно нужно исправить.
Например, в одном шаблоне название поста выводилось в h2. Возможно, его разработчик не разбирается в SEO, поэтому и допустил такую ошибку. Но это легко исправляется. Редактируем single.php и меняем в нем h2 на h1. Это можно сделать как вручную, так и с помощью функции автоматической замены.
Возможно, так же понадобится редактирование боковой колонки (sidebar.php). Собственно, лишние h1 могут быть где угодно: в заголовках виджетов, в меню и даже в футере (footer.php). Все это нужно найти и убрать.
Ну а что делать, если в самой статье несколько h1? Тогда проблема решается еще легче – редактированием самой статьи. Уберите все лишние h1, оставив только один главный верхний заголовок.
Как видите, справиться с этой проблемой можно самостоятельно абсолютно без проблем. Для этого вам не нужны даже знания в области сайтостроения, а просто элементарное умение находить и открывать файлы, пользоваться поиском и изменять немного нужные строчки. Да и к сео-специалисту нет нужды обращаться теперь, по крайней мере, по поводу рассмотренного нами сегодня вопроса.
Что ж, теперь вы знаете, как проверить заголовок h1 на странице и правильно настроить шаблон. Конечно, это всего лишь одна из множества настроек, которые помогут вам раскрутить и монетизировать сайт. Намного больше информации вы можете найти, если изучите и его выводе на доход от 20 тысяч рублей в месяц в самое кратчайшее время. Успехов вам во всем и хороших позиций в поиске!
В данной статье рассмотрим особенности правильной расстановки тегов 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>24956 раз(а)
<span>57 Сегодня просмотрено раз(а)
</p>
<p>Что такое заголовок, знает абсолютно каждый. Это емкое, привлекательное название, в котором при всей лаконичности заключается суть целой публикации, статьи и т. д. Но заголовок на странице сайта - это не совсем то, что мы привыкли видеть в газетах, журналах или книгах. Почему? Попробуем разобраться.</p>
<h2>Что такое H1?</h2>
<p>H1 - это главный заголовок в статье, заголовок первого уровня. Каждая страница в интернете имеет свою структуру. Заголовки H1-H6 как раз и позволяют правильно структурировать материалы, причем как для поисковиков, так и для пользователей. H1 - главный заголовок, H2-H6 второстепенные, вложенные подзаголовки. В коде заголовки выглядят так: <h1>сам заголовок</h1>, цифра как раз и обозначает уровень заголовка.</p>
<p>Заголовки в Интернете служат не только для обозначения структуры и сути описываемого, но и для оптимизации сайта. Чтобы вывести сайт на видимые позиции в выдаче, пишите правильные заголовки, соблюдая 2 простых условия:</p>
<h2>Условие 1. Ключевые слова в заголовках</h2>
<p>Для этого у вас должно быть разработано качественное семантическое ядро - отнеситесь к нему крайне ответственно и помните, что один и тот же ключ вставлять на все страницы сайта нельзя. Релевантность всему голова: нужно соответствовать ожиданиям клиентов и поисковиков. В заголовках главной страницы можно брать среднечастотные и высокочастотные запросы. А на товарных страницах (карточка товара) вполне допустимы заголовки с низкочастотными ключами. Ключ должен вести на конкретную позицию или единицу, быть точным, а не обобщенным.</p>
<p>Размещая ключевые слова, делайте это аккуратно: не злоупотребляйте ключами и не составляйте спамные заголовки (например, <i>купить квартиру Москва, купить сумка холодильник, купить мотоцикл Красноярск цена, моя твоя не понимать и т. д.
</i>). Сохраняйте красоту фразы и ее логичность. В великом и могучем русском языке слова спрягаются и склоняются, а роботы сейчас понимают смыл, разбираются в языке не хуже нас с вами! И не частите - спам очевиден всем, а так и до Баден-Бадена рукой подать, ну и не забывайте про Панду от Google.</p>
<p>Пример, где количество ключей зашкаливает, перебор.</p>
<p>Из главного заголовка понятно, о каком товаре пойдет речь. Конечно, в первом абзаце без ключа не обойтись, но делайте это ненавязчиво, а не так открыто и агрессивно.</p>
<p>Ну и надеюсь, что никому и никогда не придет в голову затолкать в заголовок все ключевые слова, предназначенные для одной страницы. Ничего хорошего явно не получится. =)</p>
<p>Помните, что текст создается не только для поисковых машин, но и для людей. И вообще роботам нравятся человечные, простые и понятные тексты. Если в заголовке ключевые слова органично встанут в начало предложения, то сработает чуточку лучше. Т.е. с точки зрения оптимизации страницы под ключевое слово "гостиницы Москвы" лучше отработает заголовок "Гостиницы Москвы - официальные сайты, обзоры, фото", чем "Обзоры, фото и официальные сайты гостиниц Москвы".</p>
<h2>Условие 2. Теги <h1>-<h6></h2>
<p>Размещая тексты на сайте, не забудьте правильно расставить теги. Теги для заголовков текста определяются следующим HTML-кодом: <h1>-<h6>. По нашим наблюдениям, вполне хватает двух тегов — <h1>-<h2>. Сейчас большие тексты люди не читают, и даже исходя из логики вещей, вложенность такого количество заголовков не нужна. Исключение могут составлять страницы, где много видео, картинок, интерактивных элементов и т.д. Но это все же исключение, а не правило.</p>
<p>Поисковики также учитывают размерность и значимость тегов <h1>-<h2>. При верстке стоит обратить внимание, чтобы заголовки визуально выделялись из общего текста.</p>
<p>Ссылки в заголовках использовать не стоит, особенно в <h1>: так вы уведете человека со страницы на другой материал или, если ссылаетесь на эту же страницу, создаете циклическую ссылку, которая ничего хорошего не дает.</p>
<p>Допустимо ссылаться с заголовков уровня <h2> и ниже, но тоже если это оправдано и логично.</p>
<p>Поисковые роботы придают заголовкам большое значение, поскольку они используются, чтобы обозначить важную информацию. Так машинам будет легче читать текст и понимать его структуру, логику; видеть, что есть самое весомое. Не стоит пытаться схитрить и применять теги <h1>-<h6> для всего текста на странице, ведь толку от этого не будет. Роботы не дураки, и вообще очень ранимые - могут отомстить за это чем-нибудь малоприятными для вашего сайта. Поэтому предварительно подумайте семь раз, последствия страшны. Прописывая заголовки в тексте, придерживайтесь следующих правил:</p>
<ol><p>Наводим порядок. Теги <h1>-<h6> расставляются по принципу иерархии: тег <h1> важнее тега <h2>. На деле это выглядит вот так:</p>
<p><img src='https://i1.wp.com/1ps.ru/files/blog/2018/technical-side-of-headings-02-mini.png' width="100%" loading=lazy></p>
<p>Поисковики перфекционисты: любят верную последовательность, чтобы все было на своих местах, на своих полочках. Поэтому соблюдаем логику: младший сын не может родиться раньше старшего. Такое не допустимо - вот пример с нарушенной иерархией:</p>
<p><img src='https://i0.wp.com/1ps.ru/files/blog/2018/technical-side-of-headings-03-mini.png' width="100%" loading=lazy></p>
<p>Кроме того, тег <h1> играет важную роль при формировании быстрых ссылок в поисковой выдаче Яндекс.</p>
<p>Если все получится, то эффект от такой вроде бы незначительной и легкой работы не заставит себя ждать.</p>
<p>А если у вас возникнут сложности - обращайтесь к нашим специалистам , мы готовы проверить, правильно ли прописаны заголовки у вашего сайта, корректно прописать в случае ошибок и ответить на любые вопросы. Составление заголовков для 1 страницы (+подбор 3-х релевантных ключей) - от 450 рублей.</p></ol>
02.12.15
44.1K
<p>Зачастую начинающих веб-мастеров мучает вопрос, почему одни сайты ранжируются выше и обходят конкурентов в поисковой выдаче. Причиной этого могут быть неправильно расставленные теги h1
, h2
…h6
. Если эти теги расставлены неверно, без учета специфики ресурса, то поисковикам сложнее получить точную информацию о статьях и содержащихся в ней ключевых словах.</p>
<p>Теги h1
—h6
позволяют выделить заголовки различных уровней. Они дают понять, какие части текста более точно отражают тему статьи и обеспечивают преимущества в ранжировании.</p>
<p>Грамотная расстановка тегов позволяет поисковым системам более точно отображать станицу по запросам в выдаче, что благоприятно сказывается на позиции ресурса:</p>
<h2>Зачем нужны теги h1-h6?</h2>
<p>В теги заключается название сайта, заголовки и подзаголовки текста:</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>
<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>
<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><h3>Как правильно использовать теги h2-h6?</h3>
<p>Кроме h1
для расстановки заголовков, которые идентифицируются поисковыми системами, используются теги h2
, h3
, h4
, h5
, h6
и т.д.</p>
<h4>Тег h2</h4>
<p>Как правило, используется для заголовков постов в ленте, размещенной на главной странице или для подзаголовков в статье.</p>
<h4>Теги h3, h4</h4>
<p>Зачастую с их помощью выделяют названия подзаголовков, рубрик и виджетов в sidebar
.</p>
<h4>Теги h5, h6</h4>
<p>Предназначены для еще более мелких элементов страниц, которые следует отделить от остального текста.</p>
<p>Расстановка заголовков h1
— h6
в разных версиях движков может быть реализована по-разному.</p>
<p>Правила расстановки h2
—h6
:</p>
<ul><li>Структура заголовков. Должна быть соблюдена иерархия заголовков;</li>
<li>Размер шрифта. Чем ниже уровень заголовка, тем мельче шрифт. Редактирование шрифтов производится в стилях. Но, как правило, шрифты имеют правильные размеры по умолчанию;</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>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>
</div>
</div>
<div class="right -is-sticky">
<div class="articles-conseilles">
</div>
</div>
</div>
<div class="a-decouvrir">
<h3>Рекомендуем почитать</h3>
<div class="featured">
<div class="view view-articles view-id-articles view-display-id-block_4 view-dom-id-169dc93f512a102548b755435ccd1346">
<div class="view-content">
<div class="row">
<article class="preview-article">
<header class="preview-article__header">
<a href="/gde-v-telefone-nfc-nfc-v-smartfone-chto-eto-dlya-chego-nuzhen-modul-i-kak-im.html">
<figure class="">
<img src="https://i0.wp.com/smartfonus.ru/wp-content/uploads/2017/12/modul-nfc-768x445.jpg" alt="NFC в смартфоне: что это, для чего нужен модуль и как им пользоваться" loading=lazy>
</figure>
</a>
</header>
<div class="preview-article__content">
<div class="views-field views-field-title"> <span class="field-content"><a href="/gde-v-telefone-nfc-nfc-v-smartfone-chto-eto-dlya-chego-nuzhen-modul-i-kak-im.html">NFC в смартфоне: что это, для чего нужен модуль и как им пользоваться</a></span> </div>
<div class="views-field views-field-body">
<div class="field-content">
<p>
Всё большему числу пользователей рекомендуют купить тот или иной смартфон из-за...
</p>
</div>
</div>
<div class="views-field views-field-field-article-categorie">
<div class="field-content"> <span class="preview-article__category se-soigner">
</span>
</div>
</div>
</div>
</article>
<article class="preview-article">
<header class="preview-article__header">
<a href="/nizkourovnevoe-formatirovanie-sd-karty-programmy-dlya.html">
<figure class="">
<img src="https://i1.wp.com/rempc.by/upload/formatirovanie/New%20Folder2/kakuju%20vybrat%20programmu%20dlja%20formatirovanija%20fleshek.jpg" alt="Программы для форматирования карты памяти" loading=lazy>
</figure>
</a>
</header>
<div class="preview-article__content">
<div class="views-field views-field-title"> <span class="field-content"><a href="/nizkourovnevoe-formatirovanie-sd-karty-programmy-dlya.html">Программы для форматирования карты памяти</a></span> </div>
<div class="views-field views-field-body">
<div class="field-content">
<p>
Представляем программы для надёжного форматирования флешки
В этой статье мы...
</p>
</div>
</div>
<div class="views-field views-field-field-article-categorie">
<div class="field-content"> <span class="preview-article__category se-soigner">
</span>
</div>
</div>
</div>
</article>
<article class="preview-article">
<header class="preview-article__header">
<a href="/besplatnaya-nakrutka-repostov-vkontakte-o-kotoroi-vy-mechtali-kupit.html">
<figure class="">
<img src="https://i2.wp.com/vksetup.ru/wp-content/uploads/2017/01/reposti-v-servise-turbolayker.png" alt="Купить, накрутить репосты вконтакте Способы рекламы Вконтакте" loading=lazy>
</figure>
</a>
</header>
<div class="preview-article__content">
<div class="views-field views-field-title"> <span class="field-content"><a href="/besplatnaya-nakrutka-repostov-vkontakte-o-kotoroi-vy-mechtali-kupit.html">Купить, накрутить репосты вконтакте Способы рекламы Вконтакте</a></span> </div>
<div class="views-field views-field-body">
<div class="field-content">
<p>
Социальная сеть ВКонтакте остается одной из самых популярных среди прогрессивно...
</p>
</div>
</div>
<div class="views-field views-field-field-article-categorie">
<div class="field-content"> <span class="preview-article__category se-soigner">
</span>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
<a href="#skip-link" class="visually-hidden visually-hidden--focusable" id="main-menu" tabindex="-1">Наверх</a>
</div>
</section>
<div class="region region-bottom">
<div class="block block-block first last odd" id="block-block-7">
<ul>
<li><a href="/category/for-beginners/">Для начинающих</a></li>
<li><a href="/category/accessories/">Комплектующие</a></li>
<li><a href="/category/windows-10/">Windows 10</a></li>
<li><a href="/category/windows-7/">Windows 7</a></li>
<li><a href="/category/local-network/">Локальная сеть</a></li>
<li><a href="/category/excel/">Excel</a></li>
</ul>
<p><a href="/" id="choosit"><img alt="" height="13" src="/sites/all/themes/lanutrition/img/logo-choosit.svg" width="50" / loading=lazy></a></p>
</div>
</div>
<div class="search-modal" id="search-modal"><button class="close-button" id="close-search" aria-label="Close reveal" type="button"><span aria-hidden="true">×</span></button>
<div class="search-modal__content">
<div class="block block-search first odd" role="search" id="block-search-form">
<form class="search-form" role="search" action="/" method="get" id="search-block-form" accept-charset="UTF-8">
<div>
<div class="container-inline">
<h2 class="element-invisible">Поиск по сайту</h2>
<div class="form-item form-type-textfield form-item-search-block-form">
<input title="" class="custom-search-box form-text" placeholder="введите слово" type="text" id="edit-search-block-form--2" name="s" value="" size="15" maxlength="128" />
</div>
<div class="form-actions form-wrapper" id="edit-actions"><input type="submit" id="edit-submit" name="op" value="Rechercher" class="form-submit" /></div>
</div>
</div>
</form>
</div>
</div>
</div>
</body>
</html> 