02.12.15
44.1K
Зачастую начинающих веб-мастеров мучает вопрос, почему одни сайты ранжируются выше и обходят конкурентов в поисковой выдаче. Причиной этого могут быть неправильно расставленные теги h1
, h2
…h6
. Если эти теги расставлены неверно, без учета специфики ресурса, то поисковикам сложнее получить точную информацию о статьях и содержащихся в ней ключевых словах.
Теги h1
—h6
позволяют выделить заголовки различных уровней. Они дают понять, какие части текста более точно отражают тему статьи и обеспечивают преимущества в ранжировании.
Грамотная расстановка тегов позволяет поисковым системам более точно отображать станицу по запросам в выдаче, что благоприятно сказывается на позиции ресурса:
Зачем нужны теги h1-h6?
В теги заключается название сайта, заголовки и подзаголовки текста:
В HTML теги заголовков обозначаются h
от английского «header
», что в переводе означает «
заголовок, шапка
». Вот пример того, как это выглядит:
Заголовок
Расстановка тегов заголовков должна производиться на каждой странице ресурса. При этом важность заголовка будет зависть от его цифры, чем она меньше, тем заголовок важнее:
- наиболее важные теги
- менее значимые теги...
- последние по важности теги
Однако относиться к их расстановке следует с осторожностью. Неправильное использование может привести к тому, что ваш ресурс попадет под санкции поисковых систем.
Синтаксис тегов h1-h6
Название текста
Подзаголовок 1
...
Подзаголовок 2
Подзаголовок 3.1
...
Подзаголовок 3_2
Подзаголовок 3
Наибольшей популярностью пользуются теги h1
h2
h3
.
Как правильно использовать тег h1?
Игнорируя тег h1
, веб-мастера, лишают себя такого важного преимущества, как оптимизация контента. На движках он часто прописывается автоматически, однако не всегда, и данный факт следует учитывать.
HTML
тег h1
– самый значимый в своем роде. В него заключают название сайта и заголовок статьи. Однако не стоит его путать с тегом
(<span>заголовком страницы
</span>). Title
отражается в браузере вверху экрана с левой стороны в тот момент, когда открыта страница ресурса. Title
прописывается в шапке страницы между <head></head>, в то время, когда h1
—h6
указываются в самом «теле
» страницы и заключаются в теги <body></body>.</p>
<p>На странице может присутствовать только один h1
тег. Если указать несколько заголовков с тегом h1
, поисковики могут расценить это как переспам, что в свою очередь грозит баном:</p>
<p><img src='https://i0.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/kak-pravilno-ispolzovat-030726.jpg' width="100%" loading=lazy></p><br>
Правила составления главного заголовка h1
:
<ul><li>В теге должны использоваться ключевые слова, применяемые для продвижения страницы;</li>
<li>Не стоит делать заголовок h1
слишком объемным, вполне достаточно нескольких слов;</li>
<li>Текст заголовка должен быть читабельным;</li>
<li>Мета тег h1
не должен содержать ничего кроме самого текста. Если желаете его выделить, поставьте коды за пределами тега;</li>
<li>Перед тем, как вручную прописывать h1
, убедитесь, что движок не задает его автоматически;</li>
<li>Содержание h1
должно соответствовать тематике, указанной в title
страницы;</li>
<li>При составлении h1
обязательно используйте ключевую фразу, по которой продвигается страница;</li>
<li>Содержание заголовка должно быть уникальным, емким и тематичным. Не стоит делать h1
полной копией тега Title
. Важно, чтобы на каждой странице ресурса были прописаны уникальные h1
—h6
, поэтому избегайте повторений;</li>
<li>Нельзя перечислять в заголовке ключевые фразы через запятую. Содержание h1
должно быть понятно не только поисковикам, но и посетителям ресурса.</li>
</ul><p><img src='https://i0.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/pravila-sostavlenija-glav-030726.jpg' width="100%" loading=lazy></p>
<h3>Как правильно использовать теги h2-h6?</h3>
<p>Кроме h1
для расстановки заголовков, которые идентифицируются поисковыми системами, используются теги h2
, h3
, h4
, h5
, h6
и т.д.</p>
<h4>Тег h2</h4>
<p>Как правило, используется для заголовков постов в ленте, размещенной на главной странице или для подзаголовков в статье.</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>
<p>Заголовочные теги <h1>...<h6>
должны быть на каждой странице сайта. Важность каждого заголовка зависит от цифры:</p>
<blockquote><h1
></h1
><span> - самые важные заголовочные теги
</span>
<h2
></h2
><span> - менее значимые чем первый
</span>
...
<h6
></h6
><span> - последние по важности
</span>
</blockquote>
<p>К этим тегам нужно относится с осторожностью, поскольку они оказывают больше влияние на ранжирование сайта . При грамотном использовании тегов <h1>...<h6>
зачастую можно добиваться хороших позиций сайта по запросам только на внутренних факторах. И обратная ситуация: в случае неправильного использования можно попасть под санкции поисковых систем. В этой статье мы как раз и поговорим как правильно использовать эти теги.</p>
<p><b>Синтаксис тегов <h1>..<h6>
</b></p>
<blockquote><h1
>Название статьи
</h1
>
<h2
>Подзаголовок1
</h2
>
...
<h2
>Подзаголовок2
</h2
>
<h3
>Подзаголовок3_1
</h3
>
...
<h3
>Подзаголовок3_N
</h3
>
<h2
>Подзаголовок3
</h2
>
и т.д.
</blockquote>
<p>Каждый заголовок по умолчанию имеет разный размер. Например, код</p>
<blockquote><h1
>Заголовок h1
</h1
>
<h2
>Заголовок h2
</h2
>
<h3
>Заголовок h3
</h3
>
<h4
>Заголовок h4
</h4
>
<h5
>Заголовок h5
</h5
>
<h6
>Заголовок h6
</h6
>
</blockquote>
<p>На странице превращается в следующее:</p>
<p><b>Значимость тегов <h1>..<h6>
</b>
<br>По весу и значимости в продвижение сайтов заголовочные теги h1-h6 находятся на втором месте после тега <title> . Во многом правила составления тайтла схожи с 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>Заголовок в тексте - это инструмент, который делает информацию удобной для читателей и структурирует ее для поисковых систем. При правильном оформлении тегов H1–H6 страницу сайта будет проще вывести на лидирующие позиции в выдаче.</p>
<p>Именно по seo заголовкам Google и Яндекс определяют, насколько тематика Вашей страницы совпадает с запросами, которые вводят пользователи. Иными словами, насколько релевантна данная страница. Релевантность страниц – один из главных факторов seo продвижения.</p>
<p>h1 — главный подзаголовок в статье, который обычно размещен над текстом.</p>
<p>h2-h6 - маленькие подзаголовки, которые проставляются по принципу вложенности.</p>
<h2><span>Главный заголовок h1
</span></h2>
<p>Самый главный заголовок страницы размечается тегом h1. Это может быть название страницы, статьи или товара. Это обязательный заголовок и он должен присутствовать на всех страницах сайта без исключения. Очень часто встречаю, что тега h1 просто нет или их несколько. На месте заголовка страницы заместо h1, находится тег h2. Это еще в лучшем случае — бывает что вообще нет заголовков типа H на странице. А то что выглядит типа заголовка, просто обычный div или span блок с прописанными заранее стилями подходящими на заголовок.</p>
<p>Каждая страница вашего сайта несет в себе какую-то конкретную информацию (во всяком случае, должна нести). Основную суть информации вы и будете размещать в заголовке. Например, если вы продаете 3D-телевизоры, значит заголовок страницы должен выглядеть как основной запрос и выделяться в html коде страницы тегом h1.</p>
<h3><span>Основные требования к h1
</span></h3>
<ul><li>На странице должен присутствовать <b>только один
</b> заголовок первого порядка (заголовок 1, h1). Это главный заголовок, видимый пользователю и отражающий ключевую суть поста.</li>
<li>Заголовок H1 всегда стоит в начале текста.</li>
<li>Длина заголовка должна быть не более 65 символов.</li>
<li>H1 должен быть уникальным в рамках вашего сайта.</li>
<li>Тег H1 не должен быть ссылкой, картинкой и т.д. Заголовок должен быть заголовком.</li>
<li>В H1 старайтесь заключать самое частотное ключевое слово.</li>
</ul><h2>Заголовок h2
</h2>
<p>Если h1 многие все же придерживаются правил и используют на страницах своего сайта, то тегом h2 многие пренебрегают, а зря! Этим тегом обычно размечаются подразделы статьи, страницы.</p>
<p>Еще на этапе сбора семантического ядра для сайта в целом или для отдельной статьи нужно примерно понимать из каких разделов будет состоять статья. Опишем ли мы подробно преимущества, стоимость или какие-либо другие подробности по теме статьи или по товару.</p>
<p>Например, страницы товара в магазине телевизоров — если заголовок h1 страницы имеет вид «Телевизор Panasonic TX-75EXR780», то тегом h2 мы будем примерно разбивать на части (подразделы) описание самого товара на странице и иметь вид «Характеристики телевизора Panasonic TX-75EXR780» и «Преимущества телевизора Panasonic TX-75EXR780».</p>
<p>Тем самым мы за счет заголовков типа h2 захватим важные моменты, которые также могут интересовал посетителя сайта помимо самого названия. Теперь сайт будет конкурировать с остальными не только по запросу по основному «Panasonic TX-75EXR780», но и по дополнительным запросы касаемо преимуществ и характеристик данной модели телевизора. А охват большего числа запросов в свою очередь — это рост трафика на сайт.</p>
<p>Иногда заголовок типа h2 попадал в сниппет результатов поиска. Туда как правило попадает либо h1, либо title — они оба самые сильные по важности заголовки страницы и за ними преимущество, но не исключено и влияние h2 на сниппет.</p>
<h3><span>Основные требования к h2
</span></h3>
<ul><li>На странице желательно наличие 2-4 заголовков H2. Должны отражать суть дальнейшего текста.</li>
<li>Наиболее частотный запрос - в заголовке H1, менее частотные - желательно в H2.</li>
<li>Тег H2 не должны быть ссылкой, картинкой и т.д. Заголовок должен быть заголовком.</li>
</ul><h2>Заголовки h3-h6
</h2>
<p>Все заголовки начинаz с h3 и до h6 несут в себе уточняющую и дробящую страницу на подразделы роль, но это используется крайне редко. У вас должна быть просто очень огромная статья, чтобы можно было выстроить такую иерархию из подразделов страницы и задействовать все типы заголовков.</p>
<h3><span>Основные требования к h3-h6
</span></h3>
<ul><li>Нельзя, чтобы наименьший подзаголовок присутствовал без большего. То есть, если в тексте стоит метатег h4, то ему обязательно должны предшествовать h2 и h3.</li>
<li>Чем выше заголовок по уровню, тем крупнее должен быть и шрифт. В WordPress обычно по умолчанию настройки выставлены таким образом, что теги автоматически форматируются в правильном виде.</li>
<li>Все h-теги обязаны соответствовать содержанию контента, отображать суть информации.</li>
<li>Недопустимо использовать h1-h6 в качестве анкоров или активных ссылок.</li>
<li>Нельзя писать другие теги внутри тега h.</li>
<li>В h-тегах допускается только текст и знаки препинания.</li>
<li>В подзаголовках не должно быть переспама ключевых слов. Ключевики лучше всего задействовать в title, h1, h2, а в более мелких, таких как h3, h5, h6 делать упор на детальное раскрытие темы.</li>
</ul><h2></h2>
<p>Все заголовки должны идти в строгом порядке. Первым на странице всегда идет заголовок типа h1.</p>
<p>Если подразделы для каждого из заголовков h2 получились внушительных размеров и в них затронуты несколько еще более мелких подтем, то внутри каждого или одного отельного подраздела с тегом h2 вы делаете сложенные «мини» подразделы страницы и размечаете их h3.</p>
<p>Не обязательно что все подразделы озаглавленные тегом h2 будут большими и их надо дробить еще на несколько подразделов.</p>
<p>Вот пример хорошей иерархии заголовков из статьи по продвижению сайта на WordPress :</p>
<h2><span>Как заполнять h-теги в WordPress
</span></h2>
<p>h1 по умолчанию заполняется в поле над статьей:</p>
<p>Чтобы сделать подзаголовки h2-h6, надо выделить необходимый элемент или поставить курсор на нужную строку и, наведя курсор на вкладку «заголовки», выбрать нужный, кликнув по нему.</p>
<p>Есть еще более простой способ – можно набрать текст в Ворде, используя нужные разметки и просто копипастом перенести статью в редактор вордпресса. Выделенные в Word заголовки автоматически отобразятся в нужных размерах. При необходимости можно подправить их, используя инструменты редактора CMS WordPress.</p>
<p>Правильная расстановка заголовков в тегах h1, h2, h3, h4, h5, h6 может дать отличный результат для SEO сайта. По этому, не жалейте времени на настройку.</p>
<p>h1-h6 заголовки имеют чрезвычайно важное значение. Не стоит ими пренебрегать, но и злоупотреблять тоже не стоит. Заголовки могут как поднять, так и опустить сайт.</p>
<i>
</i>
<blockquote class="bq-idea"><p>На моих топовых информационных проектах сначала специалист в тематике составляет структуру статьи (заголовки и подзаголовки), а потом уже копирайтеры по ним пишут текст.</p>
</blockquote>
<p>Структура — это на самом деле очень важно, если вы заморачиваетесь насчет качества. А чтобы составить нормальную структуру, нужно понимание того, как работают теги h.</p>
<p>h1 — это главный подзаголовок в статье, который обычно размещен над текстом.</p>
<blockquote class="bq-vajno"><p>Первый заголовок должен визуально быть больше остальных заголовков на странице.</p>
</blockquote>
<p>h2-h6 — это маленькие подзаголовки, которые проставляются по принципу вложенности.</p>
<h2><span>Для чего вообще нужны заголовки?
</span></h2>
<p>Для тех, кто не сильно в теме — вот в принципе неплохое видео про азы составления подзаголовков h1-h6. Если не считаете себя спецом, посмотрите:</p>
<p><span class="JuB6WeW7bcU"></span> <span class="JuB6WeW7bcU"></span></p>
<p>И для закрепления материала чуть послабее видео:</p>
<p><span class="MlX8xFRRAXE"></span> <span class="MlX8xFRRAXE"></span></p>
<p>Заголовки призваны в одной фразе или даже слове выделить основную суть, идею последующего текста. Обычно на них человек обращает свое внимание в первую очередь, решая, стоит ли читать остальной материал. Особенно важное значение заголовки имеют в рекламных текстах, письмах, и служат главным инструментом по привлечению внимания целевой аудитории.</p>
<p>В коде тег выглядит так: <h1>, где буква h происходит от слова «header», что в переводе значит «заголовок». Каждый уровень обозначается соответствующей цифрой.</p>
<h3><span>H-теги глазами людей
</span></h3>
<p>Текст, разбитый на подзаголовки, смотрится более «опрятно», его проще читать. Современный пользователь уже давно научился сканировать статьи буквально за несколько секунд и оперативно делать выводы, стоит ли читать весь текст, есть ли в нем та полезная информация, которую он ищет. Заголовки цепляют глаз, выделяя главное и давая юзеру возможность проанализировать материал.</p>
<p>Теги h1, h2, h3, h4, h5, h6 позволяют создать для читателя некую карту, по которой он сможет быстро сориентироваться в тексте. И если этими выделениями удалось зацепить внимание, то человек задержится на странице и наверняка прочтет всю статью. Проверить результат можно по поведенческим факторам. Если люди задерживаются на странице, совершают какие-либо действия – значит работа по SEO была проделана не зря.</p>
<h3><span>H-теги глазами поисковиков
</span></h3>
<p>Поисковые роботы собирают с них информацию для семантического анализа. Особое значение для ботов имеют заголовки уровней h1, h2, h3. Их непоследовательное или неправильное применение может негативно сказаться на ранжировании станицы. Если в HTML-коде вообще отсутствуют h-теги, то сайту придется туго в продвижении. Уровни h4, h5, h6 менее значимы.</p>
<h2>Иерархия H-тегов
</h2>
<p>Главным правилом в расстановке заголовков является их иерархия. Необязательно, чтобы теги шли друг за другом по размеру, но недопустимо в тексте использовать, например, h3, если у вас нигде не присутствует мета h2 или применять h6 без h5.</p>
<p>Вот так выглядит иерархия с правильной вложенностью:</p>
<h2>Что за тег h1
</h2>
<p>Тег h1 – это оглавление текста (все равно что название книги или заголовок статьи в газете).</p>
<blockquote class="bq-vajno"><p>На каждой странице должен быть один и только один тег h1.</p>
</blockquote>
<p>В плане привлекательности для пользователя он имеет главное значение. Но для SEO-продвижения больший вес будет иметь .</p>
<p>Title – это тоже заголовок, но прописывается он не только для людей, но и для роботов. Он отображается не на самой станице, а только во вкладке браузера и в сниппете в качестве активной ссылки на сайт. Фактически title является альтернативным, но главным заголовком для html-документа. Если он отсутствует, то поисковая система берет за основу h1 и использует его в серпе.</p>
<h3><span>Почему h1 должен различаться с Title
</span></h3>
<p>Довольно важно понимать, что h1 и Title — это разные заголовки. И их соответственно надо умело комбинировать. Вот азы на эту тему:</p>
<p><span class="U6ODRKPEJ_M"></span> <span class="U6ODRKPEJ_M"></span></p>
<p>Пренебрежение правилами уникализации и релевантности заголовков может привести к тому, что сайт попадет под фильтр. Последнее время поисковые системы стали уделять особое внимание качеству контента и его SEO-настройкам. Дубли, переспам, хаотичное расставление заголовков, их несоответствие содержимому карается.</p>
<h3><span>Требования по длине H1
</span></h3>
<p>H1 рекомендуется делать более лаконичным, чем Title, не превышая количество символов более, чем 50. Но не случится катастрофы, если заголовок получится длиннее, когда не удается втиснуть всю суть в обозначенное количество.</p>
<p>Специальные плагины для WordPress позволяют проанализировать правильное заполнение всех мет прямо в редакторе.</p>
<h4><span>Правила для грамотного написания h1
</span></h4>
<ul><li>Должен быть уникальным для всего сайта и абсолютно читабельным;</li>
<li>Не повторяет тег title, но и не противоречит ему;</li>
<li>Не стоит делать его слишком длинным (более объемным можно делать title);</li>
<li>Используется только 1 раз на каждую страницу;</li>
<li>Релевантен тексту и отображает смысловую суть материала;</li>
<li>Интересен, привлекателен для пользователя;</li>
<li>Нельзя ставить в конце точку и рекомендуется по минимуму использовать знаки препинания.</li>
</ul><h4><span>Применение ключей
</span></h4>
<p>Главные ключевые фразы, в первую очередь, должен содержать title. Но следует их писать и в h1. И там, и там лучше это делать в самом начале. Но лучше бы ключевые слова не дублировали друг друга в этих двух тегах. Нужно использовать разные словоформы или разбавленные вхождения в h1 и прямые в title.</p>
<blockquote class="bq-istoriya"><p>Некоторые берут все ключи на страницу и из них составляют структуру статей. Сразу учтите — без классных ПФ такая россыпь ключей по подзаголовкам будет караться фильтром за переспам.</p>
</blockquote>
<h2><span>Психологические приемы для составления привлекательного заголовка
</span></h2>
<p>Заголовок должен быть «цепляющим». Вот видео от Максима Ильяхова, спеца в области СМИ, ректора Школы редакторов и создателя сервиса «Главред»:</p>
<p><span class="b7Cjj3KPEYg"></span> <span class="b7Cjj3KPEYg"></span></p>
<p>Вот еще пара «приемов», которые применяются при составлении заголовков.</p>
<h3><span>Решение проблемы
</span></h3>
<p>Помните, что человек всегда ищет не информацию или товары, а прежде всего – решение своих проблем, потребностей, нужд. Оперируйте именно к предполагаемой проблеме целевой аудитории</p>
<blockquote><p>Пример удачного заголовка: «Выпадают волосы? Остановите выпадение за неделю».<br>
Пример неудачного заголовка: «Можно ли остановить выпадение волос?»</p>
</blockquote>
<p>В первом случае мы четко обозначаем проблему и предлагаем конкретное решение. Во втором случае проблема задета косвенно и варианты ее решения размыты.</p>
<h3>Заинтриговать
</h3>
<blockquote><p>Пример удачного заголовка: «Раскрываем секрет самого эффективного рецепта от выпадения волос».<br>
Пример неудачного заголовка: «Лучший рецепт от выпадения волос».</p>
</blockquote>
<h3>Прием «экзамен»
</h3>
<p>Предложение, составленное в такой форме, бросает вызов читателю, предлагая ему проверить себя.</p>
<blockquote><p>Пример удачного заголовка: «Вы уверены, что правильно боритесь с выпадением волос?»<br>
Пример неудачного заголовка: «Все ли вам известно о выпадении волос».</p>
</blockquote>
<p>Конечно, это далеко не все методы, которые помогают воздействовать на восприятие человека и привлечь его интерес. Читайте книги по маркетингу, чтобы вычитать больше, если интересна эта тема. Кстати title тоже может быть «заманивающим». Тем более что скорее всего именно он высвечивается в поисковой выдаче. Проверить его отображение можно будет после индексации страницы.</p>
<h2><span>Зачем нужны подзаголовки h2-h6
</span></h2>
<p>Теги от h2 до h6 располагаются уже в теле самой статьи, структурно разделяя ее на тематические абзацы, и в коде HTML-документа, выделяя его значимые элементы. Они также идентифицируются поисковыми роботами для семантического анализа страницы.</p>
<p>Нужны для того, чтобы иерархично обозначать все важное и стоящее внимания пользователя на странице. Такая структура помогает человеку быстрее сориентироваться в информации и оценить ее соответствие своим запросам.</p>
<p>h2 – акцентирует внимание пользователей и поисковых систем на основном содержании статьи. Показывает самое значимое в тексте.</p>
<p>h3 – является подпунктом для информации, идущей под H2, раскрывая ее еще глубже.</p>
<p>h4, h5, h6 – определяются, как вложенные подзаголовки (раскрывают детально суть H2 или H3) и используются в тексте, в качестве выделяющих мелкие пункты и значимые слова, а также в меню, сайдбаре и других составляющих веб-документа.</p>
<p>Длина всех h-тегов должна быть в пределах 50 символов.</p>
<h2><span>Как правильно прописывать подзаголовки h2-h6
</span></h2>
<ul><li>Нельзя, чтобы наименьший подзаголовок присутствовал без большего. То есть, если в тексте стоит метатег h4, то ему обязательно должны предшествовать h2 и h3.</li>
<li>Чем выше заголовок по уровню, тем крупнее должен быть и шрифт. В WordPress обычно по умолчанию настройки выставлены таким образом, что теги автоматически форматируются в правильном виде.</li>
<li>Все h-теги обязаны соответствовать содержанию контента, отображать суть информации.</li>
<li>Недопустимо использовать h1-h6 в качестве анкоров или активных ссылок.</li>
<li>Нельзя писать другие теги внутри тега h.</li>
<li>В h-тегах допускается только текст и знаки препинания.</li>
<li>В подзаголовках не должно быть переспама ключевых слов. Ключевики лучше всего задействовать в title, h1, h2, а в более мелких, таких как h3, h5, h6 делать упор на детальное раскрытие темы.</li>
</ul><p>Если в разметке страницы прописан title и основной заголовок H1, но сам текст статьи не слишком большой и не содержит в себе подзаголовков, это не является ошибкой. В ТОПе находится немало страниц, где контент идет практически сплошной полосой, разве что разделенной на абзацы. Попасть в лидирующие позиции можно и без «колдовства» над разметкой текста, делая больший упор на . Сайты на WordPress прекрасно индексируются поисковиками. Но все же применение этих тегов не только облегчает задачу, но и делает контент более легким и приятным для визуального восприятия.</p>
<h2><span>Как заполнять h-теги в WordPress
</span></h2>
<p>h1 заполняется обычно в поле над текстом в записи:</p>
<p>Чтобы сделать подзаголовки h2-h6, надо выделить необходимый элемент и, наведя курсор на вкладку «заголовки», выбрать нужный, кликнув по нему. Проделать то же самое для каждого из подзаголовков, включая их в нужный формат.</p>
<p>Есть еще более простой способ – можно набрать текст в Ворде, используя нужные разметки и просто копипастом перенести статью в редактор вордпресса. Выделенные в Word заголовки автоматически отобразятся в нужных размерах. При необходимости можно подправить их, используя инструменты редактора CMS WordPress.</p>
<p><img src='https://i1.wp.com/webformyself.com/wp-content/uploads/2016/362/3.jpg' align="center" width="100%" loading=lazy></p> <h3>Что означает h1-h6?</h3> <p>Начать в любом случае нужно с теории, потому что без этого невозможно двигаться дальше. Итак, это html-теги, в которые помещают текст, который должен стать заголовком. H1 – это главный заголовок страницы, он должен быть единственным, h2 – подзаголовок статьи или раздела главы (если речь идет о книге), h3 – заголовок в разделе и т.д.</p> <p>В сайтостроении, как правило, чаще всего используются h1-h3, последние три тега используются крайне редко, так как нет необходимости в разбивке текста на такие мелкие части, если только речь не идет об огромной по объему текстовой публикации.</p> <p>По умолчанию заголовки уже имеют некоторое стилевое оформление. Например, буквы в заголовках выделены жирным шрифтом, а их размер в 1,5 – 3 раза больше обыкновенного текста на странице.</p> <h3>Основные правила работы с заголовками</h3> <p>Сколько h1 может быть на сайте? Сколько угодно, ведь интернет-ресурс может состоять из множества страниц. Тут гораздо важнее придерживаться другого правила – на каждой отдельной странице вашего сайта должен быть ОДИН h1. Все потому, что это главный заголовок, а главным всегда должен быть один.</p> <p>Но что будет, если проигнорировать это правило? Как показывает реальная практика, ничего катастрофического, вероятно, не случится. Я бы не писал об этом, но мне известно несколько случаев, когда у веб-мастеров было несколько h1 на странице, при этом все их статьи сохраняли свои позиции в поисковых системах.</p> <p>Так-то оно может и так, только вот не нужно специально создавать несколько h1 на странице. Все равно это не правильно и вред от того все равно может быть. Например, в приведенных выше ситуациях у веб-мастеров были уже возрастные раскрученные сайты, поэтому несколько h1 на странице не ухудшили ситуацию.</p> <p>Однако при раскрутке молодого сайта очень важно соблюдать разные тонкости, чтобы ресурс максимально быстро получил одобрение поисковиков и начал приносить трафик.</p> <p>Очевидно, что h1 должен быть в самом начале статьи. Это не то же самое, что мета-тег title. Title виден при поисковой выдаче и в названии вкладки браузера, а h1 – непосредственно на странице. Остальных заголовков (h2-h6) может быть сколько угодно, в любом количестве.</p> <h3>Как проверить наличие h1 на странице?</h3> <p>Теперь мы переходим к самому главному. Как же определить, нормально ли у вас все на сайте с заголовком? Есть как минимум несколько вариантов, как вы это можете сделать.</p> <p>Во-первых, открыть исходный код и произвести в нем поиск. Исходный код открывается с помощью комбинации клавиш Ctrl + U. Далее вам понадобится комбинация Ctrl + F, чтобы открыть поиск. Введите в нем название нужного тега, а именно – h1.</p> <p>Правильно будет, если вам найдет два результата – открывающий и закрывающий тег соответственно. Если результатов больше, нужно вносить правки в код шаблона сайта. Если h1 вообще отсутствует, тоже нужно принимать меры, чтобы он появился.</p> <p>Во-вторых, вы можете воспользоваться каким-нибудь сервисом, который анализирует сайт на показатели его поисковой оптимизации и выдает отчет. Таких сервисов очень много, я приведу лишь некоторые: pr-cy.ru, audit.megaindex.ru/</p> <p>В сервисе “Мегаиндекс” есть возможность проверить релевантность страницы, то есть то, насколько она оптимизирована под определенную ключевую фразу. Введите адрес одной из страниц вашего сайта и основную ключевую фразу. В случае проверки лишь h1 эта ключевая фраза может быть любой.</p> <p><img src='https://i2.wp.com/webformyself.com/wp-content/uploads/2016/362/2.jpg' align="center" height="247" width="371" loading=lazy></p> <p>Как видите, проверка показала, что на странице всего 1 h1 – это хорошо. Если бы было больше, проверка бы обязательно это определила. Как видите, это важный фактор, хотя и не критический. Его несоблюдение не приведет к чему-то катастрофическому, но при поисковой оптимизации подобные проблемы должны быть убраны в первую очередь.</p> <h3>Если проблема найдена, как ее решать?</h3> <p>Решать очень просто, нужно всего лишь немного подправить код вашего шаблона. В первую очередь тут нужно знать, на каком движке у вас сайт. Структура шаблонов у всех движков может быть немного разной, но все же много общего.</p> <p>Например, в WordPress вам нужно будет редактировать файлы page.php (шаблон страницы) и single.php (шаблон записи). Также полезно будет просмотреть файлы index.php (главная страница) и archive.php (архивы по дате и автору), а иногда в темах есть еще category.php (записи отдельной рубрики).</p> <p>Ну, допустим, нашли и открыли вы нужный файл, что делать дальше? Дальше воспользуйтесь все тем же поиском (Ctrl + F). Вновь введите туда название тега. Если кода в файле немного, то вы и сами можете просмотреть его и найти нужные строчки. Тут ваши действия зависят от того, что именно нужно исправить.</p> <p>Например, в одном шаблоне название поста выводилось в h2. Возможно, его разработчик не разбирается в SEO, поэтому и допустил такую ошибку. Но это легко исправляется. Редактируем single.php и меняем в нем h2 на h1. Это можно сделать как вручную, так и с помощью функции автоматической замены.</p> <p>Возможно, так же понадобится редактирование боковой колонки (sidebar.php). Собственно, лишние h1 могут быть где угодно: в заголовках виджетов, в меню и даже в футере (footer.php). Все это нужно найти и убрать.</p> <p>Ну а что делать, если в самой статье несколько h1? Тогда проблема решается еще легче – редактированием самой статьи. Уберите все лишние h1, оставив только один главный верхний заголовок.</p> <p>Как видите, справиться с этой проблемой можно самостоятельно абсолютно без проблем. Для этого вам не нужны даже знания в области сайтостроения, а просто элементарное умение находить и открывать файлы, пользоваться поиском и изменять немного нужные строчки. Да и к сео-специалисту нет нужды обращаться теперь, по крайней мере, по поводу рассмотренного нами сегодня вопроса.</p> <p>Что ж, теперь вы знаете, как проверить заголовок h1 на странице и правильно настроить шаблон. Конечно, это всего лишь одна из множества настроек, которые помогут вам раскрутить и монетизировать сайт. Намного больше информации вы можете найти, если изучите и его выводе на доход от 20 тысяч рублей в месяц в самое кратчайшее время. Успехов вам во всем и хороших позиций в поиске!</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 class="vce-share-bar">
<ul class="vce-share-items">
<li><a class="fa fa-facebook" href="javascript:void(0);" data-url="http://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fpypad.ru%2Fpravila-ispolzovaniya-zagolovkov-h1-h6-zagolovki-html-tegi-h1-h6.html"></a></li>
<li><a class="fa fa-twitter" href="javascript:void(0);" data-url="http://twitter.com/intent/tweet?url=https%3A%2F%2Fpypad.ru%2Fpravila-ispolzovaniya-zagolovkov-h1-h6-zagolovki-html-tegi-h1-h6.html"></a></li>
<li><a class="fa fa-google-plus" href="javascript:void(0);" data-url="https://plus.google.com/share?url=https%3A%2F%2Fpypad.ru%2Fpravila-ispolzovaniya-zagolovkov-h1-h6-zagolovki-html-tegi-h1-h6.html"></a></li>
<li><a class="fa fa-pinterest" href="javascript:void(0);" data-url="http://pinterest.com/pin/create/button/?url=https%3A%2F%2Fpypad.ru%2Fpravila-ispolzovaniya-zagolovkov-h1-h6-zagolovki-html-tegi-h1-h6.html"></a></li>
<li><a class="fa fa-whatsapp no-popup" href="whatsapp://send?text=https%3A%2F%2Fpypad.ru%2Fpravila-ispolzovaniya-zagolovkov-h1-h6-zagolovki-html-tegi-h1-h6.html"></a></li>
</ul>
</div>
</article>
</main>
<div class="main-box vce-related-box">
<h3 class="main-box-title">Возможно вас заинтересует</h3>
<div class="main-box-inside">
<article class="vce-post vce-lay-d post-273 post type-post status-publish format-standard has-post-thumbnail hentry category-stroitelstvo category-fundament tag-gazobeton tag-dom tag-kak-vybrat tag-stroitelstvo tag-fundament">
<div class="meta-image">
<a href="/gde-naiti-kod-aktivacii-windows-kak-uznat-seriinyi-nomer-windows.html" title="Как узнать серийный номер Windows, когда загрузка ОС уже невозможна">
<img width="145" height="71" src="/uploads/30e9c8bdd5f4cbed1507781496f8307d.jpg" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt="Как узнать серийный номер Windows, когда загрузка ОС уже невозможна"sizes="(max-width: 145px) 100vw, 145px" / loading=lazy> </a>
</div>
<header class="entry-header">
<span class="meta-category"><a href="" class="category">Windows 7, XP</a> </span>
<h2 class="entry-title"><a href="/gde-naiti-kod-aktivacii-windows-kak-uznat-seriinyi-nomer-windows.html" title="Как узнать серийный номер Windows, когда загрузка ОС уже невозможна">Как узнать серийный номер Windows, когда загрузка ОС уже невозможна</a></h2>
</header>
</article>
<article class="vce-post vce-lay-d post-273 post type-post status-publish format-standard has-post-thumbnail hentry category-stroitelstvo category-fundament tag-gazobeton tag-dom tag-kak-vybrat tag-stroitelstvo tag-fundament">
<div class="meta-image">
<a href="/kak-vosstanovit-sistemu-vindovs-xp-sposoby-vosstanovleniya-windows.html" title="Способы восстановления Windows XP">
<img width="145" height="71" src="/uploads/47d4df87367726ca772ef0d66649169b.jpg" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt="Способы восстановления Windows XP"sizes="(max-width: 145px) 100vw, 145px" / loading=lazy> </a>
</div>
<header class="entry-header">
<span class="meta-category"><a href="" class="category">Программы</a> </span>
<h2 class="entry-title"><a href="/kak-vosstanovit-sistemu-vindovs-xp-sposoby-vosstanovleniya-windows.html" title="Способы восстановления Windows XP">Способы восстановления Windows XP</a></h2>
</header>
</article>
<article class="vce-post vce-lay-d post-273 post type-post status-publish format-standard has-post-thumbnail hentry category-stroitelstvo category-fundament tag-gazobeton tag-dom tag-kak-vybrat tag-stroitelstvo tag-fundament">
<div class="meta-image">
<a href="/razrabotka-variantov-konfiguracii-kompyuternoi-seti-razrabotka.html" title="Разработка вариантов конфигурации электрической сети">
<img width="145" height="71" src="/uploads/bc26de4621209ec712a4f4d2935d7e16.jpg" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt="Разработка вариантов конфигурации электрической сети"sizes="(max-width: 145px) 100vw, 145px" / loading=lazy> </a>
</div>
<header class="entry-header">
<span class="meta-category"><a href="" class="category">Советы</a> </span>
<h2 class="entry-title"><a href="/razrabotka-variantov-konfiguracii-kompyuternoi-seti-razrabotka.html" title="Разработка вариантов конфигурации электрической сети">Разработка вариантов конфигурации электрической сети</a></h2>
</header>
</article>
<article class="vce-post vce-lay-d post-273 post type-post status-publish format-standard has-post-thumbnail hentry category-stroitelstvo category-fundament tag-gazobeton tag-dom tag-kak-vybrat tag-stroitelstvo tag-fundament">
<div class="meta-image">
<a href="/smartfon-samsung-galaxy-s7-otzyvy-vladelcev-neobektivnyi-obzor-vse-nedostatki.html" title="Необъективный обзор: все недостатки Samsung Galaxy S7 Лучше статьи о samsung galaxy s7">
<img width="145" height="71" src="/uploads/40e7a4afcdda103e57731d60c7d26162.jpg" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt="Необъективный обзор: все недостатки Samsung Galaxy S7 Лучше статьи о samsung galaxy s7"sizes="(max-width: 145px) 100vw, 145px" / loading=lazy> </a>
</div>
<header class="entry-header">
<span class="meta-category"><a href="" class="category">Файлы DLL</a> </span>
<h2 class="entry-title"><a href="/smartfon-samsung-galaxy-s7-otzyvy-vladelcev-neobektivnyi-obzor-vse-nedostatki.html" title="Необъективный обзор: все недостатки Samsung Galaxy S7 Лучше статьи о samsung galaxy s7">Необъективный обзор: все недостатки Samsung Galaxy S7 Лучше статьи о samsung galaxy s7</a></h2>
</header>
</article>
</div>
</div>
</div>
<aside id="sidebar" class="sidebar right">
<div id="search-2" class="widget widget_search">
<form class="vce-search-form" action="/" method="get">
<input name="s" class="vce-search-input" size="20" type="text" value="Поиск" onfocus="(this.value == 'Поиск') && (this.value = '')" onblur="(this.value == '') && (this.value = 'Поиск')" placeholder="Поиск" />
<button type="submit" class="vce-search-submit"><i class="fa fa-search"></i></button>
</form>
</div>
<div id="recent-posts-2" class="widget widget_recent_entries">
<h4 class="widget-title">Свежие записи</h4>
<ul>
<li>
<a href="/gde-naiti-kod-aktivacii-windows-kak-uznat-seriinyi-nomer-windows.html">Как узнать серийный номер Windows, когда загрузка ОС уже невозможна</a>
</li>
<li>
<a href="/kak-vosstanovit-sistemu-vindovs-xp-sposoby-vosstanovleniya-windows.html">Способы восстановления Windows XP</a>
</li>
<li>
<a href="/razrabotka-variantov-konfiguracii-kompyuternoi-seti-razrabotka.html">Разработка вариантов конфигурации электрической сети</a>
</li>
<li>
<a href="/smartfon-samsung-galaxy-s7-otzyvy-vladelcev-neobektivnyi-obzor-vse-nedostatki.html">Необъективный обзор: все недостатки Samsung Galaxy S7 Лучше статьи о samsung galaxy s7</a>
</li>
<li>
<a href="/vybiraem-ssd-obzor-tehnologii-na-rynke-i-sravnitelnye-testy-chto-takoe-msata-ssd-i-kak.html">Что такое mSATA SSD и как это может ускорить ноутбук?</a>
</li>
<li>
<a href="/vybor-zvukosnimatelei-dlya-elektrogitary-zachem-nuzhen-zvukosnimatel-dlya.html">Зачем нужен звукосниматель для акустической гитары?</a>
</li>
<li>
<a href="/kakoi-parol-pridumat-na-aliekspress-deistviya-s-parolem-na-aliekspress-pri.html">Действия с паролем на алиэкспресс</a>
</li>
<li>
<a href="/naruzhnaya-antenna-dlya-modema-4g-vneshnyaya-lte-antenna-mimo-antenna-dlya-lte-kakie.html">Наружная антенна для модема 4g</a>
</li>
<li>
<a href="/pochemu-prosedaet-fps-v-ks-fps-v-ks-go---kak-povysit-fps-v-cs-go-esli.html">ФПС в КС ГО - как повысить FPS в CS:GO если проседает</a>
</li>
</ul>
</div>
<div id="categories-2" class="widget widget_categories">
<h4 class="widget-title">Рубрики</h4>
<ul>
<li class="cat-item cat-item-16"><a href="/category/internet/" title="Интернет"><span class="category-text">Интернет</span><span class="count"><span class="count-hidden"></span></span></a>
</li>
<li class="cat-item cat-item-16"><a href="/category/gadgets/" title="Гаджеты"><span class="category-text">Гаджеты</span><span class="count"><span class="count-hidden"></span></span></a>
</li>
<li class="cat-item cat-item-16"><a href="/category/tips/" title="Советы"><span class="category-text">Советы</span><span class="count"><span class="count-hidden"></span></span></a>
</li>
<li class="cat-item cat-item-16"><a href="/category/program/" title="Программы"><span class="category-text">Программы</span><span class="count"><span class="count-hidden"></span></span></a>
</li>
<li class="cat-item cat-item-16"><a href="/category/security/" title="Безопасность"><span class="category-text">Безопасность</span><span class="count"><span class="count-hidden"></span></span></a>
</li>
<li class="cat-item cat-item-16"><a href="/category/tv/" title="Телевизоры"><span class="category-text">Телевизоры</span><span class="count"><span class="count-hidden"></span></span></a>
</li>
<li class="cat-item cat-item-16"><a href="/category/windows-10/" title="Windows 10"><span class="category-text">Windows 10</span><span class="count"><span class="count-hidden"></span></span></a>
</li>
<li class="cat-item cat-item-16"><a href="/category/windows-8/" title="Windows 8"><span class="category-text">Windows 8</span><span class="count"><span class="count-hidden"></span></span></a>
</li>
<li class="cat-item cat-item-16"><a href="/category/configuring-wi-fi/" title="Настройка Wi-Fi"><span class="category-text">Настройка Wi-Fi</span><span class="count"><span class="count-hidden"></span></span></a>
</li>
<li class="cat-item cat-item-16"><a href="/category/dll-files/" title="Файлы DLL"><span class="category-text">Файлы DLL</span><span class="count"><span class="count-hidden"></span></span></a>
</li>
<li class="cat-item cat-item-16"><a href="/category/windows7xp/" title="Windows 7, XP"><span class="category-text">Windows 7, XP</span><span class="count"><span class="count-hidden"></span></span></a>
</li>
<li class="cat-item cat-item-16"><a href="/category/different/" title="Разное"><span class="category-text">Разное</span><span class="count"><span class="count-hidden"></span></span></a>
</li>
</ul>
</div>
</aside>
</div>
<footer id="footer" class="site-footer">
<div class="container">
<div class="container-fix">
<div class="bit-3">
</div>
<div class="bit-3">
</div>
<div class="bit-3">
</div>
</div>
</div>
<div class="container-full site-info">
<div class="container">
<div class="vce-wrap-left">
<p>Copyright © 2024. Портал о компьютерной технике</p>
</div>
</div>
</div>
</footer>
</div>
</div>
<a href="javascript:void(0)" id="back-top"><i class="fa fa-angle-up"></i></a>
<div id="vk_api_transport"></div>
<script type="text/javascript">
jQuery(document).ready(function($) {
if ($('.social-likes')) {
$('.social-likes').each(function() {
var p = $(this).parent();
if (p.data('url')) {
$(this).data({
'url': p.data('url'),
'title': p.data('title')
});
}
if ($(this).find('.pinterest').length) {
if (p.data('media')) {
$($(this).find('.pinterest')[0]).data({
'media': p.data('media')
});
} else
$($(this).find('.pinterest')[0]).remove();
}
});
$('.social-likes').socialLikes({
zeroes: 0
});
}
});
</script>
<script type='text/javascript' src='/assets/evc-share.js'></script>
<script type='text/javascript' src='/assets/social-likes.min.js'></script>
<script type='text/javascript' src='/assets/scripts.js'></script>
<script type='text/javascript' src='/assets/main.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var vce_js_settings = {
"sticky_header": "1",
"sticky_header_offset": "700",
"sticky_header_logo": "",
"logo_mobile": "",
"logo_mobile_retina": "",
"rtl_mode": "0",
"ajax_url": "\/wp-admin\/admin-ajax.php",
"ajax_mega_menu": "1",
"mega_menu_slider": "",
"mega_menu_subcats": "",
"lay_fa_grid_center": "",
"full_slider_autoplay": "",
"grid_slider_autoplay": "",
"fa_big_opacity": {
"1": "0.5",
"2": "0.7"
}
};
/* ]]> */
</script>
<script type='text/javascript' src='/assets/min.js'></script>
<script type='text/javascript' src='/assets/wp-embed.min.js'></script>
<script type="text/javascript">
/* <![CDATA[ */
jQuery(document).ready(function($) {
if (typeof VKWidgetsComments !== 'undefined' && VKWidgetsComments.length && evc_post_id) {
if ($('#vk-widget-' + evc_post_id).length) {
if ($('#respond').length) {
$('#respond form').hide();
$('#respond').append($('#vk-widget-' + evc_post_id));
}
}
cClose = false;
if ($("#comments .comment-list").length) {
$("#comments .comment-list").wrap('<div class = "evc-comments-wrap"></div>');
docViewHeight = $(window).height();
$(document).scroll(function() {
var docViewTop = $(window).scrollTop();
var elemTop = $('.evc-comments-wrap').offset().top;
//var elemBottom = elemTop + $('.evc-comments-wrap').height();
if (elemTop * 3 / 4 <= docViewTop && !cClose) {
cClose = true;
$(".evc-comments-wrap").animate({
"height": 0
}, 800);
}
});
}
}
// Rresponsive VK Comments Widget Width
if ($('.vk_widget_comments').length) {
responsiveVkWidget();
$(window).on('resize', function() {
responsiveVkWidget();
});
}
function responsiveVkWidget() {
var vkParentWidth = parseInt($('.vk_widget_comments').parent().width());
$('.vk_widget_comments, .vk_widget_comments iframe').css({
width: vkParentWidth
});
$('.vk_widget_comments, .vk_widget_comments iframe').attr('width', vkParentWidth);
}
// END Rresponsive VK Comments Widget Width
}); // End jQuery
/* ]]> */
</script>
</body>
</html>
