Что такое заголовки?
При слове «заголовок» вы могли подумать о теге
- но нет, в этой статье речь пойдет о тегах <h1>…<h6>.
</p>
<p>Разница между этими тегами заключается в уровнях: <h1> - это заголовок первого уровня, <h2> - заголовок второго уровня и так далее. Чем выше уровень, тем более важным считается блок после заголовка; то есть тег <h6> будет наименее значимым заголовком из всех представленных. В свою очередь тег <h1> считается наиболее важным из всех этих тегов и вторым по значимости для SEO-продвижения (первый по значимости - тег <title>, который определяет заголовок документа).
</p>
<p>Эти теги используются для того, чтобы логично оформить содержание страницы, структурировать ее для того, чтобы текст был разбит на логические части, и материал более легко воспринимался читателями.
</p>
<p><b>Важное дополнение:
</b> теги <h1>…<h6> не используются для выделения текста; если вам нужно выделить фразу жирным, используйте тег <strong>, а не <h6> (если стиль этого заголовка просто выделение жирным).
</p>
<h2>Как использовать заголовки?</h2>
<p>Правило номер раз
</span><span> - на странице должен быть
</span><b>только один
</b> тег <h1>.
</p>
<p>Правило номер два
</span><span> - заголовок с тегом
</span><b><h1>
</b> должен быть
<b>самым крупным
</b><span>, в то время как остальные заголовки <h2>…<h6> должны быть меньше (размер меняется в зависимости от уровня, чем ниже уровень, то меньше размер заголовка):<br><img src='https://i1.wp.com/timeweb.com/media/default/0001/01/646a24a81bbb4399103014c3b4bef90af9db3efc.gif' width="100%" loading=lazy></p>
<p>(если вы сейчас прочитали эти строки и поняли, что у вас на сайте сделано не так, то это уже повод внести некоторые корректировки в оформление сайта)
</p>
<p>Правило номер три
</span><span> - структура страницы
</span><b>обязательно
</b> должна иметь
<b>иерархию
</b><span>. То есть вы не можете сначала использовать заголовок <h1>, а затем сразу <h4> или <h5> - после первого уровня идет второй уровень, а значит, после <h1> должен идти тег <h2> - и никак иначе. Тут дело не только в абстрактном «правильно», но в самом оформлении материала, который для адекватного восприятия должен поддаваться какой-то логике.
</p>
<p>Правило номер четыре
</span><span> - теги заголовков
</span><b>парные
</b>:
</p>
<b><h1>
</b>Название статьи
<b></h1>
</b>
<p>Вступление.</p>
<b><h2>
</b><span>Заголовок статьи 1
</span><b></h2>
</b>
<span> <p>Часть статьи 1.</p>
</span>
<b> <h3>
</b><span>Подзаголовок статьи 1
</span><b></h3>
</b>
<span> <p>Пункт 1 части 1.</p>
</span>
<b> <h3>
</b><span>Подзаголовок статьи 2
</span><b></h3>
</b>
<span> <p>Пункт 2 части 1.</p>
</span>
<p>Советы ниже актуальны для заголовков всех уровней, будь то первый уровень <h1> или какой-то из уровней ниже.
</p>
<p>Заголовки должны:
</p>
<ul><li><span>выстраиваться в иерархическом порядке;
</span></li>
<li><span>не оканчиваться точкой;
</span></li>
<li><span>иметь смысл, передавать идею следующего за ним текста (а не просто для «пусть будет»);
</span></li>
<li><span>быть даже в небольших статьях, которые можно разделить на несколько частей;
</span></li>
<li><span>не иметь грамматических ошибок (наличие таковых может снизить релеватность заголовка).
</span></li>
</ul><p>Другие советы, которые можно дать при составлении заголовков:
</p>
<ul><li><span>не стоит злоупотреблять заголовками и делать на странице множество <h2>…<h6> - поисковые боты могут расценить это как переоптимизацию сайта либо спам;
</span></li>
<li><span>в заголовках должны быть прямые вхождения ключевых слов, так как это повысит релевантность страницы в отношении этого запроса; однако слишком большая плотность ключевых слов не пойдет в плюс - поисковые боты будут игнорировать подробные заголовки из-за переоптимизации;
</span></li>
<li><span>заголовки должны быть
</span><b>уникальными
</b><span> (повторяющиеся заголовки поисковые системы могут не учитывать);
</span></li>
<li><span>заголовок должен быть близок к началу документа (то есть к началу HTML-кода): чем выше заголовок, тем более высокое значение он имеет (по сравнению с другими элементами страницы);
</span></li>
<li><span>желательная длина заголовка - не более 60 символов; это связано с поисковыми системами, которые воспринимают определенное количество символов (и длинный заголовок могут обработать не полностью).
</span></li>
</ul><p>Отдельно можно сказать о
</span><b>дизайне заголовков
</b><span> - будет здорово, если все заголовки на странице будут отличаться от другого текста (даже если речь идет не о <h1>, а о <h5> или <h6>). Можно как-то стилистически выделять заголовки, например, ставить их на цветную плашку или выделять шрифтом.
</p>
<p>А подзаголовки можно нумеровать, при этом ставить цифры в виде картинок. И удобно, и красиво.
</p>
<h2>Как использовать тег <h1></h2>
<p>Тег <h1> имеет свои отличия от других тегов, поэтому про него нужно поговорить отдельно. Тут можно дать следующие советы:
</p>
<ul><li><span>на странице должен быть только
</span><b>один
</b>тег <h1>;
</li>
<li><span>тег <h1> должен быть на
</span><b> каждой
</b> странице;
</li>
<li><span>тег <h1> должен отличаться от <title>, но не кардинально;
</span></li>
<li><span>тег <h1> не должен состоять только из <a href="/repair/kak-sdelat-bolshe-klyuchei-v-direkte-operatory-klyuchevyh/">ключевых слов</a>, их лучше использовать в разбавленной форме;
</span></li>
<li><span>тег <h1> должен побуждать к чтению статьи, поэтому при его придумывании рекомендуется воспользоваться советами относительно «цепких» заголовков;
</span></li>
<li><span>не следует использовать знаки препинания.
</span></li>
</ul><h2>Как выглядит структура заголовков</h2>
<p>Чтобы понять, какую структуру должна иметь страница, ориентируйтесь вот на этот план:<br><img src='https://i2.wp.com/timeweb.com/media/default/0001/01/6da73912335d6fd8f5a4e1756ff17f7f22e2fc2a.png' width="100%" loading=lazy></p>
<h2>Частые ошибки</h2>
<p>За правильной разметкой нужно особенно следить при использовании бесплатных CMS и отдельных шаблонов - в некоторых случаях <h1> и подзаголовки других уровней могут стоять совсем не там, где они должны быть (например, <h3> выделяет заголовки блоков). Это встречается в WordPress, поэтому если вы видите, что виджеты в сайдбаре имеют теги заголовка, измените их на другие (например, на ).
</p>
<p>Также иногда заголовки включают какие-то посторонние элементы вроде изображения или ссылки, и это негативно отражается на SEO.
</p>
<p>Другая типичная ошибка - наличие на странице нескольких тегов <h1>. Этот тег должен быть один и только один.
</p>
<p>Зачастую теги <h1>…<h6> могут быть неправильно оформлены в визуальном текстовом редакторе в панели администратора: их не закрывают, оставляют пустыми или включают туда очень много текста. Важно не только,
</span><i>что
</i><span> вы напишите в заголовках, но и то,
</span><i>как
</i><span> вы это сделаете - поэтому
</span><b>следите за оформлением
</b>.
</p>
<p>Если возвращаться к тексту, то ошибки стандарты: слишком много ключевых слов, знаки препинания и так далее (обо всем этом уже писалось выше). Однако важно помнить и о содержании самого заголовка - он должен соотноситься с текстом. который идет далее.
</p>
<p>То есть
<b>заголовок должен выполнять свою функцию
</b><span>. Потому что когда он ее не выполняет, начинаются проблемы.
</p>
<p>Бывают, кстати, ошибки наоборот - когда вместо того, чтобы поставить тег заголовка, ставят теги <p>И <span> с каким-нибудь стилем.
</p>
<p>Еще бывает, что, прочитав все выше, человек решает отказаться от заголовков и не использовать их в маленьких текстах. И тут нужно понимать, что практически любой текст можно разбить на небольшие части, и соответственно озаглавить их.
</p>
<h2>Заключение</h2>
<p>Если вы хотите использовать SEO для увеличения конверсии на своем сайте, то вам нужно внимательно относиться к заголовкам на страницах сайта и к их оформлению. Ничего сложного в этом нет, главное - следуйте советам, перечисленным в этой статье, и не забывайте также о том, что главное, для кого вы пишите заголовки и делаете правильное оформление - это посетители сайта (а не поисковые боты).
</p>
<p>3 основных уровня иерархии текста, которые позволяют дизайнеру привлечь внимание и направить пользователя к дальнейшему чтению.<br></p>
<h1>Уровни типографической иерархии</h1>
<p>Дизайн заголовков и подзаголовков является очень важной составляющей любого интерфейса. Заголовки и подзаголовки позволяют создавать визуальную иерархию, привлекать внимание к основному контенту, подталкивать читателя к дальнейшему чтению.</p>
<p>Можно выделить три основных уровня типографической иерархии:</p>
<ul><li><b>Первый уровень
</b> – это непосредственно сам заголовок. Задача этого уровня привлечь читателя и провести его в направлении второго уровня.</li>
<li><b>Второй уровень
</b> – это подзаголовки, цитаты, описания и все остальное, что идёт отдельно от основного текста, но в его поддержку. Цель этого уровня повысить сканируемость текста и подтолкнуть читателя к дальнейшему чтению.</li>
<li><b>Третий уровень
</b> – это наш основной текст. Цель этого уровня – уйти с пути пользователя. Мы должны не мешать и не привлекать внимание к тому, что может отвлечь пользователя и увести с данной страницы. Пользователь решает, нужно ли ему переходить к этому уровню на основании двух предыдущих.</li>
</ul><h1>Первый уровень (заголовок)</h1>
<p>Основная цель первого уровня – это привлечь читателей и мотивировать их продолжить (начать) чтение нашего текста. Читать большие блоки текста достаточно трудно и затратно по времени, поэтому нужно <span>предложить читателю выгоду
</span> в заголовке.</p>
<p>В среднем 8 из 10 человек прочитают ваш заголовок, и только 2 из 10 прочитают остальной текст. Поэтому для заголовка важна максимальная информативность.</p>
<p>Заголовок должен быть наиболее визуально выделенным элементом на странице. Обычно, главный заголовок заключается в тег H1.</p>
<p>Для выделения заголовка, можно воспользоваться стандартными приемами визуального выделения:</p>
<ul><li><b>Контрастность
</b> – заголовок должен быть достаточно контрастным по отношению к остальным элементам.</li>
<li><b>Размер
</b> – увеличение размера текста для заголовка является самым простым способом выделить данный элемент.</li>
<li><b>Начертание
</b> – еще один способ выделить заголовок. Можно сделать текст заголовка в жирном начертании, супер жирном или курсивом. Это позволит тексту выделиться.</li>
<li><b>Пространство
</b> – для более четкой идентификации заголовка нужно добавить свободного пространства вокруг него. Чтобы пользователь четко знал, что это основной элемент на странице, и на нём нужно заострить своё внимание.</li>
</ul><h1>Второй уровень (подзаголовок)</h1>
<p>У подзаголовка похожая с заголовком цель, только в меньших масштабах. Подзаголовки также используются, чтобы направить читателя к дальнейшему чтению текста и позволяют удерживать внимание, которое привлекает заголовок.</p>
<p>Подзаголовок, совместно с другими второстепенными элементами, должен поддерживать интерес и вызывать желание у читателя ознакомиться с текстом более детально.</p>
<p>Также, подзаголовки позволяют <span>структурировать текст и создать иерархию
</span> на странице. Они позволяют понять человеку, где он может начать чтение, а где закончить, чтобы взять для себя максимальное количество полезной информации.</p>
<p>Для выделения подзаголовков необходимо использовать те же способы, что и для выделения заголовков. Но при этом, нужно помнить, что подзаголовок на уровень ниже, чем заголовок, и на уровень выше, чем простой текст. Нужно визуально этому соответствовать. Подзаголовок не должен выделяться больше, чем заголовок или менее, чем обычный текст.</p>
<h1>Третий уровень</h1>
<p>Обычно на этом уровне представлено много информации (тело вашей информации), поэтому он должен быть максимально читабельным и не отвлекающим. Вы должны <span>дать возможность читателю сконцентрироваться на чтении текста и не мешать
</span> ему.</p>
<ul><li>Текст должен быть контрастным по отношению к фону. Пользователь должен иметь возможность без каких-либо дополнительных усилий прочитать текст.</li>
<li>Лучше использовать одноцветный фон и воздержаться от использования текстур в качестве фона, так как они делают сложным восприятие пользователем информации.</li>
<li>Размер текста должен быть удобным для чтения. Не нужно мельчить и делать этот текст слишком маленьким. Если текст будет тяжело читать, пользователь просто не будет его читать.</li>
<li>Если у вас присутствуют ссылки на этом уровне, они должны отличаться от основного текста. Пользователь должен понимать, где в тексте ссылка, и что произойдёт по её нажатию.</li>
</ul>
<p>Здравствуйте, друзья! Рады приветствовать вас на блоге Андрея с Дашей – Thebizfromscratch. Что-то давно мы ничего не писали о SEO и в этой статье хотим наверстать упущенное, ведь тема на сегодня – Влияние заголовков H1, H2 – H6 на продвижение сайта. Мы расскажем, по каким правилам и принципам прописываем заголовки на своём блоге и надеемся, что наш опыт окажется для вас полезным.</p>
<h2><span>Как правильно расставлять мета-теги H1, H2…H6
</span></h2>
<p>Итак, оформляя публикацию, мы прописываем мета-теги в следующем порядке:</p>
<p>Является наиболее значимым заголовком, поэтому в теги h1 принято заключать желательно разбавленный нейтральными словами основной поисковой ключ, т.е. разбавленный title.</p>
<p>Следующий по значимости заголовок, с помощью которого выделяют подобранный к основному запросу низкочастотный запрос.</p>
<ol><li><b>H3, H4,H5, H6
</b></li>
</ol><p>По сути, не имеют особого влияния на продвижение. Однако включение ключивиков в них может привести к переоптимизации, что вызовет лишь негативный отклик у поисковых ботов. Поэтому данные мета-теги мы используем только для красивого структурирования статьи. Чтобы посетителям было удобнее читать и сразу понимать, где заканчивается одна мысль и начинается другая. Тем более, не забывайте, что все посты пишутся исключительно для читателей и увлекаться частым повтором одних и тех же слов/фраз – не стоит.</p>
<p>А чтобы упомянутая выше информация правильно была понята, давайте рассмотрим пример! Пусть вы написали статью под поисковой запрос – «Как сделать сайт». Эту фразу нужно прописать в поле Title и повторить минимум 2 раза без изменений в самом тексте. Или как делают многие – повторяют поисковой запрос 1 раз на 1000 символов.<br><img src='https://i1.wp.com/thebizfromscratch.ru/wp-content/uploads/2016/12/syuda-tittle.jpg' align="center" width="100%" loading=lazy></p>
<p>Если дальше вы нуждаетесь в выделении структуры, то смело используйте H2, содержащий низкочастотный запрос. Опять же в рамках примера – «Как качественно сделать сайт на движке WordPress». Остальные мета — теги пишите без ключей.<br><img src='https://i1.wp.com/thebizfromscratch.ru/wp-content/uploads/2016/12/struktura.jpg' align="center" width="100%" loading=lazy></p>
<ol><li>Не проставляйте в заголовках ссылки на другие продвигаемые страницы. Код ссылки будет расцениваться поисковыми машинами, как ключевые слова, и только навредит ранжированию.</li>
<li>Не располагайте заголовки низшего порядка над более значимыми. Первым должен следовать H1, затем H2 и далее по нарастающей. Должна вырисовываться древовидная структура.</li>
<li>Рекомендуется использовать H1 единожды, H2 не более 3-х раз, а H3-H6 сколько угодно (только без ключей и только, если это необходимо).</li>
</ol><p>Пожалуй, это были основные принципы и правила, которыми мы пользуемся при оформлении статей. Надеемся, что тема – влияние заголовков H1, H2 – H6 на продвижение сайта – раскрыта и вы нашли для себя полезную информацию. В случае вопросов – обязательно задавайте их в комментариях, постараемся помочь.</p>
<p>Которые определяют уровень важности заголовков на странице.</p>
<p>Соответственно, заголовок h1 является наиболее важным, а заголовок h6 - наименее. Благодаря этим тегам составляется правильная иерархия структуры страницы.</p>
<p>Заголовки вкратце выражают основную мысль, которая более подробно раскрывается в тексте. Прочитав заголовок, посетитель сайта принимает решение: остаться на странице и продолжить читать документ или же покинуть сайт.</p>
<p>То есть, основное предназначение заголовков - привлечение внимания пользователя.</p>
<p>Но нельзя забывать и о том, что благодаря заголовкам, вебмастер создает грамотную иерархию, структуру контента на странице, удобство для потребления контента, что напрямую влияет на SEO-оптимизацию ресурса.</p>
<p>Анализируя заголовки, поисковые роботы оценивают общую релевантность и актуальность информации, представленной на странице, для пользователя.</p>
<h2>Заголовки в статье</h2>
<p>Визуально, заголовки в теле документа выглядят следующим образом:</p>
<p>Видно, что каждый заголовок, в зависимости от его значимости, отличается размером шрифта. Таким образом, читателю становится понятной вся структура статьи, и материал более доступно и легко усваивается.</p>
<h2>Заголовки в коде</h2>
<p>Просматривая документ в формате HTML, такого явного визуального различия между заголовками нет. Выглядит разметка так:</p>
<br><img src='https://i0.wp.com/webmasterie.ru/wp-content/uploads/2019/07/zagolovki-h1-h6-v-kode.jpg' width="100%" loading=lazy><p>Более наглядный пример в коде:</p>
<p>Тут все понятно и логично: каждый заголовок задается соответствующим HTML-тегом своего уровня.</p>
<h2>Иерархия заголовков</h2>
<p>Оформляя страницу сайта, нужно обязательно использовать заголовки. Но делать это нужно логично и обдуманно. Существует строгий порядок расположения тегов h1-h6 в теле документа.</p>
<p>Каждая страница начинается с заголовка h1. Он всегда идет первым и единственным, более не повторяясь в структуре статьи.</p>
<p>Например, на нашем сайте он выглядит вот так:</p>
<br><img src='https://i1.wp.com/webmasterie.ru/wp-content/uploads/2019/07/primer-h1.jpg' width="100%" loading=lazy><p>Вторым по значимости является заголовок h2, который может встречаться несколько раз, в зависимости от объема и смысловой нагрузки контента.</p>
<p>Очень часто, этого заголовка h2 достаточно для грамотного и правильного оформления страницы. Но бывает и так, что приходится использовать следующий заголовок: h3.</p>
<br><img src='https://i1.wp.com/webmasterie.ru/wp-content/uploads/2019/07/primer-h2-h3.jpg' width="100%" loading=lazy><p>Заголовок h3 используется внутри текста, обозначенного заголовком h2, разделяя контент на дополнительные смысловые разделы.</p>
<p>Как правило, заголовок h4 является крайним в иерархии статьи и используется редко. То есть, можно сказать, что заголовки h5 и h6 не используются вовсе. Но это не значит, что их нельзя использовать. Если есть необходимость, то стоит вспомнить и про них.</p>
<p><b>Главное
</b> - нужно заботиться об удобстве восприятия материала пользователем.</p>
<p>Для примера приведу правильную иерархию статьи:</p>
<br><img src='https://i1.wp.com/webmasterie.ru/wp-content/uploads/2019/04/ierarhia.png' width="100%" loading=lazy><h2>Почему h1 самый главный</h2>
<p>Заголовок h1 - это общий заголовок всего документа, поэтому он может использоваться только один раз.</p>
<p>Он является главным, так как именно по нему пользователь судит о содержании статьи и принимает решение, читать ее или нет.</p>
<p>Для того, чтобы составить хороший заголовок h1, который будет передавать суть документа, нужно понимать, чем h1 отличается от title и знать основные требования к его составлению.</p>
<h2>Почему h1 должен различаться с Title</h2>
<p>Title также является основным заголовком документа, но указывается он не только для посетителей сайта, но и для поисковых роботов. Увидеть title можно на странице поисковой выдачи или во вкладке браузера с открытой страницей сайта.</p>
<br><img src='https://i0.wp.com/webmasterie.ru/wp-content/uploads/2019/07/primer-title-v-serp.jpg' width="100%" loading=lazy> Пример отображения title в поисковой выдаче
<p>Заголовок h1 должен отличаться от Title, потому что у них разная цель.</p>
<p><b>Во первых.
</b> Правильно составленный заголовок h1 должен привлекать внимание пользователя и соответствовать его ожиданиям, чтобы статью хотелось прочесть. Так же этот заголовок посетители могут увидеть под другими вашими статьями или в разделах сайта. Интересный заголовок h1 может поспособствовать на переход к другой статье и проведение посетителю еще больше времени на вашем ресурсе, что благоприятно может сказываться на поведенческих факторах.</p>
<p><b>Во вторых.
</b> Заголовок h1 указывает поисковым системам на то, что контент, расположенный на этой странице, соответствует вписанному в нее заголовку title, ранее изученному пользователем на странице поисковой выдачи.</p>
<p><b>А основная задача title
</b> - это быть оптимизированным под поисковые запросы. Более подробно про составление title читайте в .</p>
<p>Самое по себе одинаковый title и h1 не считается за спам. И в некоторых тематиках это оправдано, потому что сложно сделать эти теги разными.</p>
<p>Но повторяя их содержимое вы не даете поисковой системе ничего нового. Поэтому желательно их затачивать под разные цели. Title - преимущественно для seo. H1 - для конверсии и мареткинга. Это в идеале, но а сама реализация зависит от конкретной ситуации.</p>
<h2>Требования к h1</h2>
<ul><li>Нужно стараться делать заголовок h1 кратким, но в то же время максимально информативным. В идеале не более 5-7 слов.</li><li>Заголовок h1 не рекомендуется повторять на одной и той же странице несколько раз. Главное правило: одна страница - один заголовок h1.</li><li>Заголовок размещается вверху всего документа.</li><li>Перед заголовком h1 нельзя использовать менее приоритетный заголовки h2, h3 и т.д.</li>
</ul><p>Существует негласное мнение, что длина заголовка h1 не должна превышать 50 символов. Но не критично, если этот предел будет превышен. Все индивидуально и зависит от содержимого страницы.</p>
<p>В заголовке h1, как и в title, рекомендуется использовать ключевые слова. Если получается сделать это в точном вхождении запроса - замечательно. Если такой возможности нет, то запрос можно разбавить. Главное, чтобы заголовок был читабельным и понятным.</p>
<h2>Как сделать заголовок цепляющим</h2>
<p>Прежде всего нужно понимать, что человек ищет не какой-либо конкретный товар или услугу, а решение своей проблемы. И заголовок должен быть направлен именно на это.</p>
<p>Существуют множество приемов составления привлекательного заголовка. Рассмотрим некоторые из них.</p>
<h3>Решаем проблему пользователя</h3>
<p>Например, можно написать два разных заголовка:</p>
<ul><li>"Болит голова? Избавьтесь от головной боли за неделю!"</li><li>"Можно ли избавиться от головной боли?"</li>
</ul><p>В <a href="/repair/kak-nastroit-temu-v-vordpress-kakie-varianty-resheniya/">данном варианте</a>, первый заголовок будет более удачный, нежели второй. Так как именно он говорит пользователю о том, что его проблема будет однозначно решена за определенный срок.</p>
<h3>Интригуем посетителя</h3>
<p>Опять, для примера два варианта заголовков:</p>
<ul><li>"Делимся самым <a href="/news/effektivnye-metody-udaleniya-bannera-vymogatelya-vinlokera-windows-zablokirovan---virus-prosit-otpr/">эффективным методом</a> лечения головной боли!"</li><li>"Хороший метод лечения головной боли!"</li>
</ul><p>Первый заголовок будет более привлекательным для посетителя.</p>
<h3>Метод "экзамена"</h3>
<p>Данный способ составления заголовков провоцирует пользователя открыть статью, с целью проверки собственных знаний. Например:</p>
<ul><li>"Вы точно знаете, что правильно боретесь с головной болью?"</li><li>"Все ли вам известно о борьбе с головной болью."</li>
</ul><p>Первый вариант опять более удачный, нежели второй.</p>
<p>Составляя заголовки, нужно стремиться к тому, чтобы они были краткими, информативными и привлекательными для посетителей. Но нужно соблюдать грань между привлекательностью и кликбейтом. Заголовок должен соответствовать содержимому документа, а тот, в свою очередь, должен оправдывать ожидания пользователя.</p>
<h2>Как использовать заголовки h2-h6 </h2>
<ul><li>Необходимо понимать, что наименьший заголовок не может присутствовать в тексте, в котором нет большего заголовка. Например, если в документе прописан заголовок h3, то перед ним обязательно должен стоять заголовок h2.</li><li>Чем выше приоритетность заголовка, тем больше должен быть размер его шрифта. Во всех известных CMS эта функция, как правило, реализована по умолчанию.</li><li>Каждый заголовок должен быть емким и информативным, отображающим основную суть материала, последующего за ним.</li><li>Теги h2-h6 не должны включать в себя другие <a href="/ipod/ispolzovanie-tega-footer-dlya-sozdaniya-podvala-na-stranice-novye-tegi/">HTML теги</a> или элементы разметки.</li><li>Не нужно спамить в заголовках ключевыми словами. Как правило, запросы используются при составлении title и h1. В заголовках h2-h6 ключи использовать можно, но стоит делать это с осторожностью. Главное - это раскрыть суть информации, которая последует за заголовком.</li><li>Нужно помнить что в поисковую выдачу Яндекс вместо title могут попадать заголовки h2-h3.</li>
</ul><p>Не нужно пытаться вставить все уровни заголовков в текст, руководствуясь принципом "чтобы было". Если объем информации небольшой, то заголовков h2-h6 может и не быть. В первую очередь, нужно руководствоваться здравым смыслом, ориентируясь на то, насколько удобно читать ваш текст. Ну и, конечно же, необходимо соблюдать иерархию заголовков, о которой мы говорили ранее.</p>
<h2>Частые ошибки использования заголовков h1-h6</h2>
<p>Зачастую, составляя заголовки h1-h6, вебмастера допускают одни и те же ошибки. Разберем их более подробно.</p>
<ul><li>На странице встречаются несколько заголовков h1. Это самая грубая ошибка, которая, как не странно, встречается чаще всего. Главное правило: один документ - один заголовок h1.</li><li>Не соблюдается иерархия заголовков. Не все понимают этот момент, считая, что вправе оформлять текст так, как заблагорассудится. Поисковые системы считают иначе. Иерархия заголовков должна соблюдаться.</li><li>Заголовки, составленные из ключевых слов. Использовать ключи в заголовках можно, то только в пределах разумного. Не стоит оформлять в виде заголовка несколько ключей, перечисляемых через запятую. Как правило, заголовки содержат ключи в порядке их приоритетности. То есть, заголовок h1 включает в себя наиболее высокочастотный запрос, а заголовок h6 (если он используется) - низкочастотный запрос.</li><li>Не стоит использовать теги h2-h6 в элементах меню или в других заголовках, которые не относятся к контенту.</li>
</ul><h2>Как прописывать заголовки h1-h6 в wordpress</h2>
<p>Наиболее распространенная система управления сайтом. Поэтому разберемся с ней более подробно.</p>
<p>Заголовок h1 прописывается в поле над основным содержимым документа:</p>
<br><img src='https://i1.wp.com/webmasterie.ru/wp-content/uploads/2019/07/wordpress-dobavit-zagolovok-h1.jpg' width="100%" loading=lazy><p>Остальные уровни заголовков h2-h4 оформляются следующим образом. Пишется текст и преобразуется в заголовок:</p>
<br><img src='https://i2.wp.com/webmasterie.ru/wp-content/uploads/2019/07/wordpress-vibor-zagolovkov.jpg' width="100%" loading=lazy><p>После выбирается необходимый уровень заголовка:</p>
<br><img src='https://i0.wp.com/webmasterie.ru/wp-content/uploads/2019/07/wordpress-zagolovki-h2-h4.jpg' width="100%" loading=lazy><p>Также можно переключиться с визуального редактора на редактор кода, чтобы просмотреть теги заголовков в следующем формате:</p>
<br><img src='https://i1.wp.com/webmasterie.ru/wp-content/uploads/2019/07/wordpess-zagolovok-v-kode.jpg' width="100%" loading=lazy><h2>Частые вопросы</h2>
<p><b>Можно ли использовать заголовок h1 несколько раз в HTML 5?
</b></p>
<p>HTML 5 в своих правилах разрешает использовать несколько заголовков h1. Но я специально написал с этим вопросом в , на что они мне ответили, что рекомендуется использовать h1 всего один раз, даже в HTML 5.</p>
<p><b>Обязательно ли использовать заголовок h1 на главной странице?
</b></p>
<p>Не обязательно, если это невозможно осуществить, то можно и не использовать.</p>
<h2>Заключение</h2>
<p>Использование заголовков в документе позволяет сделать текст более удобным для восприятия пользователя. Составляя заголовки, нужно соблюдать их иерархию и заботиться о привлекательности и емкости текста. Заголовки не должны быть кликбейтными и "желтыми". Каждый заголовок должен соответствовать тексту, который следует после него.</p>
<p>Правильное оформление материала позволит вам улучить <a href="/instructions/povedencheskih-faktorov-povedencheskie-faktory-delyatsya-metody/">поведенческие факторы</a> сайта, а следовательно, положительно скажется и на ранжировании вашего ресурса в поисковой выдаче.</p>
<p>Эта статья была написана, в первую очередь, для начинающих контент-менеджеров, которые занимаются только добавлением статей, написанных другими людьми, но может быть применено и самими авторами, а также всеми другими ролями, участвующих в создании и публикации контента.</p>
<p>Цель статьи: показать основные правила того, как нужно оптимизировать статьи под ключевые слова.</p>
<p>Здесь и далее мы говорим об информационных сайтах, которые состоят из статей, направленных на привлечение пользователей с поисковых систем. В случаи, например, с коммерческими сайтами, которые продают товары и услуги, эти принципы могут отличаться.</p><p>Ключевые слова – это поисковые запросы, вводя которые в поисковую систему, пользователь будет попадать на наш сайт. Существенную роль на соответствие документа ключевым словам, с точки зрения поисковых систем, играют заголовки и подзаголовки текста и их нужно «оптимизировать» в первую очередь.</p>
<p>Заголовки будем делить на 3 группы:</p>
<ul><li>Подзаголовки в теле страница (H2-H3).</li>
</ul><p><b>Метатег
</b><b>Title
</b> – находится в верхней части браузера и чаще всего появляется в выдаче <a href="/news/chto-soderzhit-lyubaya-poiskovaya-sistema-poiskovye-sistemy-sostav-funkcii/">поисковой системы</a> (в снипете).</p>
<p>При этом, если ключевое слово, которое набирает пользователь, содержится в Title странице, то оно подсвечивается соответствующим образом, тем самым, обеспечивая бОльшую кликабельность.</p>
<p>Исходя из этого, можно сделать вывод, что Title должен содержать основное ключевое слово, которое по возможности должно находиться, как можно ближе к началу. Кроме этого, этот заголовок в снипете <a href="/repair/kak-otklyuchit-personalizaciyu-vydachi-v-poiskovyh-sistemah-personalizirovannyi/">поисковой выдачи</a> должен в выгодном свете описывать статью, чтобы пользователю захотелось кликнуть по ссылке. Тем не менее, не нужно обманывать ожидания юзеров, если в Title написать того, чего нет в содержании статьи, то пользователь будет разочарован и уйдет со страницы, не дочитав ее.</p>
<p>Но обычно статьи оптимизируются не только под 1 ключевое слово, их может быть 3, 5, 10, 15 и даже 50 и 100, но чем частотнее запрос (чем чаще его запрашивают в поисковой системе), тем он ценнее для сайта, а самое популярное ключевое слово является <i>основным
</i>.</p>
<p><img src='https://i1.wp.com/seostop.ru/sites/default/files/seo-article-2.png' width="100%" loading=lazy></p>
<p>Как сказано выше, основное ключевое слово размещаем в начале Title, далее добавляем дополнительные ключевые слова, которые бы лучше раскрывали статью на предмет его содержания. Не более 2-3. Если таких ключевых слов нет, то добавляем слова, которые лучше расскажут пользователю, что он «получит», перейдя по ссылке, и выгодно отстроит статью от страниц конкурентов.</p>
<p>Крайне нежелательно, использование тавтологий внутри Title, приветствуется использование синонимов, для охвата большего количества поисковых запросов.</p>
<p>Рекомендую также поглядывать на успешных конкурентов, чтобы лучше понимать принципы составления тайтлов, но копировать их заголовки категорически нельзя, какими бы они кликабельными не казались, нужно отстроиться.</p>
<p>Выше была описана только 1 стратегия составления заголовков Title. Кроме этого там может содержаться вопрос и пояснение. Это в тех случаях, если в списке ключевых слов содержаться частотные запросы с вопросами.</p>
<p><img src='https://i0.wp.com/seostop.ru/sites/default/files/seo-article-3.png' width="100%" loading=lazy></p>
<p>Но не всегда так, нужно смотреть на выдачу, и если по запросу с вопросам на верхних строчках находятся сайты без содержания вопроса, то Title лучше составлять без вопроса.</p>
<p><img src='https://i0.wp.com/seostop.ru/sites/default/files/seo-article-4.png' width="100%" loading=lazy></p>
<p>Еще есть понятия прямого и разбавочного вхождения ключевого. Под <b>прямым
</b> подразумевается включение в заголовок ключевого запроса в том виде, в каком его запрашивают в поисковой системе, а <b>разбавлением
</b> называют разбиение ключевого словосочетания каким-либо дополнительным словом или хотя бы его склонение, изменение словоформы.</p>
<p>Обычно в Title включают прямое вхождение, но нужно смотреть выдачу поисковой системы и исходя из него корректировать стратегию. Также для большей привлекательности можно использовать знаки такие знаки препинания, как длинное тире (не используйте вместо этого короткое тире), двоеточие. Точку в конце предложения не ставим, другие знаки препинания в частности знак вопроса допускается.</p>
<p><b>Заголовок страницы
</b><b>H1
</b> – располагается уже на самой странице, как правило, в самом его начале и представляет с собой заголовок статьи в классическом понимании.</p>
<p><img src='https://i2.wp.com/seostop.ru/sites/default/files/seo-article-5.png' width="100%" loading=lazy></p>
<p>Кроме того, этот заголовок фигурирует в тизерах статей внутри сайта, и читая его, человек должен понимать о чем статья и насколько его интересно будет прочитать.</p>
<p><img src='https://i1.wp.com/seostop.ru/sites/default/files/seo-article-6.png' height="626" width="624" loading=lazy></p>
<p>Задачей же владельца сайта является обеспечение как можно большего количества просмотра страниц на каждого уникального посетителя. Кроме этой цели этот тип заголовка тоже должен содержать ключевое слово. Как правило, здесь используется либо разбавочное вхождение основного ключевого слова, смотрите пример.</p>
<p>Если основной ключевой запрос «Антидепрессанты без рецепта», то заголовок H1 может быть «Лучшие антидепрессанты без рецепта врача».</p>
<p>Также можно и изменить ключевое слово более значительно «ТОП 10 безопасных антидепрессантов», то есть тут слово «врач» исключили вовсе. Но с этим приемом лучше пользоваться осторожнее.</p>
<p>Но иногда можно включить и основной ключ без изменений. «Антидепрессанты без рецепта: лучшие безопасные препараты».</p>
<p>К тому же, тут позволяется использовать и синоним основного ключевого слова вместо него самого. Синоним слова «препарат» - «успокоительные». Синоним подбирается из контекста. Вместо синонима можно внедрить и обобщение – «препарат». А можно использовать и синоним/обобщение, и основной запрос.</p>
<p>Это не все приемы, здесь также нужно смотреть конкурентов и отстраиваться от них.</p>
<p>Нужно помнить, что целью заголовка H1 является продать идею прочитать статью, поэтому его можно составлять красивее, а не только с целью внедрения ключевого слова. Для таких «маркетинговых» задач можно использовать и знаки препинания, как двоеточие, добавлять небольшую интригу, но разумеется прибегать к приемам желтых заголовком нельзя.</p>
<p><b>Подзаголовки в теле статьи (</b><b>H2-
</b><b>H3)
</b> – эти подзаголовки структурируют текст на тематические разделы. Во многих сайтах на основе этих подзаголовков формируется «содержание» страницы, которая служит навигацией.</p>
<p><img src='https://i1.wp.com/seostop.ru/sites/default/files/seo-article-7.png' width="100%" loading=lazy></p>
<p>В этих запросах наоборот нежелательно уже использовать основное ключевое слово, если оно было применено в Title и H1, но если мы применили в H1 синоним основного запроса, то его можно применять в том или ином виде и в этих заголовках. Приветствуется применение синонимов, особенно, если они не использовались в других местах.</p>
<p>Но есть исключения. Если подзаголовком является устойчивое словосочетание, которое люди привыкли воспринимать в определенном виде. Например, при описании линейки кормов для животных подзаголовками будут являться сами названия, то названия нужно писать, так, как и принято их писать, а не через синонимы или разбивочные вхождения.</p>
<p>К тому же, иногда содержание подзаголовков попадает в сниппет поисковой системы вместо Title. Иногда туда попадает и H1, но редко.</p>
<p>Правила составления подзаголовков не являются жестким, в некоторых тематиках очень сложно подбираются синонимы, а не употреблять в подзаголовках ключевые слова порой невозможно.</p>
<p>При оптимизации подзаголовком нужно придерживаться следующих принципов:</p>
<ul><li>они должны быть более ли менее лаконичными и емкими, но лучше избегать однословных вариантов;</li>
<li>должны выгодно смотреться в содержании, потому что содержание статьи пользователь видит в самом начале, и исходя из него, во многих случаях принимает решение о продолжении чтения.</li>
</ul><p>Также некоторые авторы грешат тем, что для многих статей используют одни и те же подзаголовки как шаблон, например, это популярно при описании лекарственных препаратов, кормов, так делать нежелательно, по возможности нужно разбавлять и уникализировать их.</p>
<p>H2 – означает подзаголовок второго уровня, а H3 – третьего (подподзаголовок). При оформлении подзаголовков очень важно сохранять иерархию. То есть сначала идет H2 и только потом H3. Заголовков каждого уровня должно быть не менее 2-х.</p>
<p>Считается хорошим тоном, что на каждые 700 – 1000 знаков есть 1 подзаголовок. Подзаголовки H3 можно употреблять и чаще, если это требуется для структуризации текста.</p>
<p>При публикации статьи, как правило, контент менеджер уже обладает списком ключевых слов и имеет данные об их частотности. Тогда все просто, но при написании некоторых статей не используется семантическое ядро и приходится при публикации таких статей получать данные о ключевых словах.</p>
<p>Здесь важно уметь пользоваться статистикой поисковых запросов от Яндекса wordstat.yandex.ru и анализировать конкурентов.</p>
<p>Методом подбора или из заголовков конкурентов подбираем 1 основной и несколько вспомогательных ключевых слов.</p>
<p><img src='https://i2.wp.com/seostop.ru/sites/default/files/seo-article-8.png' height="845" width="494" 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>
</article>
<div class="post-meta">
<div class="post-rating">
<div class="post-rating__title">Оценка статьи:</div>
<div id="post-ratings-557" class="post-ratings" data-nonce="79f57c6f5f"><img id="rating_557_1" src="https://gamevid.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="1 Звезда" title="1 Звезда" onmouseover="current_rating(557, 1, '1 Звезда');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();"
onkeypress="rate_post();" style="cursor: pointer; border: 0px;" / loading=lazy><img id="rating_557_2" src="https://gamevid.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="2 Звезды" title="2 Звезды" onmouseover="current_rating(557, 2, '2 Звезды');"
onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" / loading=lazy><img id="rating_557_3" src="https://gamevid.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif"
alt="3 Звезды" title="3 Звезды" onmouseover="current_rating(557, 3, '3 Звезды');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" / loading=lazy><img id="rating_557_4"
src="https://gamevid.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="4 Звезды" title="4 Звезды" onmouseover="current_rating(557, 4, '4 Звезды');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();"
style="cursor: pointer; border: 0px;" / loading=lazy><img id="rating_557_5" src="https://gamevid.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="5 Звезд" title="5 Звезд" onmouseover="current_rating(557, 5, '5 Звезд');" onmouseout="ratings_off(0, 0, 0);"
onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" / loading=lazy> (Пока оценок нет)<br /><span class="post-ratings-text" id="ratings_557_text"></span></div>
<div id="post-ratings-557-loading"
class="post-ratings-loading">
<img src="https://gamevid.ru/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" class="post-ratings-image" / loading=lazy> Загрузка...</div>
</div>
<div class="post-share">
<div class="post-share__title">Поделиться с друзьями:</div>
<script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8" async="async"></script>
<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,gplus,twitter" data-counter=""></div>
</div>
</div>
</div>
<div class="yarpp-related">
<div class="yarpp-related__title">Статьи на похожую тему</div>
<ul class="related">
<style>
</style>
<ul class="related-items">
<li><img src="/uploads/a3c777a3f739ce8c4b168b365ee9cf75.jpg" width="150" height="95" / loading=lazy><a href="/repair/samye-bolshie-pabliki-vkontakte-samye-bolshie-pabliki/">Самые большие паблики вконтакте Cook it!</a></li>
<li><img src="/uploads/da7b6fcffc8d1f17651c6a8bb0669333.jpg" width="150" height="95" / loading=lazy><a href="/instructions/samsung-galaxy-a9-pro-2016---tehnicheskie-harakteristiki-samsung-galaxy-a9-star-pro-pervyi/">Samsung Galaxy A9 Star Pro: первый смартфон с четверной камерой Информация о типе громкоговорителей и поддерживаемых устройством аудиотехнологиях</a></li>
<li><img src="/uploads/636719c6ae98f15244b985aaff1d97d7.jpg" width="150" height="95" / loading=lazy><a href="/instructions/smartfon-samsung-galaxy-j1-harakteristiki-instrukciya-otzyvy-smartfon-samsung-galaxy-j1/">Смартфон Samsung Galaxy J1: характеристики, инструкция, отзывы Коммуникация между устройствами в мобильных сетях осуществляется посредством технологий, предоставляющих разные скорости передач</a></li>
<li><img src="/uploads/e5ef12043517763a9a9033db60fc7bab.jpg" width="150" height="95" / loading=lazy><a href="/reviews/ne-zahodit-v-aityuns-stor-s-aifona-ne-udaetsya-podklyuchitsya/">“Не удается подключиться к iTunes Store”</a></li>
</ul>
</ul>
</div>
<aside class="comments-block">
<div id="disqus_thread">
</div>
</aside>
</main>
</div>
</div>
<footer class="footer">
<div class="footer-copy">© 2024 Все права защищены</div>
<nav class="footer-nav">
<ul class="footer-nav__items">
<li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/sitemap.xml">Карта сайта</a></li>
</ul>
</nav>
</footer>
<div class="modal-hidden">
<div class="search-modal">
<div class="modal_close arcticmodal-close">Закрыть</div>
<div class="search-title">Найти на сайте</div>
<div class="search-form">
<form method="get" action="/">
<input type="text" value="" name="s" placeholder="Поиск по сайту" class="search-form__field">
<input type="submit" value="" class="search-form__button search-open">
</form>
</div>
<div class="search-example">Например: <span>виды гипсокартона</span></div>
</div>
</div>
<script type="text/javascript">
function dem_ready(e) {
"use strict";
var t, n = ".democracy",
i = e(n),
o = ".dem-screen",
a = ".dem-add-answer-txt",
s = e(".dem-loader").first(),
d = {};
i.length && (d.opts = i.first().data("opts"), d.ajaxurl = d.opts.ajax_url, d.answMaxHeight = d.opts.answs_max_height, d.speed = parseInt(d.opts.anim_speed), d.lineAnimSpeed = parseInt(d.opts.line_anim_speed), setTimeout(function() {
var t = i.find(o).filter(":visible"),
n = function() {
t.each(function() {
d.setHeight(e(this), 1)
})
};
t.demInitActions(1), e(window).on("resize.demsetheight", n), e(window).load(n), d.maxAnswLimit();
var a = e(".dem-cache-screens");
a.length > 0 && a.demCacheInit()
}, 10), e.fn.demInitActions = function(t) {
return this.each(function() {
var n = e(this),
i = "data-dem-act";
n.find("[" + i + "]").each(function() {
e(this).attr("href", ""), e(this).click(function(t) {
t.preventDefault(), e(this).blur().demDoAction(e(this).attr(i))
})
});
var o = !!n.find("input[type=radio][data-dem-act=vote]").first().length;
o && n.find(".dem-vote-button").hide(), d.setAnswsMaxHeight(n), d.lineAnimSpeed && n.find(".dem-fill").each(function() {
var t = e(this);
setTimeout(function() {
t.animate({
width: t.data("width")
}, d.lineAnimSpeed)
}, d.speed, "linear")
}), d.setHeight(n, t), n.find("form").submit(function(t) {
t.preventDefault();
var n = e(this).find('input[name="dem_act"]').val();
n && e(this).demDoAction(e(this).find('input[name="dem_act"]').val())
})
})
}, e.fn.demSetLoader = function() {
var e = this;
return s.length ? e.closest(o).append(s.clone().css("display", "table")) : t = setTimeout(function() {
d.demLoadingDots(e)
}, 50), this
}, e.fn.demUnsetLoader = function() {
return s.length ? this.closest(o).find(".dem-loader").remove() : clearTimeout(t), this
}, e.fn.demAddAnswer = function() {
var t = this.first(),
n = t.closest(o),
i = n.find("[type=checkbox]").length > 0,
s = e('<input type="text" class="' + a.replace(/\./, "") + '" value="">');
if (n.find(".dem-vote-button").show(), n.find("[type=radio]").each(function() {
e(this).click(function() {
t.fadeIn(300), e(a).remove()
}), "radio" == e(this)[0].type && (this.checked = !1)
}), t.hide().parent("li").append(s), s.hide().fadeIn(300).focus(), i) {
var d = n.find(a);
e('<span class="dem-add-answer-close">×</span>').insertBefore(d).css("line-height", d.outerHeight() + "px").click(function() {
var t = e(this).parent("li");
t.find("input").remove(), t.find("a").fadeIn(300), e(this).remove()
})
}
return !1
}, e.fn.demCollectAnsw = function() {
var t = this.closest("form"),
n = t.find("[type=checkbox],[type=radio],[type=text]"),
i = t.find(a).val(),
o = [],
s = n.filter("[type=checkbox]:checked");
if (s.length > 0) s.each(function() {
o.push(e(this).val())
});
else {
var d = n.filter("[type=radio]:checked");
d.length && o.push(d.val())
}
return i && o.push(i), o = o.join("~"), o ? o : ""
}, e.fn.demDoAction = function(t) {
var i = this.first(),
a = i.closest(n),
s = {
dem_pid: a.data("opts").pid,
dem_act: t,
action: "dem_ajax"
};
return "undefined" == typeof s.dem_pid ? (console.log("Poll id is not defined!"), !1) : "vote" != t || (s.answer_ids = i.demCollectAnsw(), s.answer_ids) ? "delVoted" != t || confirm(i.data("confirm-text")) ? "newAnswer" == t ? (i.demAddAnswer(), !1) : (i.demSetLoader(), e.post(d.ajaxurl, s, function(e) {
i.demUnsetLoader(), i.closest(o).html(e).demInitActions()
}), !1) : !1 : (d.demShake(i), !1)
}, e.fn.demCacheShowNotice = function(e) {
var t = this.first(),
n = t.find(".dem-youarevote").first();
return "blockForVisitor" == e && (t.find(".dem-revote-button").remove(), n = t.find(".dem-only-users").first()), t.prepend(n.show()), setTimeout(function() {
n.slideUp("slow")
}, 1e4), this
}, d.cacheSetAnswrs = function(t, n) {
var i = n.split(/,/);
if (t.hasClass("voted")) {
var o = t.find(".dem-answers"),
a = o.data("voted-class"),
s = o.data("voted-txt");
e.each(i, function(n, i) {
t.find('[data-aid="' + i + '"]').addClass(a).attr("title", function() {
return s + e(this).attr("title")
})
}), t.find(".dem-vote-link").remove()
} else {
var d = t.find("[data-aid]"),
r = t.find(".dem-voted-button");
e.each(i, function(e, t) {
d.filter('[data-aid="' + t + '"]').find("input").prop("checked", "checked")
}), d.find("input").prop("disabled", "disabled"), t.find(".dem-vote-button").remove(), r.length ? r.show() : (t.find('input[value="vote"]').remove(), t.find(".dem-revote-button-wrap").show())
}
}, e.fn.demCacheInit = function() {
return this.each(function() {
var t = e(this),
i = t.prev(n);
if (i.length || (i = t.closest(n)), !i.length) return void console.log("Main dem div not found");
var a = i.find(o).first(),
s = i.data("opts").pid,
r = Cookies.get("demPoll_" + s),
c = "notVote" == r ? !0 : !1,
f = !("undefined" == typeof r || c),
l = t.find(o + "-cache.vote").html(),
h = t.find(o + "-cache.voted").html();
if (l) {
var u = f && h;
if (a.html((u ? h : l) + "").removeClass("vote voted").addClass(u ? "voted" : "vote"), f && d.cacheSetAnswrs(a, r), a.demInitActions(1), !c && !f && 1 == t.data("opt_logs")) {
var m, p = function() {
clearTimeout(m)
},
v = function() {
m = setTimeout(function() {
if (!i.hasClass("checkAnswDone")) {
i.addClass("checkAnswDone");
var t = i.find(".dem-link").first();
t.demSetLoader(), e.post(d.ajaxurl, {
dem_pid: i.data("opts").pid,
dem_act: "getVotedIds",
action: "dem_ajax"
}, function(e) {
t.demUnsetLoader(), e && (a.html(h), d.cacheSetAnswrs(a, e), a.demInitActions(), a.demCacheShowNotice(e))
})
}
}, 700)
};
i.hover(v, p), i.click(v)
}
}
})
}, d.detectRealHeight = function(e) {
var t = e.clone().css({
height: "auto"
}).insertBefore(e),
n = "border-box" == t.css("box-sizing") ? parseInt(t.css("height")) : t.height();
return t.remove(), n
}, d.setHeight = function(t, n) {
var i = d.detectRealHeight(t);
n ? t.css({
height: i
}) : t.css({
opacity: 0
}).animate({
height: i
}, d.speed, function() {
e(this).animate({
opacity: 1
}, 1.5 * d.speed)
})
}, d.setAnswsMaxHeight = function(t) {
if ("-1" !== d.answMaxHeight && "0" !== d.answMaxHeight && d.answMaxHeight) {
var n = t.find(".dem-vote, .dem-answers").first(),
i = parseInt(d.answMaxHeight);
n.css({
"max-height": "none",
"overflow-y": "visible"
});
var o = "border-box" == n.css("box-sizing") ? parseInt(n.css("height")) : n.height(),
a = o - i;
if (a > 100) {
n.css("position", "relative");
var s, r = e('<span class="dem__collapser"><span class="arr"></span></span>').appendTo(n),
c = function() {
r.addClass("expanded").removeClass("collapsed")
},
f = function() {
r.addClass("collapsed").removeClass("expanded")
};
t.data("expanded") ? c() : (f(), n.height(i).css("overflow-y", "hidden")), r.hover(function() {
t.data("expanded") || (s = setTimeout(function() {
r.trigger("click")
}, 1e3))
}, function() {
clearTimeout(s)
}), r.click(function() {
if (clearTimeout(s), t.data("expanded")) f(), t.data("expanded", !1), t.height("auto"), n.stop().css("overflow-y", "hidden").animate({
height: i
}, d.speed, function() {
d.setHeight(t, !0)
});
else {
c();
var e = d.detectRealHeight(n);
e += 7, t.data("expanded", !0), t.height("auto"), n.stop().animate({
height: e
}, d.speed, function() {
d.setHeight(t, !0), n.css("overflow-y", "visible")
})
}
})
}
}
}, d.maxAnswLimit = function() {
i.on("change", "[type=checkbox]", function() {
var t = e(this).closest(n).data("opts").max_answs,
i = e(this).closest(o).find("[type=checkbox]"),
a = i.filter(":checked").length;
a >= t ? i.filter(":not(:checked)").each(function() {
e(this).prop("disabled", "disabled").closest("li").addClass("dem-disabled")
}) : i.each(function() {
e(this).removeProp("disabled").closest("li").removeClass("dem-disabled")
})
})
}, d.demShake = function(e) {
var t = e.css("position");
for (t && "static" !== t || e.css("position", "relative"), t = 1; 2 >= t; t++) e.animate({
left: -10
}, 50).animate({
left: 10
}, 100).animate({
left: 0
}, 50)
}, d.demLoadingDots = function(e) {
var n = e,
i = n.is("input"),
o = i ? n.val() : n.html();
"..." === o.substring(o.length - 3) ? i ? n[0].value = o.substring(0, o.length - 3) : n[0].innerHTML = o.substring(0, o.length - 3) : i ? n[0].value += "." : n[0].innerHTML += ".", t = setTimeout(function() {
d.demLoadingDots(n)
}, 200)
})
}! function(e) {
if ("function" == typeof define && define.amd) define(e);
else if ("object" == typeof exports) module.exports = e();
else {
var t = window.Cookies,
n = window.Cookies = e();
n.noConflict = function() {
return window.Cookies = t, n
}
}
}(function() {
function e() {
for (var e = 0, t = {}; e < arguments.length; e++) {
var n = arguments[e];
for (var i in n) t[i] = n[i]
}
return t
}
function t(n) {
function i(t, o, a) {
var s;
if ("undefined" != typeof document) {
if (arguments.length > 1) {
if (a = e({
path: "/"
}, i.defaults, a), "number" == typeof a.expires) {
var d = new Date;
d.setMilliseconds(d.getMilliseconds() + 864e5 * a.expires), a.expires = d
}
try {
s = JSON.stringify(o), /^[\{ \[]/.test(s) && (o = s)
} catch (r) {}
return o = n.write ? n.write(o, t) : encodeURIComponent(String(o)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent), t = encodeURIComponent(String(t)), t = t.replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent), t = t.replace(/[\(\)]/g, escape), document.cookie = [t, "=", o, a.expires && "; expires=" + a.expires.toUTCString(), a.path && "; path=" + a.path, a.domain && "; domain=" + a.domain, a.secure ? "; secure" : ""].join("")
}
t || (s = {});
for (var c = document.cookie ? document.cookie.split("; ") : [], f = /(%[0-9A-Z]{ 2} )+/g, l = 0; l < c.length; l++) {
var h = c[l].split("="),
u = h[0].replace(f, decodeURIComponent),
m = h.slice(1).join("=");
'"' === m.charAt(0) && (m = m.slice(1, -1));
try {
if (m = n.read ? n.read(m, u) : n(m, u) || m.replace(f, decodeURIComponent), this.json) try {
m = JSON.parse(m)
} catch (r) {}
if (t === u) {
s = m;
break
}
t || (s[u] = m)
} catch (r) {}
}
return s
}
}
return i.set = i, i.get = function(e) {
return i(e)
}, i.getJSON = function() {
return i.apply({
json: !0
}, [].slice.call(arguments))
}, i.defaults = {}, i.remove = function(t, n) {
i(t, "", e(n, {
expires: -1
}))
}, i.withConverter = t, i
}
return t(function() {})
});
var demjquerywait = setInterval(function() {
"undefined" != typeof jQuery && (clearInterval(demjquerywait), jQuery(document).ready(dem_ready))
}, 50);
</script>
<script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.7.8'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var tocplus = {
"smooth_scroll": "1"
};
/* ]]> */
</script>
<script type='text/javascript' src='https://gamevid.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script>
<script type='text/javascript' src='https://gamevid.ru/wp-content/plugins/wp-postratings/js/postratings-js.js?ver=1.84'></script>
<script type='text/javascript' src='https://gamevid.ru/wp-content/plugins/disqus-comment-system/media/js/disqus.js?ver=4.7.8'></script>
<script type='text/javascript' src='https://gamevid.ru/wp-content/plugins/disqus-comment-system/media/js/count.js?ver=4.7.8'></script>
</div>
</body>
</html> 