Анатомия заголовков H1-H6 для оформления и структуризации контента. Теги h1 h2 h3, все о заголовках и подзаголовках
Заголовочные теги
...
должны быть на каждой странице сайта. Важность каждого заголовка зависит от цифры:
- самые важные заголовочные теги
- менее значимые чем первый
...
- последние по важности
К этим тегам нужно относится с осторожностью, поскольку они оказывают больше влияние на ранжирование сайта . При грамотном использовании тегов
...
зачастую можно добиваться хороших позиций сайта по запросам только на внутренних факторах. И обратная ситуация: в случае неправильного использования можно попасть под санкции поисковых систем. В этой статье мы как раз и поговорим как правильно использовать эти теги.
Синтаксис тегов ..
Название статьи
Подзаголовок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><b>Тег H1 или заголовок H1
</b> — это заголовок первого уровня и он имеет наибольшее значение и важность среди всех заголовков. <b>Тег H1
</b> должен применяться на странице один раз, располагаться выше всех других заголовков и иметь самый большой размер шрифта.</p>
<p>Всего тегов заголовков существует шесть. Это h1, h2, h3, h4, h5 , h6. Эти теги применяются для форматирования текста на странице. H1 самый весомый среди них как для посетителе, так и для поисковиков.</p>
<p>Приветствую Вас на страницах . В этой статье поделюсь с Вами некоторыми моментами при использовании заголовка H1 на страницах блога под управлением CMS WordPress.</p>
<h2>Тег H1 — значение для продвижения</h2>
<p><img src='https://i0.wp.com/inetmkt.ru/wp-content/uploads/2012/03/tegi-h.jpg' align="left" height="150" width="150" loading=lazy>Поисковые системы используют слова и фразы, применяемые в этом теге, для определения релевантности страниц поисковому запросу. Этот тег является одним из наиболее значимых элементов релевантности. При оптимизации текста страницы важнее тега H1 поисковые системы ценят только тег TITLE.</p>
<p>И если быть более кратким и конкретным, то <b>тег H1 рекомендуется использовать для заголовков страниц наших сайтов
</b> и они должны содержать ключевую фразу, по которым эта страница продвигается.<br>
Релевантность страниц, наряду с , является одним из самых весомых показателей для завоеваний лояльности поисковых систем.</p>
<h2>Правила заполнения заголовка H1</h2>
<p>Для получения хорошего результата при продвижении страниц сайта следует выполнять следующие правила его заполнения:</p>
<ol><li>Каждая страница должна содержать ОДИН тег H1.</li>
<li>Тег должен содержать одно ключевое слово, по которому продвигается страница.</li>
<li>Содержимое заголовка H1 должно быть уникальным для каждой страницы.</li>
<li>Тег H1 не должен быть гиперссылкой.</li>
<li>Желательно, чтобы тег не содержал классов, идентификаторов и других CSS элементов, а был в «голом» виде.</li>
<li>Не рекомендуется использовать в содержимом знаков препинания, запятых, двоеточий и так далее.</li>
<li>Размер тега не должен быть более двух предложений, лучше одно.</li>
</ol><p>В html-коде заголовок страницы должен выглядеть таким образом:</p>
<blockquote><p><h1>Тег H1 это заголовок страницы</h1></p>
</blockquote>
<p>Наиболее типичные грубые ошибки – это отсутствие тега H1 на странице или присутствие более одного заголовка. Такие ошибки обычно характерны для страниц разделов, в которых перечислены статьи, входящие в эти разделы.</p>
<p>Контроль заполнения тега H1 по всему сайту проводится в рамках . Для проведения такого аудита есть немало достойных инструментов. Я же порекомендую Вам сервис от Мегаиндекса – <i>audit.megaindex.ru
</i>
.</p>
<h2>Тег H1, применение в WordPress</h2>
<p><img src='https://i1.wp.com/inetmkt.ru/wp-content/uploads/2012/03/h1-wordpress.jpg' height="150" width="148" loading=lazy>Теорию повторили и теперь остановимся на некоторых технических моментах, связанных и применением тега H1 на сайтах, использующих CMS WordPress. Поскольку большинство начинающих блоггеров используют бесплатные шаблоны, то в них могут содержаться некоторые недоработки.<br>
В частности, возможны варианты, когда заголовок страницы выделяется не тегом H1, а другим тегом, чаще всего это H2.</p>
<p>Эта же недоработка обнаружилась и на моем блоге, после того как я создал при помощи программы Artisteer. При просмотре HTML-кода было обнаружено, что все заголовки страниц выводятся с тегом H2.</p>
<p>Для устранения этого пришлось редактировать файл <i>single.php
</i>
, именно так в большинстве шаблонов называются файлы, которые выводят информацию по каждой отдельной записи. Как я это сделал сейчас продемонстрирую наглядно.<br>
В теле файла <i>single.php
</i>
ищем часть кода, которая выводит заголовок. В моем случае этот выглядело таким образом:</p>
<blockquote><p><h2
class=»art-PostHeaderIcon-wrapper»><br>
<span class=»art-PostHeader»><br>
<?php the_title(); ?><br>
</span><br>
</h2
></p>
</blockquote>
<p>Меняем выделенные красным цветом теги h2 на необходимые h1 и файл <i>single.php
</i>
исправлен и готов к использованию. Оказалось, что это довольно просто, поменял пару символов и готово. Теперь этот блок стал выглядеть так:</p>
<blockquote><p><h1
class=»art-PostHeaderIcon-wrapper»><br>
<span class=»art-PostHeader»><br>
<?php the_title(); ?><br>
</span><br>
</h1
></p>
</blockquote>
<p>В Вашем случае выражение может быть несколько другого вида, но смысл, я надеюсь, Вы поняли.</p>
<p>Аналогичные изменения мне пришлось проделать с еще одним файлом темы <i>page.php
</i>, который отвечает за вывод страниц блога. Как известно блог на CMS WordPress содержит записи и страницы.</p>
<p>Функции создания и изменения их находятся в разных разделах администрирования блога, они хранятся в разных местах и соответственно за их вывод отвечают и разные программные модули.</p>
<p>В итоге отрезок кода в файле <i>page.php
</i>, который выводит заголовок страницы стал выглядеть вот так:</p>
<blockquote><p><h1
class=»art-PostHeaderIcon-wrapper»><br>
<span class=»art-PostHeader»><a href=»<?php the_permalink() ?>» rel=»bookmark» title=»<?php printf(__(‘Permanent Link to %s’, ‘kubrick’), the_title_attribute(‘echo=0’)); ?>»><br>
<?php the_title(); ?><br>
</a></span><br>
</h1
></p>
</blockquote>
<p>Но это было еще не все, на моем шаблоне я обнаружил, что тег H1 используется при выводе заголовка самого блога. И мне пришлось решать, оставлять все как есть или добиваться вывода заголовков страниц с тегом H1.</p>
<p>Ведь использование двух и более заголовков этого типа на одной странице не рекомендуется. Поисковые системы могут это расценить как переоптимизацию и сделать соответствующие выводы.</p>
<h2>Тег H1, корректировка шаблона WordPress</h2>
<p>В конце концов решил подправить эту недоработку, тем более, что хлопот больших это не принесло. Сейчас я Вам обо всем подробно доложу.</p>
<p>Для этого надо было внести поправки всего в два файла.</p>
<p>Первый <i> header.php
</i>
— это файл вывода заголовка блога.</p>
<p>Второй <i>style.css
</i> — файл описания стилей блога.</p>
<h3>Изменения header.php</h3>
<blockquote><p><div class=»art-Logo»><br>
<h1
id=»name-text» class=»art-Logo-name»><br>
<a href=»<?php echo get_option(‘home’); ?>/»><?php bloginfo(‘name’); ?></a></h1
><br>
<div id=»slogan-text» class=»art-Logo-text»><br>
<?php bloginfo(‘description’); ?></div><br>
</div></p>
</blockquote>
<p>Находим в <i>header.php
</i> фрагмент, который выводит заголовок блога и меняем тег заголовка h1
(выделил красным цветом те символы, которые изменяю) на тег абзаца p
. В результате получили такой код.</p>
<blockquote><p><div class=»art-Logo»><br>
<p
id=»name-text» class=»art-Logo-name
«><br>
<a href=»<?php echo get_option(‘home’); ?>/»><?php bloginfo(‘name’); ?></a></p
><br>
<div id=»slogan-text» class=»art-Logo-text»><br>
<?php bloginfo(‘description’); ?></div><br>
</div></p>
</blockquote>
<h3>Изменения в файле style.css</h3>
<p>Синим цветом я выделил наименование класса css, который нам придется подправить в файле <i>style.css
</i>, чтобы шрифт и размер вывода заголовка блога остался прежним, таким же как и до изменений. Далее открываем файл стилей, ищем поиском необходимый класс «art-Logo-name», фрагмент ниже</p>
<blockquote><p>h1
.art-Logo-name, h1
.art-Logo-name a, h1
.art-Logo-name a:link, h1
.art-Logo-name a:visited, h1
.art-Logo-name a:hover<br>
{<br><br>
font-size: 29px;<br>
text-decoration: none;<br>
padding:0;<br>
margin:0;<br>
color: #E0EDF0 !important;<br>
}</p>
</blockquote>
<p>Все выделенные красным цветом h1
меняю на p
и получаю в результате</p>
<blockquote><p>p
.art-Logo-name, p
.art-Logo-name a, p
.art-Logo-name a:link, p
.art-Logo-name a:visited, p
.art-Logo-name a:hover<br>
{<br>
font-family: Arial, Helvetica, Sans-Serif;<br>
font-size: 29px;<br>
text-decoration: none;<br>
padding:0;<br>
margin:0;<br>
color: #E0EDF0 !important;<br>
}</p>
</blockquote>
<p>Вот, собственно и все, что я хотел рассказать Вам о теге H1, как одном из элементов .<br>
Замечу только, что все работы я проводил на<b> тестовом поддомене
</b>, чтобы посетители моего блога не испытывали затруднений при возникновении проблем, которые могут возникнуть при подобного рода манипуляциях. Да и с точки зрения безопасности и сохранности функционала сайта это будет правильным решением.</p>
<p>В заключение хочу Вам предложить посмотреть небольшое видео, оно, правда, озвучено на английском языке, но мне все было понятно, надеюсь и Вам будет несложно разобраться. Этот ролик неплохо дополняет текст статьи и для новичков или тех, кто не силен в программировании будет неплохим подспорьем. Приятного просмотра.</p>
<p><span class="zgOuilSChgY"></span></p>
<p>На этом позволю себе закончить, а Вам пожелать успехов.</p>
<h3>Полезные Материалы:</h3><img src='https://i0.wp.com/inetmkt.ru/wp-content/uploads/2011/12/povedencheskiy-faktor-e1324718458190.jpeg' height="87" width="150" loading=lazy>
<p>Продолжает вещать миру о тонкостях SEO и не только. И сегодня на повестке дня весьма актуальная тема — заголовки сайта.</p>
<p>Такие вопросы, как правильная структура заголовков или принцип использования в заголовках html тегов h1, h2 и h3, вызывают бурные дебаты, как в seo сообществах, так и среди обычных веб-мастеров.</p>
<p>Пользуясь случаем, хочу выразить благодарность читателям SEO Маяка, за их активное участие в жизни блога. Не проходит и дня, чтобы я не получал письма с вопросами или просьбами.</p>
<p>Ваши письма, дорогие читатели, за частую формируют темы для моих будущих постов, тем самым практически полностью избавляя меня от необходимости заниматься их планированием.</p>
<p>В начале своей деятельности в качестве веб-мастера, я также задавался вопросом, как правильно использовать HTML теги в заголовках на сайте. Читая разные статьи по теме, я тщетно пытался понять, какая структура заголовков является правильной с точки зрения SEO.</p>
<p>Но все советы «бывалых» основывались на каких-то догадках и четких обоснований, своим теориям, никто не давал. Я потратил не мало времени, «перелопатил» кучу тематического материала, а в результате вопросов у меня стало еще больше.</p>
<p>Тема и по сей день не закрыта! Многие начинающие веб-мастера просто теряются в море информации и вообще перестают что-либо понимать. Ситуация очень схожа с неразберихой вокруг использования тегов nofollow и noidex .</p>
<p>Данной статей я постараюсь внести некоторую ясность в будоражащую многих тему и заодно ответить на вопросы своих читателей. Поехали!</p>
<h3>Вся правда о влиянии HTML тегов h1 — h6 на продвижение сайта</h3>
<p>Основная масса seo-оптимизаторов, советуют заключать в тег h1 непосредственно заголовок статьи, а название блога делать обычной ссылкой.</p>
<p>
<a>Заголовок сайта</a>
<h1>Заголовок статьи</h1>
<h2>Заголовки в теле статьи</h2>
<h3>Подзаголовки в теле статьи</h3>
<h4>Заголовки в сайдбаре</h4>
h5 и h6 использовать не обязательно
</p><p>Такая структура заголовков, применяется чуть ли на каждом втором блоге. Не могу сказать, что это не правильно, хочу сказать другое.</p>
<p>Пару лет назад, так и не найдя внятных ответов на свои вопросы, по правильной структуре применения h1 — h6, я решил оставить все так, как было изначально устроено в шаблоне. А устроено было так:</p><p>
<h1>Заголовок сайта в шапке</h1>
<h2>Заголовок статьи</h2>
<h3>Заголовки, которые я вставлял в тело статьи</h3>
<h4>Служебные заголовки под статьей и в сайдбаре</h4>
<h5>Вообще не использовались</h5>
<h6>Применял для некоторых стильных заголовков в сайдбаре</h6>
</p><p>По прошествии времени, львиная доля страниц моего кулинарного сайта выбралась в ТОП, причем по запросам, частотой в 10000 — 100000 запросов в месяц. Обращаю внимание, что основные заголовки моих статей, были заключены в тег h2.</p>
<p>В связи с вышесказанным, возникает пару резонных вопросов к «бывалым». Ребята, как же так получается, а где хваленое влияние тега h1? Если следовать логике Ваших советов, то мои статьи, с «недоразвитыми» заголовками h2, должны быть где-то на задворках поисковой выдачи?</p>
<p><b>На заметку
</b>! Заголовок статьи, заключенный в HTML тег h1, с точки зрения SEO, ничем не отличается от заголовка заключенного в тег h2</p>
<p>Многие веб-мастера, начитавшись подобных инструкций, корпят, меняя структуру заголовков в надежде, что это поможет «любимым» страницам вырваться в ТОП.</p>
<p>Придется их огорчить. Для того, чтобы статьи были достойны ТОПа, тега h1 будет, мягко сказать, недостаточно!</p>
<p>Чтобы оказаться в ТОПе, страницы обязательно должны иметь неплохой поведенческий показатель . Мало того, статьи должны быть правильно составлены, к ним должны быть правильно подобраны ключи , они должны иметь высокую релевантность к поисковым запросам и много что еще.</p>
<p>А самое главное, они должны быть интересными и полезными для пользователей и тогда заветный ТОП станет гораздо ближе. Вот такие дела, а заголовки, будь то h1 или h2, не оказывают никакого значимого влияние на ранжирование страниц в поисковой выдаче.</p>
<p>Предвижу, что многие предпочтут со мной не согласиться. Ну что же, дело хозяйское. Но чтобы мои доводы не выглядели голословными, я опубликую свою переписку со службой поддержки Яндекса, которую я веду постоянно, на разные темы.</p>
<h3>Как Яндекс смотрит на заголовки сайта</h3>
<p>Надеюсь на меня не обидятся ребята из команды Платона, за то, что я придаю гласности некоторые детали нашего с ними общения. Но как мне видится, одних моих слов, в данном случаи, будет недостаточно.</p>
<p>Мое письмо Платону:</p>
<p>Здравствуйте уважаемая команда службы поддержки Яндекса!
</p><p>У меня к Вам несколько вопросов, касающихся использования HTML тегов в заголовках.</p>
<p>В интернете, на различных форумах и не только, очень много шумихи, относительно использования тегов h1 и h2 в заголовках. Многие советую заключать в h1 основные заголовки записей, другие наоборот утверждают, что h1 должен выделять общий заголовок сайта.</p>
<p>С моей точки зрения, при современных технологиях, HTML теги заголовков не должны оказывать какое -то нибыло значимое влияние, на ранжирование в поисковой выдачи той или иной страницы или сайта в общем.</p>
<p>В связи с вышесказанным хотел спросить:</p>
<p>1. Имеет ли значение, в какой тег заключен тот или иной заголовок?</p>
<p>2. Можно ли в качестве заголовка использовать изображение и как на это «посмотрит» поисковый робот?</p>
<p>3. Учитывается ли алгоритмами робота иерархия тегов h1, h2 и т.д?</p>
<p>Очень буду благодарен за ответ.</p>
<p>С уважением,Виталий Кириллов</p>
<p>На что я вскоре получил ответ следующего содержания:</p>
<p>Здравствуйте, Виталий!
</p><p>1. Нет, на ранжирование это не влияет.</p>
<p>2. Да, можно. Скорее всего робот проиндексирует такую картинку, если она в заголовке будет прописана в соответствии с этими правилами http://help.yandex.ru/images/ robot-search.xml .</p>
<p>3. Правильное оформление заголовков в тексте помогает пользователю быстрее сориентироваться на странице, а значит, экономит его время. Кроме того, и роботу Яндекса будет проще разобраться со структурой документа. Поэтому следует выделять этими тегами заголовки в соответствии с иерархией документа.</p>
<p>С уважением, Платон Щукин<br>
Служба поддержки Яндекса<br></p>
<p>Надеюсь я многих убедил!</p>
<p>Давайте подведем итог всему вышесказанному и сделаем некоторые выводы:</p>
<p><b>Вывод №1.
</b> Заголовки сайта должны иметь четкую иерархию. Т.е, начиная с заголовка сайта (h1) и так далее вниз по цепочке.</p>
<p><b>Вывод №2.
</b> HTML тег h1 не влияет на ранжирование. Роботу не важно в какой тег заключен заголовок статьи. Было бы глупо предполагать обратное, при современных, мощных аналитических технологиях.</p>
<p><b>Вывод №3.
</b> Заголовком может быть даже изображение, оптимизированное должным образом . Можно без всяких опасений использовать в качества заголовка сайта любое изображение, например с логотипом.</p>
<p>При этом, никто не отменял правильное составление заголовков с точки зрения SEO, но об этом как-нибудь в другой раз.</p>
<p><b>Дополнение от 06.02.2014
</b></p>
<p>После дебатов в комментариях, я решил провести эксперимент. Сегодня я опубликовал статью, под названием «Динамическая карта сайта, с помощью плагина All in One SEO Pack «, в которой основной заголовок записи был заключен в тег h6.</p>
<p>Цель эксперимента — выяснить влияние HTML тегов h1 — h6 на ранжирование страниц в поисковой выдачи и тем самым закрыть данную тему.</p>
<p>—————————————————————————————————————————————————-</p>
<p><b>Дополнение от 30.06.2014
</b></p>
<p>Эксперимент уже завершен и для проверки его результатов, вбейте в поиск Яндекса или Google фразу «Динамическая карта сайта», под которую была заточена подопытная статья.</p>
<p>До встречи!</p>
<p>С уважением, <b>Виталий Кириллов
</b></p>
<p>Здравствуйте, дорогие читатели. Сегодня хочу уделить особое внимание теме заголовков в тегах h1 h2 - h6, т.к. в ближайшее время планирую (как и обещала) несколько практических статей по редактированию заголовков в шаблонах. Но прежде, чем осваивать что-либо на практике, я считаю, нужно пусть не знать, но понимать теорию. Давайте с самого начала определимся с понятиями, с тем, что такое заголовок в HTML документах, заголовок на сайте, странице.</p>
<p>Все мы с вами знаем русский язык, и что касается общепринятого понятия <b>заголовок
</b> – вопросов быть не должно. Заголовок - это то слово или фраза, которая обобщает весь смысл какого-то текста, информации, которые идут после него.</p>
<p>Как любая книга начинается с заголовка, так и любой документ в интернете имеет свой заголовок.</p>
<p>Но если мы, открывая книгу, понимаем, что вот эта фраза является заголовком, потому что имеет более большой или жирный шрифт, то на интернет страницах действуют немного свои правила. В интернете слово заголовок имеет несколько значений и применяется в разных целях. Поэтому, необходимо знать и понимать, о каком именно заголовке идет речь, и что именно вам нужно.</p>
<p>Первое и самое главное, в чем мы должны разобраться, это в том, что в HTML документе есть три разных понятия заголовка.</p>
<p>Любой документ включает в себя три основных HTML тега:</p>
<p><b><html>
</b><br><b><head>
</b><br>
Здесь находится техническая информация о документе +<br>
заголовок страницы в тегах<br><b><title>
</b>Заголовок страницы<b>
Здесь находится основное содержимое сайта, статьи, которые имеют заголовки в тегах:
Заголовок сайта или статьи
Заголовок статьи
Подзаголовок статьи
Другие блоки с информацией
Другие блоки с информацией
Другие блоки с информацией
