Как использовать в продвижении тег h1. Как правильно использовать заголовки H1 и H2 при оптимизации текстов

Viber OUT 26.09.2019
Viber OUT

Заголовочные теги

...

должны быть на каждой странице сайта. Важность каждого заголовка зависит от цифры:

- самые важные заголовочные теги

- менее значимые чем первый ...
- последние по важности

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

...

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

Синтаксис тегов

..

Название статьи

Подзаголовок1

...

Подзаголовок2

Подзаголовок3_1

...

Подзаголовок3_N

Подзаголовок3

и т.д.

Каждый заголовок по умолчанию имеет разный размер. Например, код

Заголовок h1

Заголовок h2

Заголовок h3

Заголовок h4

Заголовок h5
Заголовок h6

На странице превращается в следующее:

Значимость тегов

..

По весу и значимости в продвижение сайтов заголовочные теги h1-h6 находятся на втором месте после тега . Во многом правила составления тайтла схожи с h1.</p> <h2>Правила использования тега <h1></h2> <ul><li>Тег <h1> должен присутствовать в одном экземпляре на каждой странице сайта. Это правило должно не вызывать никаких вопросов, ведь у каждой страницы сайта должно быть только одно название. А если названия вообще нет, то тогда вообще зачем нужна такая страница?</li> <li>Заголовок <h1> должен быть где-то вверху html-кода страницы</li> <li><h1> должен быть уникальным в пределах сайта, т.е. не должно быть так, что некоторые страницы называются одинаково</li> <li>Заголовок должен отражать суть статьи, не быть очень длинным</li> <li>Не должен содержать какие-то еще элементы кроме названия страницы (т.е. нельзя использовать внутри h1 ссылки, элементы span, font, картинки и т.п.)</li> <li>Плохо использовать заголовки не по назначению. Например, часто в шаблонах теги h3 используются для заголовков "Теги", "Комментарии" в сайдбарах. Это не правильно. Заголовочные теги должны использоваться в статье, чтобы правильно структурировать контент и помочь, как поисковым систем, так и обычным пользователям разобраться быстро в статье.</li> <li>Желательно использовать заголовки без параметров class и id</li> <li>Важно соблюдать иерархию заголовочных тегов. На этом моменте нужно остановиться более подробно.</li> </ul><h2>Важность иерархии <h1>..<h6></h2> <p>В html коде страницы первым должен быть тег <h1> . Нельзя сначала делать заголовок <h2> , потом <h1> . Аналогично и с другими номерами тегов. Вот правильное использование тегов:</p> <blockquote><h1 >Название статьи </h1 > ... <h2 ></h2 > <h3 ></h3 > <h4 ></h4 > ... <h4 ></h4 > <h3 ></h3 > ... <h3 ></h3 > <h2 ></h2 > ... <h2 ></h2 > <h3 ></h3 > </blockquote> <p>Т.е. каждый более низкий тег всегда располагается во вложении более высокого. Это и есть правильная иерархия. При этом не допускаются резкие переходы с <h1> на <h4> , с <h2> на <h5> и т.п.</p> <p>Помимо такой иерархии нужно еще соблюдать и иерархию в плане размеров шрифтов. Т.е. более важные заголовки должны иметь более большой шрифт. Хотя подтверждающих фактов тому, что поисковые системы анализируют стили, которые находятся в.css файлах пока никто не объявлял, но негласно есть такое правило среди вебмастеров и оптимизаторов.</p> <p><b>Может ли заголовок <h1> и <title> совпадать? </b> <br>На этот вопрос сейчас разгораются споры. С одной стороны логично, чтобы <title> и <h1> совпадали. Но с другой стороны это как бы дублирование название страницы. Вообще чаще всего заголовки будут разными, поскольку в <h1> вряд ли можно и имеет смысл писать слова "Купить, цена, фото", а в тайтле такие слова наоборот используются. Отвечая на вопрос - делайте так, чтобы было все понятно пользователю и смотрелось естественно.</p> <p><b>Сколько может быть заголовков <h2>, <h3>? </b> <br>Заголовочных тегов <h2> -<h6> может быть несколько на странице, все зависит от размера контента. Количество контента на один заголовок должно быть адекватным. Другими словами не должно быть так, что после заголовка <h2> идет 5 предложений, потом опять <h2> и опять маленький абзац. В таких случаях скорее всего лучше вообще не использовать заголовочные теги.</p> <p>Не стоит путать заголовочные теги <head> и h1-h6. Одни нужны для поискового робота, другие для поискового робота и пользователей.</p> <p>Грамотный, бросающийся в глаза заголовок статьи способен привлечь внимание и посетителей на сайт. Это одна из важнейших составляющих при SEO-оптимизации интернет проекта. В данном посте я расскажу, что такое заголовки h1, h2, h3, h4, h5, h6 и как их прописать. Кроме того вы узнаете об основном заголовке страницы – title.</p> <p>Но давайте обо всем по порядку.</p> <h2>Что такое title</h2> <p>И так, <b>title </b> – это специальный тег, расположившийся в начале html-кода, кратко описывающий содержимое определенной страницы сайта. По поводу заголовка title более объемно и подробно написано в этой статье .</p> <p>В исходном коде основной заголовок выглядит следующим образом:</p> <p><title>Кто такой фрилансер и как им стать?

