Что такое html тег h1. Правила использования заголовков
Тег H1 или заголовок H1
— это заголовок первого уровня и он имеет наибольшее значение и важность среди всех заголовков. Тег H1
должен применяться на странице один раз, располагаться выше всех других заголовков и иметь самый большой размер шрифта.
Всего тегов заголовков существует шесть. Это h1, h2, h3, h4, h5 , h6. Эти теги применяются для форматирования текста на странице. H1 самый весомый среди них как для посетителе, так и для поисковиков.
Приветствую Вас на страницах . В этой статье поделюсь с Вами некоторыми моментами при использовании заголовка H1 на страницах блога под управлением CMS WordPress.
Тег H1 — значение для продвижения
Поисковые системы используют слова и фразы, применяемые в этом теге, для определения релевантности страниц поисковому запросу. Этот тег является одним из наиболее значимых элементов релевантности. При оптимизации текста страницы важнее тега H1 поисковые системы ценят только тег TITLE.
И если быть более кратким и конкретным, то тег H1 рекомендуется использовать для заголовков страниц наших сайтов
и они должны содержать ключевую фразу, по которым эта страница продвигается.
Релевантность страниц, наряду с , является одним из самых весомых показателей для завоеваний лояльности поисковых систем.
Правила заполнения заголовка H1
Для получения хорошего результата при продвижении страниц сайта следует выполнять следующие правила его заполнения:
- Каждая страница должна содержать ОДИН тег H1.
- Тег должен содержать одно ключевое слово, по которому продвигается страница.
- Содержимое заголовка H1 должно быть уникальным для каждой страницы.
- Тег H1 не должен быть гиперссылкой.
- Желательно, чтобы тег не содержал классов, идентификаторов и других CSS элементов, а был в «голом» виде.
- Не рекомендуется использовать в содержимом знаков препинания, запятых, двоеточий и так далее.
- Размер тега не должен быть более двух предложений, лучше одно.
В html-коде заголовок страницы должен выглядеть таким образом:
Тег H1 это заголовок страницы
Наиболее типичные грубые ошибки – это отсутствие тега H1 на странице или присутствие более одного заголовка. Такие ошибки обычно характерны для страниц разделов, в которых перечислены статьи, входящие в эти разделы.
Контроль заполнения тега H1 по всему сайту проводится в рамках . Для проведения такого аудита есть немало достойных инструментов. Я же порекомендую Вам сервис от Мегаиндекса – audit.megaindex.ru
.
Тег H1, применение в WordPress
Теорию повторили и теперь остановимся на некоторых технических моментах, связанных и применением тега H1 на сайтах, использующих CMS WordPress. Поскольку большинство начинающих блоггеров используют бесплатные шаблоны, то в них могут содержаться некоторые недоработки.
В частности, возможны варианты, когда заголовок страницы выделяется не тегом H1, а другим тегом, чаще всего это H2.
Эта же недоработка обнаружилась и на моем блоге, после того как я создал при помощи программы Artisteer. При просмотре HTML-кода было обнаружено, что все заголовки страниц выводятся с тегом H2.
Для устранения этого пришлось редактировать файл single.php
, именно так в большинстве шаблонов называются файлы, которые выводят информацию по каждой отдельной записи. Как я это сделал сейчас продемонстрирую наглядно.
В теле файла single.php
ищем часть кода, которая выводит заголовок. В моем случае этот выглядело таким образом:
Меняем выделенные красным цветом теги h2 на необходимые h1 и файл single.php
исправлен и готов к использованию. Оказалось, что это довольно просто, поменял пару символов и готово. Теперь этот блок стал выглядеть так:
В Вашем случае выражение может быть несколько другого вида, но смысл, я надеюсь, Вы поняли.
Аналогичные изменения мне пришлось проделать с еще одним файлом темы page.php
, который отвечает за вывод страниц блога. Как известно блог на CMS WordPress содержит записи и страницы.
Функции создания и изменения их находятся в разных разделах администрирования блога, они хранятся в разных местах и соответственно за их вывод отвечают и разные программные модули.
В итоге отрезок кода в файле page.php
, который выводит заголовок страницы стал выглядеть вот так:
Но это было еще не все, на моем шаблоне я обнаружил, что тег H1 используется при выводе заголовка самого блога. И мне пришлось решать, оставлять все как есть или добиваться вывода заголовков страниц с тегом H1.
Ведь использование двух и более заголовков этого типа на одной странице не рекомендуется. Поисковые системы могут это расценить как переоптимизацию и сделать соответствующие выводы.
Тег H1, корректировка шаблона WordPress
В конце концов решил подправить эту недоработку, тем более, что хлопот больших это не принесло. Сейчас я Вам обо всем подробно доложу.
Для этого надо было внести поправки всего в два файла.
Первый header.php
— это файл вывода заголовка блога.
Второй style.css
— файл описания стилей блога.
Изменения header.php
Находим в header.php
фрагмент, который выводит заголовок блога и меняем тег заголовка h1
(выделил красным цветом те символы, которые изменяю) на тег абзаца p
. В результате получили такой код.
Изменения в файле style.css
Синим цветом я выделил наименование класса css, который нам придется подправить в файле style.css
, чтобы шрифт и размер вывода заголовка блога остался прежним, таким же как и до изменений. Далее открываем файл стилей, ищем поиском необходимый класс «art-Logo-name», фрагмент ниже
h1
.art-Logo-name, h1
.art-Logo-name a, h1
.art-Logo-name a:link, h1
.art-Logo-name a:visited, h1
.art-Logo-name a:hover
{
font-size: 29px;
text-decoration: none;
padding:0;
margin:0;
color: #E0EDF0 !important;
}
Все выделенные красным цветом h1
меняю на p
и получаю в результате
p
.art-Logo-name, p
.art-Logo-name a, p
.art-Logo-name a:link, p
.art-Logo-name a:visited, p
.art-Logo-name a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 29px;
text-decoration: none;
padding:0;
margin:0;
color: #E0EDF0 !important;
}
Вот, собственно и все, что я хотел рассказать Вам о теге H1, как одном из элементов .
Замечу только, что все работы я проводил на тестовом поддомене
, чтобы посетители моего блога не испытывали затруднений при возникновении проблем, которые могут возникнуть при подобного рода манипуляциях. Да и с точки зрения безопасности и сохранности функционала сайта это будет правильным решением.
В заключение хочу Вам предложить посмотреть небольшое видео, оно, правда, озвучено на английском языке, но мне все было понятно, надеюсь и Вам будет несложно разобраться. Этот ролик неплохо дополняет текст статьи и для новичков или тех, кто не силен в программировании будет неплохим подспорьем. Приятного просмотра.
На этом позволю себе закончить, а Вам пожелать успехов.
Добрый день, уважаемые посетители и постоянные читатели моего блога!
Значение заголовка h1 для продвижения
Поисковики применяют слова и фразы, используемые в этом заголовке для того, чтобы страниц конкретному ключевому запросу. Этот заголовок один из важнейших составляющих релевантности.
Однако в процессе осуществления оптимизации текста статьи поисковые системы воспринимают тег title важнее заголовка h1.
Если говорить простым языком, то хочу заметить, что этот тег лучше всего стоит применять на сайтах и блогах для заголовков страниц и записей. В этих заголовках должны быть прописаны ключевые слова, которые будут способствовать продвижению в поисковиках по этим словам.
Релевантность страниц и хорошие показатели вашего веб-ресурса являются основой будущего доверия поисковиков к вашему ресурсу.
Использование тега h1 в WordPress
Это была чисто теоретическая часть. Теперь поговорим об основных моментах, в которых разберём использование тега h1 на веб-ресурсах под управлением системы WordPress.
Не секрет, что многие начинающие вебмастера применяют бесплатные . Но минус этих шаблонов заключается в том, что практически все они имеют ошибки и недоработки! Вот так…
Одна из таких недоработок заключается в том, что иногда для выделения заголовка страницы не используется тег h1, а прописывается другой тег, например, h2.
Как раз такую недоработку бесплатного шаблона, который называется Incredy, я и выявил на своем блоге.
Как-то раз я решил просмотреть исходный своей статьи и совершенно случайно выявил, что все заголовки моих статей выводятся тегом h2.
Чтобы исправить этот недочет я занялся редактированием файла single.php. Этот файл одинаков для множества шаблонов системы WordPress.
Главной функцией single.php является вывод информации для каждой записи в блоге. Чтобы узнать о том, как я исправил этот недочет в своем шаблоне, читайте дальше.
Для устранения проблемы в содержимом файла single.php находим код, который выводит заголовок. В моем файле это отображалось вот так:
Нам нужно поменять теги h2 на нужные h1, а потом нажать кнопку «Обновить файл». Вот и все. Как видите сделать это проще простого. Вот как преобразился файл после необходимых изменений:
В вашем файле этот код может выглядеть несколько иначе. Однако это не так важно, здесь главное понять основной смысл.
Похожее редактирование (замену h2 на h1) также необходимо сделать с ещё одним файлом шаблона блога, который называется page.php. Именно он выводит страницы блога.
Я думаю, вы знаете, что блог на системе WordPress включает в себя различные записи и страницы. Функции, которые осуществляют их создание и редактирование располагаются в отличных друг от друга файлах и выводят информацию с помощью разных программных модулей.
Но эта информация просто для вашего понимания.
Итак, продолжим. После изменений в файле page.php код, который отвечает за вывод заголовков страниц моего блога, стал таким:
Однако и это ещё не все изменения, которые нужно было осуществить. Всё дело в том, что я выявил ещё один серьёзный недостаток.
Он заключался в том, что этот тег применялся для вывода заголовка всего блога, а это приводило к многочисленным с повторяющимся тегом h1. Поисковые системы подобную переоптимизацию не любят!
Редактирование шаблона для тега h1
Для того, чтобы отредактировать шаблон WordPress и убрать вывод тега h1 из заголовка блога необходимо внести изменения в файлы: header.php (файл вывода заголовка веб-ресурса) и style.css (файл стилей веб-ресурса).
Необходимо изменить в файле header.php:
Найдите этот код в файле header.php, который осуществляет вывод заголовка вашего сайта или блога, а затем вместо тега h1 вставляем тег абзаца p.
После изменения наблюдаем вот такую картину:
Редактирование файла style.css
Чтобы размер и вид шрифта заголовка блога остался без изменений, нужно внести изменения в style.css. Открывайте этот файл и ищите стили для h1. У меня они выглядят вот так:
Затем замените тег h1 на тег p и отредактируйте размер шрифта:
Html тег h1 для главной страницы блога
На главной странице блога тег H1 должен быть прописан в заголовке или описании блога, а H2 в заголовках статей.
Но как это осуществить? У нас ведь в записях главный тег используется для заголовков статей.
Открывает файл index.php для редактирования и находим строчку вида:
У вас она может отображаться несколько иначе, но смысл один и тот же. Здесь важно проследить, чтобы в этой строке был прописан тег h2, как на скриншоте вверху.
Если выводится через другой тег, — пропишите h2 и обновите файл.
Теперь про H1
Как я уже отметил, h1 должен быть прописан на главной странице в названии или описании блога. Он должен содержать ключевые слова, отражающие содержание всего веб-ресурса.
Но это не всё.
Если мы просто пропишем заголовок или описание блога через тег h1, то он будет отображаться на всех страницах многочисленных статей блога.
Это приведёт к дублированию тега h1, что не есть хорошо! Поисковики это не любят… Поэтому предлагаю своё решение.
Необходимо добавить условие в виде кода php, при котором этот тег будет прописываться в заголовке блога только на главной странице, а на других страницах в статьях будет отсутствовать.
А вот и само условие:
ваш заголовок или описание блога
< >заголовок или описание блога
Итак, открываем файл блога header.php и прописываем это условие в шапке блога.
У меня это выглядит таким образом:
Как вы можете заметить, для своего ресурса я заключил в тег h1 на главной странице описание блога «продвижение блога и заработок в интернете».
Вот в принципе и всё. Мы удачно произвели редактирование недоработок в бесплатном шаблоне.
Надеюсь, вы поняли, как нужно правильно использовать тег h1 на своём блоге, чтобы угодить поисковым системам.
В своих следующих уроках я расскажу о том, как правильно использовать теги h1, h2, h3 и h4 на своём веб-ресурсе. Так что подписывайтесь на обновления, чтобы не пропустить этот полезный материал.
До новых встреч. Пока!
Заголовочные теги
...
должны быть на каждой странице сайта. Важность каждого заголовка зависит от цифры:
- самые важные заголовочные теги
- менее значимые чем первый
...
- последние по важности
К этим тегам нужно относится с осторожностью, поскольку они оказывают больше влияние на ранжирование сайта . При грамотном использовании тегов
...
зачастую можно добиваться хороших позиций сайта по запросам только на внутренних факторах. И обратная ситуация: в случае неправильного использования можно попасть под санкции поисковых систем. В этой статье мы как раз и поговорим как правильно использовать эти теги.
Синтаксис тегов ..
Название статьи
Подзаголовок1
...
Подзаголовок2
Подзаголовок3_1
...
Подзаголовок3_N
Подзаголовок3
и т.д.
Каждый заголовок по умолчанию имеет разный размер. Например, код
Заголовок h1
Заголовок h2
Заголовок h3
Заголовок h4
Заголовок h5
Заголовок h6
На странице превращается в следующее:
Значимость тегов ..
По весу и значимости в продвижение сайтов заголовочные теги h1-h6 находятся на втором месте после тега
. Во многом правила составления тайтла схожи с h1.</p>
<h2>Правила использования тега <h1></h2>
<ul><li>Тег <h1>
должен присутствовать в одном экземпляре на каждой странице сайта. Это правило должно не вызывать никаких вопросов, ведь у каждой страницы сайта должно быть только одно название. А если названия вообще нет, то тогда вообще зачем нужна такая страница?</li>
<li>Заголовок <h1>
должен быть где-то вверху html-кода страницы</li>
<li><h1>
должен быть уникальным в пределах сайта, т.е. не должно быть так, что некоторые страницы называются одинаково</li>
<li>Заголовок должен отражать суть статьи, не быть очень длинным</li>
<li>Не должен содержать какие-то еще элементы кроме названия страницы (т.е. нельзя использовать внутри h1 ссылки, элементы span, font, картинки и т.п.)</li>
<li>Плохо использовать заголовки не по назначению. Например, часто в шаблонах теги h3 используются для заголовков "Теги", "Комментарии" в сайдбарах. Это не правильно. Заголовочные теги должны использоваться в статье, чтобы правильно структурировать контент и помочь, как поисковым систем, так и обычным пользователям разобраться быстро в статье.</li>
<li>Желательно использовать заголовки без параметров class и id</li>
<li>Важно соблюдать иерархию заголовочных тегов. На этом моменте нужно остановиться более подробно.</li>
</ul><h2>Важность иерархии <h1>..<h6></h2>
<p>В html коде страницы первым должен быть тег <h1>
. Нельзя сначала делать заголовок <h2>
, потом <h1>
. Аналогично и с другими номерами тегов. Вот правильное использование тегов:</p>
<blockquote><h1
>Название статьи
</h1
>
...
<h2
></h2
>
<h3
></h3
>
<h4
></h4
>
...
<h4
></h4
>
<h3
></h3
>
...
<h3
></h3
>
<h2
></h2
>
...
<h2
></h2
>
<h3
></h3
>
</blockquote>
<p>Т.е. каждый более низкий тег всегда располагается во вложении более высокого. Это и есть правильная иерархия. При этом не допускаются резкие переходы с <h1>
на <h4>
, с <h2>
на <h5>
и т.п.</p>
<p>Помимо такой иерархии нужно еще соблюдать и иерархию в плане размеров шрифтов. Т.е. более важные заголовки должны иметь более большой шрифт. Хотя подтверждающих фактов тому, что поисковые системы анализируют стили, которые находятся в.css файлах пока никто не объявлял, но негласно есть такое правило среди вебмастеров и оптимизаторов.</p>
<p><b>Может ли заголовок <h1> и <title> совпадать?
</b>
<br>На этот вопрос сейчас разгораются споры. С одной стороны логично, чтобы <title>
и <h1>
совпадали. Но с другой стороны это как бы дублирование название страницы. Вообще чаще всего заголовки будут разными, поскольку в <h1>
вряд ли можно и имеет смысл писать слова "Купить, цена, фото", а в тайтле такие слова наоборот используются. Отвечая на вопрос - делайте так, чтобы было все понятно пользователю и смотрелось естественно.</p>
<p><b>Сколько может быть заголовков <h2>, <h3>?
</b>
<br>Заголовочных тегов <h2>
-<h6>
может быть несколько на странице, все зависит от размера контента. Количество контента на один заголовок должно быть адекватным. Другими словами не должно быть так, что после заголовка <h2>
идет 5 предложений, потом опять <h2>
и опять маленький абзац. В таких случаях скорее всего лучше вообще не использовать заголовочные теги.</p>
<p>Не стоит путать заголовочные теги <head> и h1-h6. Одни нужны для поискового робота, другие для поискового робота и пользователей.</p>
<p>Добрый день, уважаемые посетители.</p><p>Сегодня будет статья по теме заголовков H1-H6 для на сайте.</p> <i>
</i> <p>Наверняка, все уже знаю, что это за заголовки такие, но уверен, что не каждый знает тонкие моменты в их употреблении и не догадываться, что их использование на страницах ресурса преследует всего лишь 2 задачи.</p><h2>Цели и примеры использования</h2><p>Основные 2 цель заголовков в тегах H1-H6 - оформление и структуризация контента на страницах ресурса с целью сделать его более читаемым и легко потребляемым посетителями сайта. Никаких других целей мы не должны преследовать от этих тегов.</p><p>Кроме простого употребления в качестве элементов структуризации контента и его оформления, посетители часто используют данные теги, чтобы придать необходимый дизайн отдельным фразам или даже целым предложениям. Получается ситуация, когда тег H6 (например) имеет дизайн просто жирного шрифта и вместо того, чтобы выделить строчку в тексте тегом <strong>, они заключают его в тег H6. Это в корне неправильно.</p><p>Заголовки в данных тегах должны использоваться лишь для разбиения текста на логические части. Никаких выделений целых предложений и отдельных фраз.</p><p>К тому же заголовки H1-H6 имеют иерархию, что делает их различным по оформлению, как минимум по размеру шрифта. Каждый низший уровень должен быть менее заметный, чем вышестоящий над ним.</p><p>На изображении видно правильное оформление заголовков в данных тегах, когда размер шрифта идет по убыванию от верхнего уровня к низшему. Если же у вас будет ситуация отличная от этой, то уже стоит обратиться к стилям оформления вашего сайта и отредактировать их должным образом.</p><p>Но тут один момент - проследите, чтобы заголовки нижнего уровня (ближе к H6) были похожи на заголовки и не сливались с обычным текстом. Они должны быть похожи на заголовки, а не просто на жирный шрифт.</p><p>Исходя из такого оформления, мы можем понять, что заголовки должны выдерживать свою иерархию при употреблении их в качестве элементом структуризации текста. Не может быть такого, что сначала идет первый заголовок H1, а затем сразу H5 или H6. После первого уровня логично и правильно будет использовать только заголовок в теге H2. Это важно, как с точки зрения самого оформления материала, так с точки зрения выдержки правильной структуры.</p><p>Поисковые системы сейчас обращают внимание на данные теги. Но не как на СЕО элементы, а как на элементы структурирования. Поэтому странно будет, если идет H1, а потом сразу H6.</p><p>При использовании данных тегов мы обязательно выдерживаем структуру. Если опускаемся на уровень вниз, то никаких прыжков через уровень. Структуру должна быть следующей: H1-H2-H3-H4-H5-H6.</p><p>Стоит сказать, что употребление заголовка уровня H1 в данных случаях не будет уместно, так как он должен употребляться один единственный раз на странице и должен содержать в себе название материала.
Поэтому, в тексте его употреблять нет необходимости.</p><p>Сейчас я расскажу основные моменты использования заголовка H1, но перед этим дам пару общих советов, которые справедливы для заголовков всех уровней.</p><ul><li>Не заканчиваются точкой;</li><li>Выдерживаем иерархию при употреблении;</li><li>Нет цели разместить ключевые слова;</li><li>Имеют место быть даже в очень коротких статьях, так как любой текст можно разбить на логические части;</li><li>В заголовке вписывает краткую суть последующего текста, а не что-то "лишь бы было".</li>
</ul><h2>Основы использования H1</h2><p>Вышеперечисленные правила также актуальны, но кроме них имеются обязательные именно для этого уровня заголовка.</p><ul><li>H1 всегда один раз на каждой странице;</li><li>Побуждаем пользователя к прочтению материала, поэтому имеется смысл использовать цепкие слова (например, секреты, лучшие фишки и так далее);</li><li>Делаем отличным от тега title, который отображает название страницы в поисковой выдаче и побуждает переход на страницу сайта из поиска. Он должен быть немного отличным, но обязательно должен давать понимание того, что контекст материала на странице не изменился;</li><li>Употребляем ключевое слово статьи, но в разбавленной форме, а не в точном вхождении;</li><li>Не рекомендуется использовать знаки препинания.</li>
</ul><h3>Использование на практике</h3><p>Выше я писал, что H1 используется всего лишь 1 раз на странице и он должен быть встроен автоматически в верстку шаблона сайта и подставляться также будет автоматически в заголовок. Проверьте этот момент. Проанализируйте свои заголовки статей и посмотрите, чтобы они были заключены в H1. Если это не так, то редактируем свой шаблон.</p><p>Распространенная ситуация, когда вместо H1 стоит H2. Это не является грубой ошибкой, но лучше такого не допускать.</p><p>Если мы говорим об использовании остальных уровней заголовков H2-H6, то их уже стоит использовать в ручном режиме.</p><p>Использовав какую-нибудь CMS для создания сайта, данные заголовки добавляются в статьи очень просто. Например, в WordPress на панели форматирования в редакторе страницы всегда имеется пункт заголовков, где можно выбрать нужный уровень, ранее выделив нужный текст, который необходимо заключить в заголовок.</p><p><img src='https://i1.wp.com/kostyakhmelev.ru/wp-content/uploads/2015/02/zagolovki-v-Wordpress.jpg' align="center" height="512" width="288" loading=lazy></p><p>Так с каждым движком. Если же используете HTML верстку сайта и необходимо добавлять теги в ручном режиме, то сложностей тут не возникнет. Стоит лишь заключать нужные части текста между открывающим и закрывающим тегами с нужным уровнями. Смотрите ниже примеры.</p> <p><h2>заголовок 2го уровня</h2>
<h3>заголовок 3го уровня</h3>
<h4>заголовок 4го уровня</h4>
<h5>заголовок 5го уровня</h5>
<h6>заголовок 6го уровня</h6></p><p>Что касается стилей оформления для каждого уровня, то в файле стилей стоит добавить правила к каждому уровню.</p> <p>Заметьте, что перед названием уровня заголовка в стилях нет никаких точек и решеток. Внутри скобок указываем сами стили: тип шрифта, размер, цвет, фон и так далее.</p> <h2>Дизайн заголовков H1-H6</h2><p>Если вы сделаете свои заголовкам уникальный выделяющийся дизайн, то посетители вас за это только поблагодарят и оформление контента будет на высшем уровне. Сейчас простые заголовки с большим размером шрифта и жирным выделением уже уходят в прошлое.</p><p>В моду приходят простые, но в то же время оформление заголовки с помощью различных выделений линиями, подчеркиваниями с помощью фоном и так далее.</p><p>Я когда-то давал уже некоторые примеры таких дизайнов. Даже, если взять мой блог, то главный заголовок в H1 оформлен не просто большим шрифтом на белом фоне с остальным текстом. Он отделен серой рамкой на общем фоне сайта, что делает его более заметным и акцентирует внимание на нем.</p><p>Приведу вам еще 2 примера оформленных заголовков в H1.</p><p>Как видим, это не просто жирный шрифт, а красивый фон с волнистой нижней поверхностью и подчеркнутой верхней.</p><p>Также интересное оформление можете сами посмотреть на <span>этой странице
</span>.</p><p>Что касается заголовков H2-H6, то их не просто можно оформлять каким-то фоном, а делать им нумерацию (если используете содержание в начале страницы) в виде красивых картинок. Опять же, это не должны быть простые цифры. Вот хороший пример такой задумки.</p><p>Когда вы знаете то, чего не знают, а тем более не делают большинство, можно перейти и рассмотреть основные ошибки в употреблении заголовков всех уровней на вашем сайте.</p> <h2>Ошибки в употреблении</h2><p>Все ошибки вы уже могли и сами додумать, изучив весь материал выше, но имеются некоторые нюансы. Перечислю все, что может относится именно к вам и то, что немедленно необходимо исправить.</p><ul><li>Больше одного H1 на странице. Это не правильно. Только один раз в каждом документе;</li><li>Использования тегов H1-H6 для оформление дополнительных элементов сайта. В самом начале я писал, что предназначение этих документов - оформление и структуризация контента. Поэтому, их стоит использовать только в контенте. Большинство шаблонов сайтов содержат данные теги в боковых колонках для придания стилей их названий и так далее. Ярко выражено это в шаблонах WordPress, когда название каждого виджета в сайдбаре заключено в H3 или в другие теги.Если такая ситуация имеется, то заменяете заголовочные теги в служебных элементах сайта на другие, например на тег "span";</li><li>Специально вписываем ключевые слова. Раньше бытовало мнение, что вписав ключевые слова в прямом вхождении в заголовки всех уровней, можно повысить их плотность и позиции такой страницы будет выше. Но сейчас это уже "карается законом" поисковых систем и накладываются санкции за спам в заголовках. Тем более, данные теги ранжируются по другим алгоритмам. Вывод:
нет цели вписать ключевые слова;</li><li>Частое употребление точек и знаков препинания. Точки в заголовках вообще употреблять не стоит, так как это неправильно с точки зрения, как копирайтинга, так и общих правил оформления текстов. Количество знаков препинания также стараемся минимизировать, чтобы повысить читаемость заголовков. Сюда же можно отнести и большое количество слов - не делаем слишком длинные заголовки;</li><li>Не соблюдается выдержка структуры с точки зрения иерархии. Старайтесь соблюдать логическую цепочку в построении иерархии тегов H2-H6 на каждой странице;</li><li>Использование тегов H1-H6 для оформления других элементов текста, а не заголовка. Это то, о чем я говорил выше, когда некорректно настроены стили оформления каждого тега и вместо обычного выделения жирным можно использовать заголовок какого-нибудь уровня.</li><li>Заголовок не уместен или не несет контекст текста, который идет за ним. Чтобы научиться создавать логические заголовки, возьмите пару хорошо оформленных книг, которые вам было легко читать. Также ориентируйтесь на структуризацию контента на сайте Википедии;</li><li>Неиспользование заголовков H1-H6 вообще или же отсутствие на небольших текстах. Просто полное отсутствие и говорить не о чем, а вот про отсутствие на небольших страницах - момент сомнительный, так как любой текст (даже минимальные 1000 символов) имеют логическую структуру. Переход от одной темы к другой. Почему бы его не разбить на логические части подзаголовками различных уровней?</li>
</ul><p>Вот и все, дорогие веб-мастера. Материал про заголовки на сайте подошел к концу. Вышел он довольно затянутый. Где-то я повторялся, но это только, чтобы акцентировать ваше внимание на ключевых мыслях статьи. Надеюсь, что данный материал вам пригодился.</p><blockquote><p>Кстати, сможете найти небольшой недочет по моим заголовкам на сайте? Если да, то пишите в комментарии. Данный момент не сильно заметен, но он имеется.</p>
</blockquote><p>До встречи в следующих материалах. Все еще впереди.</p><p>С уважением, Константин Хмелев!</p>
<p> » Использование заголовков H1-H6</p>
<h1>Использование заголовков H1-H6</h1>
<p>В данной статье мы постараемся объяснить что такое теги h1-h6 и как их правильно использовать с учётом продвижения сайта. Так как правильное использование заголовков поможет вам быстро и без особых усилий выйти на более высокие позиции в поисковых системах. Заголовки H1-H6 являются самыми важными тегами акцентирования и на ряду с мета-тегами title обладают огромным значением для правильной seo оптимизации сайта. Без этой важной связки вывести страницу в топ, в конкурентной тематике просто невозможно. <br>Приведем с начало некоторые правила составление заголовков в порядке их значимости:</p><ul><li>Используйте ключевые слова в заголовках</li>
<li>Спам запрещён в заголовках любого уровня</li>
<li>Тег H1 должен использоваться только один раз</li>
<li>Ключи из заголовка должны реально присутствовать на странице</li>
<li>Заголовок первого уровня должен быть как можно выше в коде страницы</li>
<li>Указывайте важные ключевые фразы как можно ближе к началу заголовка</li>
<li>Заголовки должны быть информативными и при этом не очень длинными</li>
<li>Ключевые фразы в подзаголовках старайтесь составлять с учетом морфологии и синонимов</li>
<li>В первом предложении после заголовка должен использоваться ключ из него</li>
</ul>
Ну давайте разберем подробнее как использовать эти теги и дадим вам несколько советов по их составлению.
<h2>Использование заголовков на странице</h2>
<p>Теги H1-H6 предназначены для выделения заголовков страниц сайта и их можно сравнить с заголовкам книг.
Все теги заголовков парные, как в принципе практически все другие используемые в html и если вы захотите выделить ими какую то фразу, то она должна быть заключена между этими тегами. Например так: <h1>ваша ключевая фраза между тегами</h1>, данная конструкция предназначена для выделения главного заголовка на странице, все последующие должны использоваться аналогично с учётом убывания.</p>
<p>Наиболее значимым для seo является тег H1 и служит он для главного заголовка страницы. Это может быть название статьи, новости или имя товара, словом текст заключенный в H1 играет важнейшую роль и между этим тегом обязательно должна находится ключевая фраза, которая должна иметь наибольший вес на странице. Стоит заметить что заголовок H1 должен использоваться только один раз и содержать главные и самые значимые ключевые слова под которые вы и планируете продвигать эту страницу. Правила написания заголовков практически идентичны рекомендациям составления мета заголовка Title, советуем ознакомится с ними если это вы ещё не сделали.</p>
<p>Ещё одна важная рекомендация, мета тег title и заголовок первого уровня не должны быть идентичными и слишком длинными, не стоит перечислять там список нужных вам ключей, 3-5 слов будет вполне достаточно. В противном случае ключевые слова в заголовке получатся размыты и не будут иметь максимального веса, или еще хуже принятые поисковой системой за спам. Если поисковая система заподозрит что вы хотите её обмануть, то данная страница с высокой долей вероятности будет понижена в выдаче. Будьте предельно внимательны и не торопитесь при составлении заголовков, как говорилось выше они одни из важных факторов ранжирования.</p>
<p>В отличии от заголовка первого уровня другие (H2-H6) могут употребятся несколько раз на странице, но как вы уже догадались вес они имеют в порядке убывания. Эти теги используются для подзаголовков и в них также рекомендуется заключать значимые ключевые фразы в так сказать разбавленном или в уточняющем виде. Используйте в них синонимы вписывайте свой ключ с учётом морфологии, но не делайте их слишком похожими с заголовком H1. Используемые слова и фразы обязательно должны присутствовать на странице помимо заголовков и идти в логическом порядке, причем первое предложение после заголовка желательно должно максимально ему соответствовать.</p>
<p>Никогда не стоит делать заголовков такого плана: "Добро пожаловать на страничку..." и им подобных. Это не принесет странице ни чего хорошего и отнимет у нее львиную долю веса. Любой заголовок на вашей странице должен быть предназначен не только для посетителей сайта, но и для поисковых систем. Заголовки на странице должны быть не только информативными, но и не слишком длинными, при составлении заголовков необходимо найти золотую середину. Яндексу и Google необходимо понять о чем идет речь на странице, вставляйте в теги H1-H6 ключевые слова, но без фанатизма иначе можно сделать только хуже.</p>
<p>Стоит отметить что теги заголовков H1-H6 должны идти строго в порядке убывания на странице. Именно на странице а не в тексте, так как часто бывают случаи, когда например в бесплатных шаблонах это далеко не так и это также снижает вес желаемых ключевых слов. Бытует мнение что заголовки ниже H3 не имеют ни какого значения для поисковых систем и это конечно может оказаться правдой, но мы всё же рекомендуем использовать их для разметки текстового содержания, а не заголовков и блоков других элементов сайта. Для этого есть огромное количество других html-тегов.</p>
<h2>Частые ошибки при использовании тегов заголовков</h2>
<p>Некоторые CMS, а вернее бесплатные шаблоны для них, часто грешат тем что прописывают теги H1 не там где ему место быть с учетом правильной внутренней оптимизации. Или выделяют тегами H3 заголовки блоков и других элементов сайта, это в корне не правильно для этого в HTML существуют альтернативные теги.</p>
<p>Еще одна распространенная ошибка, которая присутствует в некоторых шаблонах, это ошибки верстки по отношению к seo и не следование стандарту W3C. Довольно часто можно встретить что на некоторых сайтах в теги H заключают ссылки, изображения, логотипы в шапке сайта и т.д. Что плохо отражается на всём сайте в целом.</p>
<p>Ну последняя наиболее часто встречающаяся ошибка это то что, при использовании визуальных редакторов в админке, владельцы сайтов частенько оставляют в тексте не желая того пустые заголовки, не закрывают эти теги, что может сбить с толку ботов поисковой системы и такие страницы обязательно будут понижены в выдаче.</p>
<p>Мы привели 3 наиболее частые ошибки при использовании заголовков, конечно есть и другие, но они встречаются не на столько часто и поэтому были пропущены. Обязательно проверьте свои страницы на сайте на наличие данных ошибок и обязательно устраните их и тем самым ваш сайт будет более привлекательным для поисковых систем.</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 class="clear"></div>
<div class="afterpage author_rank">
<div class="social">
<div class="expert-title">Поделись статьей:</div>
<div style="float:left" class="yashare-auto-init" data-yashareL10n="ru" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yasharetheme="counter" data-yasharetype="big"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="clear"></div>
<div class="related_posts">
<div class="title">Похожие статьи<span></span></div>
<ul>
<div class='yarpp-related'>
<li>
<div>
<div class="top">
<div class="replace post_243">
<div class="img_border">
<span></span>
<img src="/uploads/f44730ea83d1dff972fb804db6a4cf55.jpg" alt="Скачать iTunes на Windows" title="Скачать iTunes на Windows" loading=lazy> </div>
</div>
</div>
<div class="clear"></div>
<div class="info">
<div class="date">17 апреля 2015</div>
<a class="replace post_243" href="/poslednyaya-versiya-aityuns-dlya-kompyutera-skachat-itunes-na-windows.html">Скачать iTunes на Windows</a>
</div>
</div>
<div class="clear"></div>
</li>
<li>
<div>
<div class="top">
<div class="replace post_243">
<div class="img_border">
<span></span>
<img src="/uploads/471d00b8cf710772eaafc3a2274b1bf8.jpg" alt="ShadowBan в Instagram – как выйти из тени (инструкция по выживанию) Скрытый бан аккаунта в instagram" title="ShadowBan в Instagram – как выйти из тени (инструкция по выживанию) Скрытый бан аккаунта в instagram" loading=lazy> </div>
</div>
</div>
<div class="clear"></div>
<div class="info">
<div class="date">17 апреля 2015</div>
<a class="replace post_243" href="/shadowban-kak-vyvesti-stranicu-iz-teni-v-instagram-shadowban-v-instagram-kak-vyiti-iz-teni.html">ShadowBan в Instagram – как выйти из тени (инструкция по выживанию) Скрытый бан аккаунта в instagram</a>
</div>
</div>
<div class="clear"></div>
</li>
<li>
<div>
<div class="top">
<div class="replace post_243">
<div class="img_border">
<span></span>
<img src="/uploads/f673b2d152750398758d175d3b9d5b32.jpg" alt="GSM-модуль Starline — чем он хорош и как установить?" title="GSM-модуль Starline — чем он хорош и как установить?" loading=lazy> </div>
</div>
</div>
<div class="clear"></div>
<div class="info">
<div class="date">17 апреля 2015</div>
<a class="replace post_243" href="/kak-pravilno-otklyuchat-mobilnyi-modul-na-smartfone-gsm-modul-starline.html">GSM-модуль Starline — чем он хорош и как установить?</a>
</div>
</div>
<div class="clear"></div>
</li>
<li>
<div>
<div class="top">
<div class="replace post_243">
<div class="img_border">
<span></span>
<img src="/uploads/bc7ae8cf30fb939dc6e5321eabefa95d.jpg" alt="Виджеты в Dashboard Как закрыть dashboard" title="Виджеты в Dashboard Как закрыть dashboard" loading=lazy> </div>
</div>
</div>
<div class="clear"></div>
<div class="info">
<div class="date">17 апреля 2015</div>
<a class="replace post_243" href="/kak-polnostyu-otklyuchit-dashboard-v-os-x-mavericks-vidzhety-v-dashboard-kak.html">Виджеты в Dashboard Как закрыть dashboard</a>
</div>
</div>
<div class="clear"></div>
</li>
</div>
</ul>
</div>
<div class="clear"></div>
<div class="clear"></div>
<div class="bread_wrap" xmlns:v="http://rdf.data-vocabulary.org/#">
</div>
<div class="clear"></div>
</div>
<div class="sidebar col-xs-12 col-md-3 col-lg-3">
<div class="aside nav podrubriki"><div class="first_title"></div><div class="subnavtitle">Типы<span></span></div><ul class="subnav">
<li><span class="asideli related-link" data-href="/category/routers/">Роутеры</span></li>
<li><span class="asideli related-link" data-href="/category/hard-drives/">Жесткие диски</span></li>
<li><span class="asideli related-link" data-href="/category/not-included/">Не включается</span></li>
<li><span class="asideli related-link" data-href="/category/printers/">Принтеры</span></li>
<li><span class="asideli related-link" data-href="/category/inhibits/">Тормозит</span></li>
<li><span class="asideli related-link" data-href="/category/hangs/">Зависает</span></li>
<li><span class="asideli related-link" data-href="/category/viruses/">Вирусы</span></li>
<li><span class="asideli related-link" data-href="/category/tablets/">Планшеты</span></li>
</div> <div class="clear"></div>
<div class="sidebar_pop_articles">
<div class="title">Популярные статьи<span></span></div>
<ul>
<li>
<div class="replace post_87">
<div class="top">
<div class="img_border">
<span></span>
<img src="https://i0.wp.com/elektrikaetoprosto.ru/u/colormuzik213.jpg" alt="Транзистор КТ815: параметры, цоколёвка и аналоги Кт 815 в каком режиме работает" title="Транзистор КТ815: параметры, цоколёвка и аналоги Кт 815 в каком режиме работает" loading=lazy>
</div>
</div>
<div class="info">
<a href="/tranzistor-kt815-parametry-cokol-vka-i-analogi-tranzistor-kt815-parametry.html" class="replace post_87">Транзистор КТ815: параметры, цоколёвка и аналоги Кт 815 в каком режиме работает</a>
</div>
</div>
<div class="clear"></div>
</li>
<li>
<div class="replace post_87">
<div class="top">
<div class="img_border">
<span></span>
<img src="https://i0.wp.com/center-comptech.ru/img/problem2.jpg" alt="Не обнаружен ключ защиты программы 7" title="Не обнаружен ключ защиты программы 7" loading=lazy>
</div>
</div>
<div class="info">
<a href="/ne-obnaruzhen-klyuch-zashchity-programmy-7-7-problemy-s-klyuchami.html" class="replace post_87">Не обнаружен ключ защиты программы 7</a>
</div>
</div>
<div class="clear"></div>
</li>
<li>
<div class="replace post_87">
<div class="top">
<div class="img_border">
<span></span>
<img src="https://i1.wp.com/master1c8.ru/wp-content/uploads/2017/06/%D0%B3%D0%BB5_5_21.png" alt="RLS – гибкая и тонкая настройка ограничений доступа к данным" title="RLS – гибкая и тонкая настройка ограничений доступа к данным" loading=lazy>
</div>
</div>
<div class="info">
<a href="/1s-ogranichenie-dostupa-k-dannym-na-urovne-zapisei-rls-gibkaya-i-tonkaya-nastroika.html" class="replace post_87">RLS – гибкая и тонкая настройка ограничений доступа к данным</a>
</div>
</div>
<div class="clear"></div>
</li>
<li>
<div class="replace post_87">
<div class="top">
<div class="img_border">
<span></span>
<img src="https://i0.wp.com/os-helper.ru/wp-content/uploads/2017/11/WinX-2.png" alt="Как включить поддержку в BIOS?" title="Как включить поддержку в BIOS?" loading=lazy>
</div>
</div>
<div class="info">
<a href="/chto-takoe-hyper-threading-kak-vklyuchit-podderzhku-v-bios-hyper-v-v-windows.html" class="replace post_87">Как включить поддержку в BIOS?</a>
</div>
</div>
<div class="clear"></div>
</li>
<li>
<div class="replace post_87">
<div class="top">
<div class="img_border">
<span></span>
<img src="https://i0.wp.com/bosslike.ru/media/upload/images/kak-postavit-smajlik-v-status-vkontakte.jpg" alt="Как вставить смайлики во вконтакте" title="Как вставить смайлики во вконтакте" loading=lazy>
</div>
</div>
<div class="info">
<a href="/kak-vstavit-krasivye-smaily-v-kommentarii-i-posty-vkontakte-kak-vstavit.html" class="replace post_87">Как вставить смайлики во вконтакте</a>
</div>
</div>
<div class="clear"></div>
</li>
<li>
<div class="replace post_87">
<div class="top">
<div class="img_border">
<span></span>
<img src="https://i0.wp.com/inf.1september.ru/2007/18/4-1.gif" alt="Что можно указать для формального исполнителя" title="Что можно указать для формального исполнителя" loading=lazy>
</div>
</div>
<div class="info">
<a href="/chto-mozhno-ukazat-dlya-formalnogo-ispolnitelya-informatika-izdatelskii-dom-pervoe-sentyabrya-is.html" class="replace post_87">Что можно указать для формального исполнителя</a>
</div>
</div>
<div class="clear"></div>
</li>
</ul>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="sidebar_new_articles">
<div class="title">Новые статьи<span></span></div>
<ul>
<li>
<a href="/kak-udalit-stranicu-v-vkontakte-god-kak-udalit-stranicu-v.html" class="replace post_1054">Как удалить страницу в ВК?</a>
<div class="clear"></div>
</li>
<li>
<a href="/podklyuchenie-noutbuka-kak-monitora-k-kompyuteru-kak-ispolzovat-noutbuk-kak-monitor-dlya-kompyutera.html" class="replace post_1054">Как использовать ноутбук как монитор для компьютера</a>
<div class="clear"></div>
</li>
<li>
<a href="/podklyuchenie-k-energoinformacionnomu-polyu-puteshestvie-v-informacionnoe-pole.html" class="replace post_1054">Путешествие в информационное поле</a>
<div class="clear"></div>
</li>
<li>
<a href="/zakreplyaem-oblast-yacheek-v-excel-kak-zakrepit-stroku-v-excel-podrobnye.html" class="replace post_1054">Как закрепить строку в Excel — Подробные инструкции Закрепить столбцы и строки в Excel - Закрепленные три столбца в Excel</a>
<div class="clear"></div>
</li>
<li>
<a href="/chto-takoi-kosnites-zdes-peredach-failov-superbeam-moshchnyi.html" class="replace post_1054">SuperBeam — мощный инструмент для передачи файлов по Wi-Fi без интернета</a>
<div class="clear"></div>
</li>
</ul>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="sidebar_question">
<div id="dirace1" style="height:300px;width:200px;" align="center"></div>
</div><p></p><div class="clear"></div></div>
</div>
<div class="clear"></div>
<div class="section morkovin-antireklama-sidebar Closure"><div id="smartrotator_ad_1610"></div></div>
</div>
<div class="clear"></div> <div class="clear"></div>
</div>
</div>
<div class="clear"></div>
<footer class="footer">
<div class="kartasajta"><a href="/sitemap.xml">Карта сайта</a></div>
<div class="top_footer">
<div class="inner">
<div class="footer_col col-xs-6 col-sm-4 col-md-4">
<span data-href="/" class="related-link logo">
<div class="logo_text1"><img src="/public/logo.png" loading=lazy></div>
</span>
<div class="clear"></div>
<p class="copyright">
© 2024 anyhost.ru - Сайт о компьютерах и комплектующих<br />
<span></span>
</p>
</div>
<div class="footer_col col-xs-12 col-sm-2 col-md-2">
<p class="foot_cat_title">Другое</p>
<ul class="categories">
<li><span class="related-link" data-href="">О сайте</span></li>
<li><span class="related-link" data-href="">Реклама</span></li>
<li><span class="related-link" data-href="/feedback.html">Контакты</span></li>
</ul>
</div>
<div class="footer_col col-xs-6 col-sm-2 col-md-2 rubric_col">
<p class="foot_cat_title">Рубрики</p>
<ul id="nav" class="categories">
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/routers/">Роутеры</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/hard-drives/">Жесткие диски</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/not-included/">Не включается</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/printers/">Принтеры</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/inhibits/">Тормозит</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/hangs/">Зависает</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/viruses/">Вирусы</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/tablets/">Планшеты</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/installation/">Установка устройств</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/application/">Приложения</a></li>
</ul> </div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</footer>
<div id="toTop"></div>
<script type="text/javascript" src="https://anyhost.ru/wp-content/plugins/service_binet/ajax.js"></script><button id="responsive-menu-button"
class="responsive-menu-button responsive-menu-boring
responsive-menu-accessible"
type="button"
aria-label="Menu">
<span class="responsive-menu-box">
<span class="responsive-menu-inner"></span>
</span>
</button><div id="responsive-menu-container" class="slide-left" style="padding:20px;">
<ul>
<li><a style="color:white;" href="/category/routers/">Роутеры</a></li>
<li><a style="color:white;" href="/category/hard-drives/">Жесткие диски</a></li>
<li><a style="color:white;" href="/category/not-included/">Не включается</a></li>
<li><a style="color:white;" href="/category/printers/">Принтеры</a></li>
<li><a style="color:white;" href="/category/inhibits/">Тормозит</a></li>
<li><a style="color:white;" href="/category/hangs/">Зависает</a></li>
<li><a style="color:white;" href="/category/viruses/">Вирусы</a></li>
<li><a style="color:white;" href="/category/tablets/">Планшеты</a></li>
<li><a style="color:white;" href="/category/installation/">Установка устройств</a></li>
<li><a style="color:white;" href="/category/application/">Приложения</a></li>
</ul>
</div>
<link rel='stylesheet' id='yarppRelatedCss-css' href='/wp-content/plugins/yet-another-related-posts-plugin/style/related.css?ver=4.9.1' type='text/css' media='all' />
<script type='text/javascript' src='https://anyhost.ru/wp-content/plugins/wp-postratings/js/postratings-js.js?ver=1.85'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var JQLBSettings = { "fitToScreen":"1","resizeSpeed":"400","displayDownloadLink":"0","navbarOnTop":"0","loopImages":"","resizeCenter":"","marginSize":"0","linkTarget":"","help":"","prevLinkTitle":"previous image","nextLinkTitle":"next image","prevLinkText":"\u00ab Previous","nextLinkText":"Next \u00bb","closeTitle":"close image gallery","image":"Image ","of":" of ","download":"Download","jqlb_overlay_opacity":"80","jqlb_overlay_color":"#000000","jqlb_overlay_close":"1","jqlb_border_width":"10","jqlb_border_color":"#ffffff","jqlb_border_radius":"0","jqlb_image_info_background_transparency":"100","jqlb_image_info_bg_color":"#ffffff","jqlb_image_info_text_color":"#000000","jqlb_image_info_text_fontsize":"10","jqlb_show_text_for_image":"1","jqlb_next_image_title":"next image","jqlb_previous_image_title":"previous image","jqlb_next_button_image":"http:\/\/anyhost.ru\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/ru_RU\/next.gif","jqlb_previous_button_image":"http:\/\/anyhost.ru\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/ru_RU\/prev.gif","jqlb_maximum_width":"","jqlb_maximum_height":"","jqlb_show_close_button":"1","jqlb_close_image_title":"close image gallery","jqlb_close_image_max_heght":"22","jqlb_image_for_close_lightbox":"http:\/\/anyhost.ru\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/ru_RU\/closelabel.gif","jqlb_keyboard_navigation":"1","jqlb_popup_size_fix":"0"} ;
/* ]]> */
</script>
<script type='text/javascript' src='https://anyhost.ru/wp-content/plugins/wp-lightbox-2/wp-lightbox-2.min.js?ver=1.3.4.1'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script>
<script async="async" type='text/javascript' src='https://anyhost.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.1'></script>
</body>
<script src="https://anyhost.ru/wp-content/themes/avada/js/jquery.jshowoff.min.js"></script>
<script>
(function($){
$(window).scroll(function() {
if($(this).scrollTop() > 200) {
$('#toTop').fadeIn(100);
} else {
$('#toTop').fadeOut(100);
}
} );
$('#toTop').click(function() {
$('body,html').animate({ scrollTop:0} ,400);
} );
$('.navbar-toggle').click(function(e){
e.preventDefault();
$('#navbar').show(500);
$('.wrapper, footer, body, .mobile_search').addClass('righted');
$('.navbar-toggle').fadeOut(500);
} );
$('.mobile_close').click(function(e){
e.preventDefault();
$('#navbar').hide(500);
$('.wrapper, footer, body, .mobile_search').removeClass('righted');
$('.navbar-toggle').fadeIn(500);
} );
$('#features').jshowoff({ autoPlay: true, hoverPause: false, speed:3000, changeSpeed: 200, links: true, effect: 'fade', controls: false } );
} )(jQuery);
</script>
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
</html>