Данный вид заголовка, к примеру, на CMS Joomla создается в автоматическом режиме. То есть заголовок, который прописывается к каждому материалу и является тем самым заглавным заголовком title. Его важность для внутренней SEO-оптимизации сайта не преувеличена, поскольку именно его видит пользователь интернета в поисковой строке при определенном запросе.

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

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

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

Кто такой фрилансер и как им стать

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

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

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

Как прописать заголовок h1 и title

В сфере SEO-оптимизации существуют четкие правила по написанию основных тегов, а именно:

1. Ключевые слова . В глазах поисковиков грамотно изложенная выглядит куда перспективнее и привлекательней, если в начале ее заголовка title и h1 прописать слова, отвечающие ключевым запросам. Как их узнать? Для этого существует специальный онлайн сервис wordstat.yandex.ua .

2. Читабельность . Нельзя просто взять и повпихивать ключевики в заголовок. Текст должен быть естественным и при этом легко читаться, в противном случае поисковики посчитают такую выходку за спам. При написании заголовка h1 и title постарайтесь располагать ключевые слова, как можно ближе к их началу. Другое дело заголовки h1, h2, h3… Их можно склонять и разбавлять определенными тематическими словами.

3. Никаких дублей . Для того чтобы страницы сайта более высоко ранжировались в поисковой выдаче, в html коде не должно быть повторяющихся заголовков. Для проверки страниц, достаточно открыть сайт в браузере и нажать горячие клавиши Ctrl+U, а затем Ctrl+F. В окне поиска пропишите h1 и все присутствующие символы подсветятся желтым фоном.

4. Длина . В теге title допускается использование 70 символов, так как большее количество просто напросто не поместится в сниппете.

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

7. Разделительные знаки желательно не использовать.

Правильное использование тегов h2 – h6

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

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

SEO разметка текста.. или семантическая верстка сайта.

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

Для того что бы Вам было понятнее о чем идёт речь приведу несколько примеров где логика отсутствует..

Итак, плохие примеры:

  • Использование заголовков

    -

    лишь с той целью чтобы увеличить или уменьшить размер буковок..
  • Неуместное использование тегов логического форматирования , например, вместо текста
    г. Самара
     просто какой то текст, который никоем образом к адресу не относится.. например:
    Установка окон
    .
  • Использование тегов для формирования списков
      1. для простой декорации текста или например для создания отступов в тексте.. и наоборот формирование некого списка, перечня например того же меню сайта с помощью других тегов.
      2. И даже использование таблицы в качестве каркаса сайта (табличная вёрстка) вместо того чтобы использовать таблицу по её прямому назначению, а именно для вывода данных в табличной форме.. расписания движения электричек например.. это тоже НЕ семантическая верстка сайта.

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

    Думаю сейчас многие испугались "ааа.. у меня сайт таблицей свёрстан!", "а у меня меню сайта не является списком.." не пугайтесь сильно! конечно к "правильному" построению сайта нужно стремиться, но если по-другому никак не получается то можно чем то и пренебречь, однако некоторые вещи всё же лучше соблюдать!

    Заострим внимание на правильной разметке текста, так как это наиболее важно для оптимизации сайта под поисковые системы..

    Многие начинающие веб-мастера думают, что заголовки

    -
    это всего лишь способ выделить текст размером, сделать его крупнее - это не так!! На самом деле теги

    -

    во-первых выделяют именно заголовки в тексте, а во вторых выделяют их по степени "важности" например заголовок

    Как создать сайт?

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

    .

    Однако не стоит хвататься переделывать все заголовки на Вашем сайте с

    ,

    ..

    в

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

    То есть заголовки должны быть, как бы вложены друг в друга по степени важности и иметь древовидный вид. Сам же текст желательно разбить на параграфы с помощью тега

    - где текст каждого абзаца несет в себе одну логическую часть текста.

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

    Так как текст в заголовках

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

    В данной статье рассмотрим особенности правильной расстановки тегов 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>20462 раз(а) <span>4 Сегодня просмотрено раз(а) </p> <p><b>Теги h1, h2, h3, h4, h5 и h6 </b> представляют из себя заголовки с первого по шестой уровень. Они определяют важность сегмента, который озаглавливают. Градация начинается от h1 — самого приоритетного, и заканчивается h6, который имеет низший приоритет из всех.</p> <p>При этом на странице может быть не более одного заголовка h1, так как именно этот тег описывает все содержимое страницы целиком.</p> <p>Заголовков h2…h6 в документе может быть сколько угодно.</p> <p>Все они имеют крайне простой синтаксис. Начинается заголовок с тега <h1>, далее следует текстовое описание, которое обрамляется закрывающим тегом </h1>.</p> <p>Вот так: <b><h1>Тут находится текст заголовка</h1> </b></p> <p>На рисунке ниже представлен заголовок внутри HTML страницы.</p> <p>Заголовки любого уровня, с точки зрения HTML, являются блочными элементами и всегда отображаются на новой строке. Это позволяет визуально разделить текст на смысловые блоки.</p> <p>Пример заголовка h1 можно увидеть прямо на странице с данной статьей. Выглядит он следующим образом.</p> <p>Его синтаксис крайне прост: <b><h1>Заголовки страницы h1, h2, h3 … h6</h1> </b></p> <p>В заголовке содержится краткое описание материала, а так же самые распространенные ключевые слова. Никаких дополнительных стилей и слоев внутри h1 нету.</p> <h3>Пример заголовков h2…h6</h3> <p>Наглядный пример вложенных заголовков h2 и h3 можно увидеть на странице <i>(Для удобства, на рисунке мы убрали текст статьи) </i></p> <p><img src='https://i0.wp.com/dh-agency.ru/wp-content/uploads/2017/08/primery-zagolovkov-h2-h3.png' width="100%" loading=lazy></p> <p>Заголовок <h2></h2> имеет больший размер и содержит описание раздела, в том числе обобщающее подзаголовки <h3></h3>. Во все теги добавлены ключевые слова. При этом h2 имеет более частотный ключевик, чем h3.</p> <h2>Роль тегов h1…h6 в SEO</h2> <p>В SEO продвижении <b>заголовок первого уровня h1 </b> занимает особую роль. Он описывает содержимое всего документа и в отличии от <title> отображается на странице. По сути, это второй по важности тег для поисковой системы после title. Именно в h1 заключается самый частотный запрос, который озаглавливает содержимое всей продвигаемой страницы. Пишется данный тег с учетом, которые крайне важны для SEO.</p> <p>Подзаголовки<b> h2, h3, h4, h5 и h6 </b>структурируют документ разбивая его на блоки различной степени вложенности. Опираясь именно на данные теги поисковая система определяет важность того или иного отрывка текста. Не стоит весь материал озаглавливать тегом h1 или h2. От этого он не станет «весомее». Вы просто потеряете возможность «расставлять» приоритетность внутри статьи. В таком случае, робот самостоятельно определит приоритетные и второстепенные отрывки, которые в итоге могут не совпадать с Вашим видением ситуации.</p> <h2>Правильно прописываем h1</h2> <p>Качественный <b>заголовок h1 </b> должен соответствовать ряду серьезных требований.</p> <ol><p>Кратко и понятно описывать содержимое всей страницы;</p> <p>Быть написан на том же языке, что и весь материал страницы;</p> <p>Быть длинной не более 60 символов, при этом располагаться на странице в одну строку;</p> <p><i>(Длинные заголовки неудобны для чтения и плохо воспринимаются поисковыми системами.) </i></p> <p>Не вводить пользователей в заблуждение;</p> <p>Иметь уникальное содержимое;</p> <p>Быть одним на странице;</p> <p>Внутри <h1></h1> не должно быть сторонних тегов разметки и форматирования, таких как <i>, <b>, <strong>, <span>, <div> и других.</p> </ol><h3>Ошибки при написании h1</h3> <p>Ошибки при написании заголовков первого уровня h1 могут иметь катастрофические последствия для продвижения конкретной страницы. Давайте рассмотрим самые распространенные из них, что бы никогда не допускать на своих сайтах.</p> <ol><p>Слишком длинный заголовок; </p> <p>Заголовки имеющие длину более 70-100 символов плохо читаются, к тому же поисковой системе сложнее почерпнуть из них суть статьи.</p> <p>Заголовки состоящие из ключевых слов; </p> <p>Наличие SEO СПАМа может повлечь за собой исключение из поисковой выдачи. Не стоит превращать содержимое тегов <h1></h1> в семантическое ядро .</p> <p>Наличие бренда; </p> <p>Если Ваша фирма недостаточно известна, наличие ее названия в h1 повлечет за собой потерю драгоценного места.</p> <p>Заголовки, которые не описывают суть статьи. </p> <p>В первую очередь, h1 должен описывать суть страницы, а уже потом быть привлекательным и продающим.</p> <p>Наличие множества h1 в статье. </p> <p>Если на Вашей странице находится несколько h1, это введет поискового робота в заблуждение.</p> </ol><h2>Правильно прописываем h2…h6</h2> <p>Для <b>заголовков h2…h6 </b> требования немного мягче. Для них справедливо все указанное , но при этом:</p> <ol><p>Тегов одного уровня на странице может быть несколько; <i>(К примеру, можно иметь 3 тега h2 в одном документе) </i></p> <p>Они должны описывать только тот блок, который озаглавливают;</p> <p>Могут иметь длину до 80 символов;</p> <li>Должны содержать в себе менее частотные ключевые слова; <i>(В сравнении с тегом h1) </i></li> </ol><p>Ошибки при написании тегов h2, h3, h4, h5 и h6 очень схожи с теми, что допускают при создании h1. Поэтому, мы не будем уделять им внимание.<br></p> <h2>Заголовки h1, h2,…h6 для WordPress</h2> <p>В WordPress нет никаких сложностей с созданием заголовка первого уровня, так как на страницу он выводится автоматически. Достаточно добавить основное название статьи и оно сразу отобразится в тегах <h1></h1>. Пример заголовка представлен на рисунке ниже.</p> <p><img src='https://i2.wp.com/dh-agency.ru/wp-content/uploads/2017/08/zagolovok-h1-wordpress.png' width="100%" loading=lazy></p> <p>Обратите внимание, что добавлять <h1> в текст статьи не нужно, так как это приведет к дублированию тега. Что для SEO может иметь негативные последствия.</p> <p>Символьного ограничения данное поле в WordPress не имеет, поэтому придерживайтесь основных требований написания.</p> <p>Заголовки второго, третьего, четвертого, пятого и шестого уровня — h2, h3, h4, h5 и h6 прописываются в теле статьи напрямую в HTML разметке или при помощи визуального редактора.</p> <p><img src='https://i2.wp.com/dh-agency.ru/wp-content/uploads/2017/08/sozdanie-h2-h3-h4-h5-h6-redaktorom.png' width="100%" loading=lazy></p> <h2>Заголовки h1, h2,…h6 для Joomla!</h2> <p>Так же, как и в WordPress, в Joomla! заголовок выводится из названия статьи. Данное поле не имеет ограничений по количеству символов, поэтому ориентируйтесь на допустимые размеры заголовков.</p> <p>Создавая первую статью, обязательно проверьте, корректно ли выводится заголовок и расположен ли он в тегах <h1></h1>. При определенных настройках заголовок может не отображаться.</p> <p>Принцип создания вложенных заголовков при помощи тегов h2, h3, h4, h5 и h6 схож с . Их так же можно добавить через редактор HTML кода или с помощью визуального оформления.</p> <p><img src='https://i0.wp.com/dh-agency.ru/wp-content/uploads/2017/08/sozdanie-vlojennih-zagolovkov-joomla.png' width="100%" loading=lazy></p> <p><i>(Вид редактора может отличаться в зависимости от версии Joomla! или установленных модулей и настроек.) </i></p> <h2>Заголовки h1, h2,…h6 для Opencart</h2> <p>В Opencart для заголовка отведено отдельное поле, которое так и называется «HTML-тег H1». Это достаточно удобно, так как название может отличаться от фактически выводимого h1.</p> <p>Как и в других CMS, никаких ограничений внутри поля тут нету.</p> <p><img src='https://i0.wp.com/dh-agency.ru/wp-content/uploads/2017/08/teg-h1-dlya-opencart.png' width="100%" loading=lazy></p> <p>Заголовки второго, третьего и т.д. уровней (h2, h3, h4, h5 и h6) прописываются в статье самостоятельно. Делается это так же, как и в других системах управления при помощи HTML разметки или редактора.</p> <p><img src='https://i2.wp.com/dh-agency.ru/wp-content/uploads/2017/08/zagolovki-v-opencart.png' width="100%" loading=lazy></p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </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> </div> </div> </div> <div class="right -is-sticky"> <div class="articles-conseilles"> <div id="focoda2" style="height:500px;width:266px;" align="center"></div> </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="/luchshie-utility-dlya-udaleniya-virusov-i-vredonosnyh-programm/"> <figure class=""> <img src="https://i2.wp.com/webhelper.info/images/danger.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="/luchshie-utility-dlya-udaleniya-virusov-i-vredonosnyh-programm/">Лучшие утилиты для удаления вирусов и вредоносных программ</a></span> </div> <div class="views-field views-field-body"> <div class="field-content"> <p> Вредоносное ПО (malware) - это назойливые или опасные программы,... </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="/programma-dlya-vosstanovleniya-udalennyh-failov-onlain-kak-testirovalis/"> <figure class=""> <img src="https://i0.wp.com/softnonstop.ru/newi/7-Data-Recovery-Suite-min.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="/programma-dlya-vosstanovleniya-udalennyh-failov-onlain-kak-testirovalis/">Как тестировались программы</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="/chto-sdelat-chtoby-umenshit-nagruzku-kak-umenshit-nagruzku-na-cp/"> <figure class=""> <img src="https://i2.wp.com/pcpro100.info/wp-content/uploads/2015/03/kak-pochistit-kompyuter-ot-pyili.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="/chto-sdelat-chtoby-umenshit-nagruzku-kak-umenshit-nagruzku-na-cp/">Как уменьшить нагрузку на ЦП: простые, но эффективные методы решения проблемы</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/news/">Новости</a></li> <li><a href="/category/for-android/">Для Андроид</a></li> <li><a href="/category/for-windows/">Для Windows</a></li> <li><a href="/category/for-windows-phone/">Для Windows Phone</a></li> <li><a href="/category/download-viber/">Скачать Viber</a></li> <li><a href="/category/viber-on-the-computer/">Вайбер на компьютер</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>