SEO разметка текста.. или семантическая верстка сайта.
Семантическая верстка сайта - за этим страшным определением скрывается одна простая истина: сайт должен быть не просто сверстан, а свёрстан логично! Так что можно сказать примерно так: семантическая верстка это - логичная верстка.
Для того что бы Вам было понятнее о чем идёт речь приведу несколько примеров где логика отсутствует..
Итак, плохие примеры:
- Использование заголовков
-
лишь с той целью чтобы увеличить или уменьшить размер буковок.. - Неуместное использование тегов логического форматирования , например, вместо текста г. Самара
просто какой то текст, который никоем образом к адресу не относится.. например: Установка окон
.
- Использование тегов для формирования списков для простой декорации текста или например для создания отступов в тексте.. и наоборот формирование некого списка, перечня например того же меню сайта с помощью других тегов.
- И даже использование таблицы в качестве каркаса сайта (табличная вёрстка) вместо того чтобы использовать таблицу по её прямому назначению, а именно для вывода данных в табличной форме.. расписания движения электричек например.. это тоже НЕ семантическая верстка сайта.
Много всяких примеров приводить можно.. суть же одна: семантическая верстка - эта верстка, при которой каждый тег на странице работает по своему прямому назначению и никак иначе.
Думаю сейчас многие испугались "ааа.. у меня сайт таблицей свёрстан!", "а у меня меню сайта не является списком.." не пугайтесь сильно! конечно к "правильному" построению сайта нужно стремиться, но если по-другому никак не получается то можно чем то и пренебречь, однако некоторые вещи всё же лучше соблюдать!
Заострим внимание на правильной разметке текста, так как это наиболее важно для оптимизации сайта под поисковые системы..
Многие начинающие веб-мастера думают, что заголовки -
это всего лишь способ выделить текст размером, сделать его крупнее - это не так!! На самом деле теги -
во-первых выделяют именно заголовки
в тексте, а во вторых выделяют их по степени "важности" например заголовок
Как создать сайт?
в глазах поисковых систем куда более важен чем заголовок
Как создать сайт?
и если бы это были заголовки двух разных страниц то при прочих равных условиях поисковая машина по запросу пользователя "Как создать сайт?"
выдаст в результатах поиска на первом месте ту страницу, в которой используется заголовок первого уровня
.
Однако не стоит хвататься переделывать все заголовки на Вашем сайте с ,..
в
ни к чему хорошему в плане оптимизации это не приведёт! В идеале на странице должен присутствовать всего один заголовок первого уровня который как бы содержит в себе два-три заголовка второго уровня в которых в свою очередь "вложены" заголовки рангом поменьше и так далее.. структура документа должна иметь примерно такой вид:
То есть заголовки должны быть, как бы вложены друг в друга по степени важности и иметь древовидный вид. Сам же текст желательно разбить на параграфы с помощью тега
- где текст каждого абзаца несет в себе одну логическую часть текста.
Такая разметка текста легко "усваивается" поисковыми системами и другими программами работающими с HTML документами, например, позволяет выхватить один из параграфов для описания сайта в результатах поиска, не ломая голову где начинается и где заканчивается определённая логическая часть текста или учитывая уровни заголовка автоматически составить содержание документа.
Так как текст в заголовках -
имеет куда более большее значение для поисковых систем, да и просто для человека просматривающего страницу, нежели чем просто текст то их следует наполнять ключевыми словами!
Грамотный подбор и расстановка заголовков H1 и H2 при оптимизации текстов на продвигаемых страницах сайта - важный этап seo работ. В этом материале мы расскажем о том, что такое заголовки H1 и H2, какую роль они играют, а также научим правильно использовать их для достижения наилучшего результата.
Что такое заголовки H1 и H2?
Заголовками называются слова, словосочетания или фразы, обобщающие смысл информации, следующей после них. Нам вовсе необязательно перечитывать весь текст статьи в журнале или газете, чтобы понять, о чем же в ней будет идти речь. Мы бросаем взгляд на заголовки и подзаголовки и решаем, интересен ли нам этот материал, стоит ли ее читать. Если мы открываем учебник или инструкцию, то с помощью заголовков нам легко найти именно ту информацию, которая нам нужна. Словом, заголовки не только привлекают читателей, но и служат их удобству.
Тексты на сайтах также должны иметь заголовки. Этому существует как минимум 2 причины:
1.
Заголовки структурируют текст, делают его более удобным для чтения. Сплошной текст (часто его называют «простыней») труден для восприятия, читать его не хочется. А так как поведенческие факторы (совокупность действий посетителей на сайте) сегодня учитываются поисковыми системами, вы заинтересованы в том, чтобы пользователь прочел текст на вашем ресурсе, а не закрыл страницу, испугавшись «простыни».
2.
Заголовки дают понять поисковым системам, какая информация содержится в той или иной части текста. Опираясь на заголовки, поисковики оценивают, насколько данная информация соответствует ожиданиям пользователей. Именно поэтому они так важны при оптимизации текстов.
Теперь вы понимаете, что пренебрегать использованием заголовков в текстах на страницах сайта не стоит? Тогда следуем дальше!
Что же обозначают термины H1 и H2? Нам придется немного затронуть вопросы, касающиеся html-верстки. Н1 и H2 (а, точнее,
и ) - html теги, которые показывают важность текста, следующего после них. Их еще называют тегами акцентирования. В html-документе это выглядит так:
На веб-странице такие заголовки по умолчанию имеют разное форматирование:
Вообще-то, существует 6 уровней заголовков: от H1 до H6. Соответственно, наибольший вес имеет заголовок H1, заголовок H2 является второстепенным, а заголовок шестого уровня H6 наименее значим. Однако для сео продвижения наиболее важны заголовки H1 и H2. О правилах их использования для оптимизации текстов мы и поговорим.
Что нужно знать для грамотной расстановки заголовков H1 и H2?
Заголовок H1 играет важную роль не только при оптимизации текста, но и при оптимизации всей страницы. Именно он сообщает поисковой системе, насколько контент, представленный на странице, соответствует заголовку страницы (Title), а, следовательно, отвечает ожиданиям пользователей.
Вы придумали для текста креативный, необычный, привлекательный заголовок, основанный, например, на игре слов? Такой подход может быть хорош для печатной рекламы или газетной статьи, однако для поискового продвижения такой креатив может принести негативные последствия. Поисковые системы не обладают фантазией и образным мышлением, им важна конкретика. Ниже мы приведем важные рекомендации для составления заголовка H1.
Основные правила использования заголовка H1
Заголовок H1 должен быть кратким, но емким. Важное условие - естественное вхождение в него ключевых слов. Приведем пример. Допустим, вы оптимизируете страницу, на которой представлен каталог женской обуви. Для продвижения данной страницы выбраны следующие запросы (о том, что такое поисковые запросы, вы можете прочесть в нашем материале «Понимай своего сео-специалиста»
): «женская обувь» (частотность - 3896), «женская обувь в Минске» (частотность - 490), «купить женскую обувь» (частотность - 384), «обувь для женщин» (частотность - 207), «женская обувь каталог цены» (частотность - 318). Для текста на данной странице логичнее всего использовать заголовок H1 «Женская обувь», так как он является наиболее общим, но в то же время описывает содержание контента, а также может быть конкретизирован заголовками более никого уровня.
Заголовок H1 должен встречаться на странице только один раз.
Данный заголовок помещается в самом начале текста, желательно вверху страницы.
Заголовок H1 должен располагаться выше заголовков других уровней (перед ним не допускается ставить, например, заголовок H2).
Размер шрифта данного заголовка должен быть больше размера шрифта заголовков низшего уровня. По умолчанию так оно и есть, но если стилями задано иное, следует исправить ситуацию.
Примеры составления заголовков H2
Каким образом составляются заголовки H2? Их в тексте может быть несколько. Как правило, они конкретизируют заголовок H1 и структурируют весь текст. Вернемся к нашему примеру со страницей, на которой представлена женская обувь. Для данной страницы можно написать продающий текст, в котором будут описаны преимущества моделей, предлагаемых покупательницам, и представлена таблица размеров. Также на странице пользователь сможет найти каталог обуви с фото и ценами. При этом заголовки в тексте могут быть такими:
Если вы вспомните поисковые запросы, которые мы используем для продвижения нашей страницы в данном примере, то поймете, что в заголовки H2 мы включаем расширенные запросы, которые имеют более низкую частотность. Они могут быть представлены в непрямом вхождении (их можно склонять, «разбавлять» другими словами). А главное - они конкретизируют наш заголовок H1 и сигнализируют поисковой системе о том, что текст, идущий после них, действительно отвечают поисковым запросам, прописанным в заголовке страницы (Title).
Наиболее распространенные ошибки использования заголовков H1 и H2
При использовании заголовков для оптимизации текстов постарайтесь избежать следующих ошибок:
Использование тегов
и для стилизации элементов страницы. Это частая ошибка, которая может возникнуть даже помимо вашей воли. Во многих готовых шаблонах сайтов (например, на Joomla или Wordpress) в теги и заключены, например, названия блоков. Допустим, такие как «Популярные товары», «Последние новости», «Мы в социальных сетях» и проч. Такой прием вводит в заблуждение поисковые системы и не приносит ничего хорошего. Поэтому при проведении сео-аудита сайта специалист обязательно проверяет, «по назначению» ли используются заголовки. Запомните важное правило - H1 и H2 должны применяться лишь для структурирования текста!
Использование одинаковых заголовков для разных страниц. Это, конечно, нонсенс, однако и такое встречается. Как минимум заголовки H1должны быть уникальны для каждой страницы!
Помещение в заголовки гиперссылок.
Присутствие на странице двух и более заголовков H1. Мы помним, что это недопустимо! Наш девиз: «Одна страница - один заголовок H1»!
В заключение нашей статьи обратим ваше внимание на еще один важный момент. Речь снова пойдет о шаблонах сайтов. Известны случаи, когда в стандартных шаблонах страниц вовсе нет заголовков H1. Вместо них идут заголовки H2. Даже если в административной части сайта вам предлагается ввести текст в поле «Заголовок материала», на деле может оказаться, что он будет заключен в теги
. Проверьте, нет ли такой недоработки на вашем сайте - изучите структуру документа, нажав клавишу F12. Ваш заголовок заключен в теги
? Значит, все отлично!
О важности правильной расстановки заголовков текста следует напомнить и разработчику, мало знакомому с seo, при верстке уникального сайта.
02.12.15
44.1K
Зачастую начинающих веб-мастеров мучает вопрос, почему одни сайты ранжируются выше и обходят конкурентов в поисковой выдаче. Причиной этого могут быть неправильно расставленные теги h1
, h2
…h6
. Если эти теги расставлены неверно, без учета специфики ресурса, то поисковикам сложнее получить точную информацию о статьях и содержащихся в ней ключевых словах.
Теги h1
—h6
позволяют выделить заголовки различных уровней. Они дают понять, какие части текста более точно отражают тему статьи и обеспечивают преимущества в ранжировании.
Грамотная расстановка тегов позволяет поисковым системам более точно отображать станицу по запросам в выдаче, что благоприятно сказывается на позиции ресурса:
Зачем нужны теги h1-h6?
В теги заключается название сайта, заголовки и подзаголовки текста:
В
HTML теги заголовков обозначаются h
от английского «header
», что в переводе означает «
заголовок, шапка
». Вот пример того, как это выглядит:
Заголовок
Расстановка тегов заголовков должна производиться на каждой странице ресурса. При этом важность заголовка будет зависть от его цифры, чем она меньше, тем заголовок важнее:
- наиболее важные теги
- менее значимые теги...
- последние по важности теги
Однако относиться к их расстановке следует с осторожностью. Неправильное использование может привести к тому, что ваш ресурс попадет под санкции поисковых систем.
Синтаксис тегов h1-h6
Название текста
Подзаголовок 1
...
Подзаголовок 2
Подзаголовок 3.1
...
Подзаголовок 3_2
Подзаголовок 3
Наибольшей популярностью пользуются теги h1
h2
h3
.
Как правильно использовать тег h1?
Игнорируя тег h1
, веб-мастера, лишают себя такого важного преимущества, как оптимизация контента. На движках он часто прописывается автоматически, однако не всегда, и данный факт следует учитывать.
HTML
тег h1
– самый значимый в своем роде. В него заключают название сайта и заголовок статьи. Однако не стоит его путать с тегом
(<span>заголовком страницы
</span>). Title
отражается в браузере вверху экрана с левой стороны в тот момент, когда открыта страница ресурса. Title
прописывается в шапке страницы между <head></head>, в то время, когда h1
—h6
указываются в самом «теле
» страницы и заключаются в теги <body></body>.</p>
<p>На странице может присутствовать только один h1
тег. Если указать несколько заголовков с тегом h1
, поисковики могут расценить это как переспам, что в свою очередь грозит баном:</p>
<p><img src='https://i0.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/kak-pravilno-ispolzovat-030726.jpg' width="100%" loading=lazy></p><br>
Правила составления главного заголовка h1
:
<ul><li>В теге должны использоваться <a href="/ip-telephony/proverit-chastotu-zaprosov-v-yandekse-drugie-instrumenty-proverki/">ключевые слова</a>, применяемые для продвижения страницы;</li>
<li>Не стоит делать заголовок h1
слишком объемным, вполне достаточно нескольких слов;</li>
<li>Текст заголовка должен быть читабельным;</li>
<li>Мета тег h1
не должен содержать ничего кроме самого текста. Если желаете его выделить, поставьте коды за пределами тега;</li>
<li>Перед тем, как вручную прописывать h1
, убедитесь, что движок не задает его автоматически;</li>
<li>Содержание h1
должно соответствовать тематике, указанной в title
страницы;</li>
<li>При составлении h1
обязательно используйте ключевую фразу, по которой продвигается страница;</li>
<li>Содержание заголовка должно быть уникальным, емким и тематичным. Не стоит делать h1
полной копией <a href="/megaphone/title-stranicy-chto-eto-takoe-i-kakim-on-dolzhen-byt-realnye/">тега Title</a>
. Важно, чтобы на каждой странице ресурса были прописаны уникальные h1
—h6
, поэтому избегайте повторений;</li>
<li>Нельзя перечислять в заголовке ключевые фразы через запятую. Содержание h1
должно быть понятно не только поисковикам, но и посетителям ресурса.</li>
</ul><p><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/pravila-sostavlenija-glav-030726.jpg' width="100%" loading=lazy></p>
<h3>Как правильно использовать теги h2-h6?</h3>
<p>Кроме h1
для расстановки заголовков, которые идентифицируются поисковыми системами, используются теги h2
, h3
, h4
, h5
, h6
и т.д.</p>
<h4>Тег h2</h4>
<p>Как правило, используется для заголовков постов в ленте, размещенной на <a href="/megaphone/kak-v-yandeks-brauzere-sdelat-startovuyu-stranicu-kak-sdelat-glavnuyu/">главной странице</a> или для подзаголовков в статье.</p>
<h4>Теги h3, h4</h4>
<p>Зачастую с их помощью выделяют названия подзаголовков, рубрик и виджетов в sidebar
.</p>
<h4>Теги h5, h6</h4>
<p>Предназначены для еще более мелких элементов страниц, которые следует отделить от остального текста.</p>
<p>Расстановка заголовков h1
— h6
в <a href="/beeline/kak-pomenyat-yazyk-photoshop-instrukcii-dlya-vseh-versii-kak-izmenit-yazyk-v/">разных версиях</a> движков может быть реализована по-разному.</p>
<p>Правила расстановки h2
—h6
:</p>
<ul><li>Структура заголовков. Должна быть соблюдена иерархия заголовков;</li>
<li>Размер шрифта. Чем ниже уровень заголовка, тем <a href="/ip-telephony/melkii-shrift-v-kontakte-chto-delat-kak-izmenit-shrift-v/">мельче шрифт</a>. Редактирование шрифтов производится в стилях. Но, как правило, шрифты имеют <a href="/mts/fail-podkachki-i-pravilnye-razmery-dlya-raznyh-obemov-pamyati/">правильные размеры</a> по умолчанию;</li>
<li>Не допускается применение тегов заголовков вместе с другими тегами акцентирования. В заголовках рекомендуется использовать ключевые слова, по которым данная станица будет продвигаться в поиске;</li>
<li>В отличие от h1
, теги h2
—h6
могут быть прописаны на странице несколько раз.</li>
</ul><p><body>
<h1>Я главный в иерархии заголовков</h1>
<h2>Мои дети</h2>
<h3>Мои внуки</h3>
<h3>Мои внуки</h3>
<h3>Мои внуки</h3>
<h2>Мои дети</h2>
<h3>Мои внуки</h3>
<h3>Мои внуки</h3>
<h3>Мои внуки</h3>
<h4>Мои правнуки</h4>
<h4>Мои правнуки</h4>
<h4>Мои правнуки</h4>
</body></p>
<ul><li>Не должно быть никакого спама;</li>
<li>Составление текста h1
— h6
должно производиться с использованием синонимов и учетом правил морфологии;</li>
<li>Основные <a href="/megaphone/kak-uznat-kolichestvo-poiskovyh-zaprosov-statistika-klyuchevyh/">ключевые запросы</a> лучше разместить ближе к началу заголовка;</li>
<li>Ключевые фразы, прописанные в заголовках, должны встречаться в тексте страницы;</li>
<li>Теги h1
— h6
должны быть краткими, емкими и информативными:</li>
</ul>
<p>Здравствуйте, друзья! Рады приветствовать вас на блоге Андрея с Дашей – Thebizfromscratch. Что-то давно мы ничего не писали о SEO и в этой статье хотим наверстать упущенное, ведь тема на сегодня – Влияние заголовков H1, H2 – H6 на продвижение сайта. Мы расскажем, по каким правилам и принципам прописываем заголовки на своём блоге и надеемся, что наш опыт окажется для вас полезным.</p>
<h2><span>Как правильно расставлять мета-теги H1, H2…H6
</span></h2>
<p>Итак, оформляя публикацию, мы прописываем мета-теги в следующем порядке:</p>
<p>Является наиболее значимым заголовком, поэтому в теги h1 принято заключать желательно разбавленный нейтральными словами основной поисковой ключ, т.е. разбавленный title.</p>
<p>Следующий по значимости заголовок, с помощью которого выделяют подобранный к основному запросу <a href="/ip-telephony/nizkochastotnym-zaprosam-uznat-bolshe-u-vysokochastotnye-i-nizkochastotnye-zaprosy-podbor-nizkochasto/">низкочастотный запрос</a>.</p>
<ol><li><b>H3, H4,H5, H6
</b></li>
</ol><p>По сути, не имеют особого влияния на продвижение. Однако включение ключивиков в них может привести к переоптимизации, что вызовет лишь негативный отклик у поисковых ботов. Поэтому данные мета-теги мы используем только для красивого структурирования статьи. Чтобы посетителям было удобнее читать и сразу понимать, где заканчивается одна мысль и начинается другая. Тем более, не забывайте, что все посты пишутся исключительно для читателей и увлекаться частым повтором одних и тех же слов/фраз – не стоит.</p>
<p>А чтобы упомянутая выше информация правильно была понята, давайте рассмотрим пример! Пусть вы написали статью под <a href="/android/proverit-chastotu-zaprosov-kak-posmotret-statistiku-poiskovyh-zaprosov/">поисковой запрос</a> – «Как сделать сайт». Эту фразу нужно прописать в поле Title и повторить минимум 2 раза без изменений в самом тексте. Или как делают многие – повторяют поисковой запрос 1 раз на 1000 символов.<br><img src='https://i2.wp.com/thebizfromscratch.ru/wp-content/uploads/2016/12/syuda-tittle.jpg' align="center" width="100%" loading=lazy></p>
<p>Если дальше вы нуждаетесь в выделении структуры, то смело используйте H2, содержащий низкочастотный запрос. Опять же в рамках примера – «Как качественно сделать сайт на <a href="/mts/ustanovka-wordpress-na-hosting-sozdanie-bloga-kak-zagruzit-faily/">движке WordPress</a>». Остальные мета — теги пишите без ключей.<br><img src='https://i2.wp.com/thebizfromscratch.ru/wp-content/uploads/2016/12/struktura.jpg' align="center" width="100%" loading=lazy></p>
<ol><li>Не проставляйте в заголовках ссылки на другие продвигаемые страницы. Код ссылки будет расцениваться <a href="/android/kak-funkcioniruyut-poiskovye-mashiny-i-kak-pravilno-stroit-zaprosy-kak-iskat-v/">поисковыми машинами</a>, как ключевые слова, и только навредит ранжированию.</li>
<li>Не располагайте заголовки низшего порядка над более значимыми. Первым должен следовать H1, затем H2 и далее по нарастающей. Должна вырисовываться древовидная структура.</li>
<li>Рекомендуется использовать H1 единожды, H2 не более 3-х раз, а H3-H6 сколько угодно (только без ключей и только, если это необходимо).</li>
</ol><p>Пожалуй, это были основные принципы и правила, которыми мы пользуемся при оформлении статей. Надеемся, что тема – влияние заголовков H1, H2 – H6 на продвижение сайта – раскрыта и вы нашли для себя <a href="/ios/kak-nastroit-yusbi-modem-mts-nastroika-modema-bilain-i-podklyuchenie/">полезную информацию</a>. В случае вопросов – обязательно задавайте их в комментариях, постараемся помочь.</p>
<br style="clear:both;">
<p>Заголовочные теги <h1>...<h6>
должны быть на каждой странице сайта. Важность каждого заголовка зависит от цифры:</p>
<blockquote><h1
></h1
><span> - самые важные заголовочные теги
</span>
<h2
></h2
><span> - менее значимые чем первый
</span>
...
<h6
></h6
><span> - последние по важности
</span>
</blockquote>
<p>К этим тегам нужно относится с осторожностью, поскольку они оказывают больше влияние на ранжирование сайта . При грамотном использовании тегов <h1>...<h6>
зачастую можно добиваться хороших позиций сайта по запросам только на внутренних факторах. И обратная ситуация: в случае неправильного использования можно попасть под санкции поисковых систем. В этой статье мы как раз и поговорим как правильно использовать эти теги.</p>
<p><b>Синтаксис тегов <h1>..<h6>
</b></p>
<blockquote><h1
>Название статьи
</h1
>
<h2
>Подзаголовок1
</h2
>
...
<h2
>Подзаголовок2
</h2
>
<h3
>Подзаголовок3_1
</h3
>
...
<h3
>Подзаголовок3_N
</h3
>
<h2
>Подзаголовок3
</h2
>
и т.д.
</blockquote>
<p>Каждый заголовок по умолчанию имеет разный размер. Например, код</p>
<blockquote><h1
>Заголовок h1
</h1
>
<h2
>Заголовок h2
</h2
>
<h3
>Заголовок h3
</h3
>
<h4
>Заголовок h4
</h4
>
<h5
>Заголовок h5
</h5
>
<h6
>Заголовок h6
</h6
>
</blockquote>
<p>На странице превращается в следующее:</p>
<p><b>Значимость тегов <h1>..<h6>
</b>
<br>По весу и значимости в продвижение сайтов заголовочные теги h1-h6 находятся на втором месте после тега <title> . Во многом правила составления тайтла схожи с h1.</p>
<h2>Правила использования тега <h1></h2>
<ul><li>Тег <h1>
должен присутствовать в одном экземпляре на каждой странице сайта. Это правило должно не вызывать никаких вопросов, ведь у каждой страницы сайта должно быть только одно название. А если названия вообще нет, то тогда вообще зачем нужна такая страница?</li>
<li>Заголовок <h1>
должен быть где-то вверху html-кода страницы</li>
<li><h1>
должен быть уникальным в пределах сайта, т.е. не должно быть так, что некоторые страницы называются одинаково</li>
<li>Заголовок должен отражать суть статьи, не быть очень длинным</li>
<li>Не должен содержать какие-то еще элементы кроме названия страницы (т.е. нельзя использовать внутри h1 ссылки, элементы span, font, картинки и т.п.)</li>
<li>Плохо использовать заголовки не по назначению. Например, часто в шаблонах теги h3 используются для заголовков "Теги", "Комментарии" в сайдбарах. Это не правильно. Заголовочные теги должны использоваться в статье, чтобы правильно структурировать контент и помочь, как поисковым систем, так и <a href="/mobile-tips/kak-snyat-golosa-s-vkontakte-na-dengi-mozhno-li-golosa-vkontakte/">обычным пользователям</a> разобраться быстро в статье.</li>
<li>Желательно использовать заголовки без параметров class и id</li>
<li>Важно соблюдать иерархию заголовочных тегов. На этом моменте нужно остановиться более подробно.</li>
</ul><h2>Важность иерархии <h1>..<h6></h2>
<p>В <a href="/megaphone/kommentirovanie-html-koda-kommentarii-v-html-css-php/">html коде</a> страницы первым должен быть тег <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>Помимо такой иерархии нужно еще соблюдать и иерархию в плане размеров шрифтов. Т.е. более важные заголовки должны иметь более <a href="/mobile-tips/kak-ubrat-bolshoi-shrift-v-vk-kak-izmenit-shrift-v-kontakte-kak-sdelat/">большой шрифт</a>. Хотя подтверждающих фактов тому, что поисковые системы анализируют стили, которые находятся в.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. Одни нужны для <a href="/android/kotorye-pomogayut-poiskovym-robotam-opredelyat-kak-vedut-sebya-roboty-i-kak-imi/">поискового робота</a>, другие для поискового робота и пользователей.</p>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy>");</script>
</div>
</div>
<div class="mb40 pr">
<div style="margin-top: 30px; margin-bottom: 35px;">
</div>
<div style="margin-top: 0px; margin-bottom: 0px; font-family: Arial; font-size: 15px;">
<div id="yandex_rtb_R-A-105632-3"></div>
</div>
</div>
<style>
.sh_icon a:hover {
opacity: 0.6;
}
</style>
<div class="catTitle">
<span class="fl noLinknew">Похожие статьи</span>
<div class="clr"></div>
</div>
<ul class="medbeArticle medbeEvents js-novinki ">
<li id="bx_3218110189_16277">
<div class="info" style="position:relative;">
<a href="/ip-telephony/sql-zaprosy-insert-sql-zapros-insert-into-napolnit-bazu-dannyh/" class="date">2023-08-11 00:06:59</a>
</div>
<a href="/ip-telephony/sql-zaprosy-insert-sql-zapros-insert-into-napolnit-bazu-dannyh/">
<div class="title">
SQL запрос INSERT INTO — наполнить базу данных информацией </div>
</a>
<p class="text">
Всем привет! В данной статье речь пойдет о том, как можно добавлять данные в таблицу
в Microsoft SQL Server, если Вы уже хоть немного знакомы с языком T-SQL, то наверно поняли, что сейчас мы будем разговаривать об инструкции INSERT, а также о том,...
</p>
<a href="/category/ip-telephony/" class="catName">IP-телефония</a>
<div class="clr"></div>
</li>
<li id="bx_3218110189_16277">
<div class="info" style="position:relative;">
<a href="/megaphone/chto-oznachaet-klavisha-esc-na-klaviature-oboznachenie-klavish-na/" class="date">2023-08-11 00:06:59</a>
</div>
<a href="/megaphone/chto-oznachaet-klavisha-esc-na-klaviature-oboznachenie-klavish-na/">
<div class="title">
Обозначение клавиш на клавиатуре </div>
</a>
<p class="text">
Привет всем читателям блога. Скажите друзья, задумывались ли вы, какой большой функционал таит в себе клавиатура? Большинство людей даже не подозревает, что с её помощью можно выполнять действия, которые могут облегчить и . Не печально ли, что...
</p>
<a href="/category/megaphone/" class="catName">Мегафон</a>
<div class="clr"></div>
</li>
<li id="bx_3218110189_16277">
<div class="info" style="position:relative;">
<a href="/mobile-operators/ne-mogu-postavit-razreshenie-ekrana-kak-izmenit-razreshenie-ekrana/" class="date">2023-08-10 00:09:21</a>
</div>
<a href="/mobile-operators/ne-mogu-postavit-razreshenie-ekrana-kak-izmenit-razreshenie-ekrana/">
<div class="title">
Как изменить разрешение экрана </div>
</a>
<p class="text">
В современном мире все стремительно меняется. Фотоаппараты всех моделей, от самых дешевых «мыльниц» до профессиональных «зеркалок», умеют снимать видеоролики качества HD. Такое видео возможно и для дорогих моделей мобильных телефонов. Стандарты...
</p>
<a href="/category/mobile-operators/" class="catName">Мобильные операторы</a>
<div class="clr"></div>
</li>
</ul>
<div>
</div>
<div class="mb40 clear clearfix"> </div>
</div>
<div class="fr width300">
<div class="catTitle blackStyle">
<span class="fl noLink">Категории</span>
<div class="clr"></div>
</div>
<div class="mb40">
<ul class="medbeSidebarNav">
<li>
<a href="/category/mobile-operators/">Мобильные операторы</a>
</li>
<li>
<a href="/category/news/">Новости</a>
</li>
<li>
<a href="/category/ios/">Ios</a>
</li>
<li>
<a href="/category/beeline/">Билайн</a>
</li>
<li>
<a href="/category/ip-telephony/">IP-телефония</a>
</li>
<li>
<a href="/category/android/">Android</a>
</li>
<li>
<a href="/category/mobile-tips/">Мобильные советы</a>
</li>
<li>
<a href="/category/mts/">Мтс</a>
</li>
<li>
<a href="/category/megaphone/">Мегафон</a>
</li>
<li>
<a href="/category/tele2/">Tele2</a>
</li>
</ul> </div>
<div class="cancel-mb40">
</div>
<div class="mb40 pr">
<div class="catTitle" data-click="y">
<span class="fl noLinknew">Видеоматериалы</span>
<div class="frnew"></div>
<div class="clr"></div>
</div>
<div class="medbeSidebarCarousel medbeArticle">
<ul>
<li>
<a href="/ip-telephony/zalipaet-kursor-myshi-na-noutbuke-pochemu-tormozit-kursor-myshi/">
<img src="/uploads/ade502898299ae9b7711b4f95a436eec.jpg" alt="Почему тормозит курсор мыши?" loading=lazy>
<div class="playBg"></div>
<p>
Почему тормозит курсор мыши? </p>
</a>
<a href="/category/ip-telephony/" class="catName">IP-телефония</a>
</li>
<!-- /next_post -->
</ul>
</div>
</div>
<div class="cancel-mb40">
</div>
<div class="mb40">
<div class="mb40">
<div class="catTitle" data-click="y">
<span class="fl noLinknew">Популярное</span>
<div class="frnew"></div>
<div class="clr"></div>
</div>
<ul class="medbeArticle sidebarEvents">
<li>
<a href="/mts/wifi-rabotaet-tolko-v-bezopasnom-rezhime-ne-rabotaet-internet/">
<img src="/uploads/2ee5814dafc94176d4b45f4d2fb6fa8c.jpg" width="100px" alt="Не работает интернет в обычном режиме, но в безопасном режиме работает отлично" loading=lazy>
<div class="info">
<span class="date">Мтс</span>
</div>
<div class="title">
Не работает интернет в обычном режиме, но в безопасном режиме работает отлично </div>
<div class="clr"></div>
</a>
</li>
<li>
<a href="/megaphone/igorka---informacionnyi-resurs-express-gate-cloud-chto-eto-za-programma/">
<img src="/uploads/3749ab820767ba45fea17c9570098319.jpg" width="100px" alt="Express Gate Cloud: что это за программа, для чего она нужна и как ею пользоваться Экспресс гейт что" loading=lazy>
<div class="info">
<span class="date">Мегафон</span>
</div>
<div class="title">
Express Gate Cloud: что это за программа, для чего она нужна и как ею пользоваться Экспресс гейт что </div>
<div class="clr"></div>
</a>
</li>
<li>
<a href="/mts/oshibka-sinhronizacii-zapisnoi-knizhki-putevoditel-po/">
<img src="/uploads/f250e5be3a2f8953c1e614fc1328ae28.jpg" width="100px" alt="Путеводитель по интернету - все самое интересное в сети" loading=lazy>
<div class="info">
<span class="date">Мтс</span>
</div>
<div class="title">
Путеводитель по интернету - все самое интересное в сети </div>
<div class="clr"></div>
</a>
</li>
</ul>
</div> </div>
<div class="cancel-mb40">
</div>
<div class="mb40">
<div class="catTitle" data-click="y">
<span class="fl noLinknew">Новое</span>
<div class="frnew"></div>
<div class="clr"></div>
</div>
<ul class="medbeArticle clinicsCountry">
<li>
<a href="/mobile-operators/makrosy-makrosy-makrosy-lineage-2-classic/">
<img src="/uploads/fb576de342cb3d2593c63672e3d739e9.jpg" width="100px" alt="Макросы Макросы lineage 2 classic" loading=lazy>
<div class="title">
Макросы Макросы lineage 2 classic </div>
<div class="clr"></div>
</a>
</li>
<li>
<a href="/ios/ne-mogu-prizvat-druga-v-vov-kak-obzavestis-voobrazhaemym-drugom/">
<img src="/uploads/e7519f29ddb62047aa438397349fcf13.jpg" width="100px" alt="Как обзавестись воображаемым другом" loading=lazy>
<div class="title">
Как обзавестись воображаемым другом </div>
<div class="clr"></div>
</a>
</li>
<li>
<a href="/news/kakaya-proshivka-na-explay-fresh-luchshe-4pda-proshivka-smartfona-explay-fresh/">
<img src="/uploads/440c7ea38da647dd87e0148cfb5dce63.jpg" width="100px" alt="Прошивка смартфона Explay Fresh" loading=lazy>
<div class="title">
Прошивка смартфона Explay Fresh </div>
<div class="clr"></div>
</a>
</li>
<li>
<a href="/megaphone/ne-udalos-zagruzit-resurs-temy-xiaomi-kak-ustanavlivat-temy-dlya-miui-chto-eto-za/">
<img src="/uploads/0e1c6665f03f75745da204c8e5568dbc.jpg" width="100px" alt="Как устанавливать темы для MIUI" loading=lazy>
<div class="title">
Как устанавливать темы для MIUI </div>
<div class="clr"></div>
</a>
</li>
<li>
<a href="/ip-telephony/mi-band-2-podklyuchenie-k-drugomu-smartfonu-chto-delat-esli-mi-band-ne-podklyuchaetsya/">
<img src="/uploads/38ccb83ecbea66f8d7238e6d2b59fc73.jpg" width="100px" alt="Что делать, если Mi Band не подключается к телефону" loading=lazy>
<div class="title">
Что делать, если Mi Band не подключается к телефону </div>
<div class="clr"></div>
</a>
</li>
</ul>
</div> </div>
</div>
<div class="clr"></div>
<div class="clr mb42-"></div>
</main>
</div>
<footer class="footer">
<div class="footerWrap">
<ul class="footNav">
<li>
<a href="/category/mobile-operators/">Мобильные операторы</a>
</li>
<li>
<a href="/category/news/">Новости</a>
</li>
<li>
<a href="/category/ios/">Ios</a>
</li>
<li>
<a href="/category/beeline/">Билайн</a>
</li>
</ul>
<ul class="footNav mr0">
<li>
<a href="/category/mobile-operators/">Мобильные операторы</a>
</li>
<li>
<a href="/category/news/">Новости</a>
</li>
<li>
<a href="/category/ios/">Ios</a>
</li>
<li>
<a href="/category/beeline/">Билайн</a>
</li>
</ul> <div class="footSep"></div>
<div class="fl width405">
<div class="medbeWarning" style="font-size: 10px;">
Мобильные операторы и тарифы
<p></p>
<br />
</div>
<div style="position:absolute; top:50px; right:15px; width:300px;">
<noindex>
<br />
</noindex>
</div>
</div>
<div class="footSep"></div>
<div class="fl ">
<div class="copyright">
<br />
<noindex>
<div id="liv">
</div>
<br>
</noindex></div>
<div style="position:absolute; top:50px; right:15px; width:300px;">
<noindex>
<br />
</noindex>
</div>
</div>
<div id="onTop"></div>
<div class="clr"></div>
<div class="links"></div>
<div class="clr"></div>
</div>
</footer>
<div class="overlay"></div>
<div style="display: none;" id="ajax_result"></div>
<div class="modal fade" id="send_message" tabindex="-1" role="dialog" aria-labelledby="message" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<a href="#" class="close" data-dismiss="modal" aria-hidden="true"></a>
</div>
<div class="modal-body">
<form action="/materials/sakharnyy-diabet/preparaty-insulina-i-insulinoterapiya/" method="POST">
<input type="hidden" name="sessid" id="sessid" value="190649912f2d5ccc3e7496471b00b5c2" /> <input name="head" type="text" placeholder="Тема" value="">
<textarea name="message" placeholder="Сообщения"></textarea>
<input type="hidden" name="PARAMS_HASH" value="2d477b672b0c8e6bb03d8fa4ffc011a9">
<input type="submit" class="btn" name="submit" value="Отправить">
</form>
</div>
</div>
</div>
</div>
<script type="text/javascript" data-skip-moving="true">
(function(w, d, n) {
var cl = "bx-core";
var ht = d.documentElement;
var htc = ht ? ht.className : undefined;
if (htc === undefined || htc.indexOf(cl) !== -1) {
return;
}
var ua = n.userAgent;
if (/(iPad;)|(iPhone;)/i.test(ua)) {
cl += " bx-ios";
} else if (/Android/i.test(ua)) {
cl += " bx-android";
}
cl += (/(ipad|iphone|android|mobile|touch)/i.test(ua) ? " bx-touch" : " bx-no-touch");
cl += w.devicePixelRatio && w.devicePixelRatio >= 2 ? " bx-retina" : " bx-no-retina";
var ieVersion = -1;
if (/AppleWebKit/.test(ua)) {
cl += " bx-chrome";
} else if ((ieVersion = getIeVersion()) > 0) {
cl += " bx-ie bx-ie" + ieVersion;
if (ieVersion > 7 && ieVersion < 10 && !isDoctype()) {
cl += " bx-quirks";
}
} else if (/Opera/.test(ua)) {
cl += " bx-opera";
} else if (/Gecko/.test(ua)) {
cl += " bx-firefox";
}
if (/Macintosh/i.test(ua)) {
cl += " bx-mac";
}
ht.className = htc ? htc + " " + cl : cl;
function isDoctype() {
if (d.compatMode) {
return d.compatMode == "CSS1Compat";
}
return d.documentElement && d.documentElement.clientHeight;
}
function getIeVersion() {
if (/Opera/i.test(ua) || /Webkit/i.test(ua) || /Firefox/i.test(ua) || /Chrome/i.test(ua)) {
return -1;
}
var rv = -1;
if (!!(w.MSStream) && !(w.ActiveXObject) && ("ActiveXObject" in w)) {
rv = 11;
} else if (!!d.documentMode && d.documentMode >= 10) {
rv = 10;
} else if (!!d.documentMode && d.documentMode >= 9) {
rv = 9;
} else if (d.attachEvent && !/Opera/.test(ua)) {
rv = 8;
}
if (rv == -1 || rv == 8) {
var re;
if (n.appName == "Microsoft Internet Explorer") {
re = new RegExp("MSIE ([0-9]+[\.0-9]*)");
if (re.exec(ua) != null) {
rv = parseFloat(RegExp.$1);
}
} else if (n.appName == "Netscape") {
rv = 11;
re = new RegExp("Trident/.*rv:([0-9]+[\.0-9]*)");
if (re.exec(ua) != null) {
rv = parseFloat(RegExp.$1);
}
}
}
return rv;
}
})(window, document, navigator);
</script>
<link href="/bitrix/cache/css/s2/medbe4_new/kernel_main/kernel_main.css?151557967426562" type="text/css" rel="stylesheet" />
<link href="/bitrix/cache/css/s2/medbe4_new/page_7b72513555721c1b5733d9b22d6efb9b/page_7b72513555721c1b5733d9b22d6efb9b.css?15155796623852" type="text/css" rel="stylesheet" />
<link href="/bitrix/cache/css/s2/medbe4_new/template_fa4e83195cbc9d75f36051d9e26d67c6/template_fa4e83195cbc9d75f36051d9e26d67c6.css?1515579660217752" type="text/css" data-template-style="true" rel="stylesheet" />
<link media="all" href="/local/templates/medbe4_new/css/responsive.css?sd" rel="stylesheet" type="text/css" />
<!--[if lt IE 9]><![endif]-->
<script type="text/javascript">
if (!window.BX) window.BX = {};
if (!window.BX.message) window.BX.message = function(mess) {
if (typeof mess == 'object')
for (var i in mess) BX.message[i] = mess[i];
return true;
};
</script>
<script type="text/javascript">
(window.BX || top.BX).message({
'JS_CORE_LOADING': 'Загрузка...',
'JS_CORE_NO_DATA': '- Нет данных -',
'JS_CORE_WINDOW_CLOSE': 'Закрыть',
'JS_CORE_WINDOW_EXPAND': 'Развернуть',
'JS_CORE_WINDOW_NARROW': 'Свернуть в окно',
'JS_CORE_WINDOW_SAVE': 'Сохранить',
'JS_CORE_WINDOW_CANCEL': 'Отменить',
'JS_CORE_WINDOW_CONTINUE': 'Продолжить',
'JS_CORE_H': 'ч',
'JS_CORE_M': 'м',
'JS_CORE_S': 'с',
'JSADM_AI_HIDE_EXTRA': 'Скрыть лишние',
'JSADM_AI_ALL_NOTIF': 'Показать все',
'JSADM_AUTH_REQ': 'Требуется авторизация!',
'JS_CORE_WINDOW_AUTH': 'Войти',
'JS_CORE_IMAGE_FULL': 'Полный размер'
});
</script>
<script type="text/javascript">
(window.BX || top.BX).message({
'LANGUAGE_ID': 'ru',
'FORMAT_DATE': 'DD.MM.YYYY',
'FORMAT_DATETIME': 'DD.MM.YYYY HH:MI:SS',
'COOKIE_PREFIX': 'BITRIX_SM',
'SERVER_TZ_OFFSET': '3600',
'SITE_ID': 's2',
'SITE_DIR': '/',
'USER_ID': '',
'SERVER_TIME': '1515581305',
'USER_TZ_OFFSET': '0',
'USER_TZ_AUTO': 'Y',
'bitrix_sessid': '190649912f2d5ccc3e7496471b00b5c2'
});
</script>
<script type="text/javascript" src="/bitrix/cache/js/s2/medbe4_new/kernel_main/kernel_main.js?1515579673298080"></script>
<script type="text/javascript" src="/bitrix/js/main/core/core_db.min.js?14979660558699"></script>
<script type="text/javascript" src="/bitrix/js/main/core/core_frame_cache.min.js?146900780711191"></script>
<script type="text/javascript">
BX.setJSList(['/bitrix/js/main/core/core.js', '/bitrix/js/main/core/core_ajax.js', '/bitrix/js/main/json/json2.min.js', '/bitrix/js/main/core/core_ls.js', '/bitrix/js/main/core/core_fx.js', '/bitrix/js/main/core/core_popup.js', '/bitrix/js/main/session.js', '/bitrix/js/main/core/core_window.js', '/bitrix/js/main/core/core_date.js', '/bitrix/js/main/utils.js', '/local/templates/medbe4_new/js/jquery.js', '/local/templates/medbe4_new/js/jquery.jcarousel.min.js', '/local/templates/medbe4_new/js/jquery.formstyler.min.js', '/local/templates/medbe4_new/js/jquery.mCustomScrollbar.concat.min.js', '/local/templates/medbe4_new/js/modals.js', '/local/templates/medbe4_new/js/tabs.js', '/local/templates/medbe4_new/js/ontop.js', '/local/templates/medbe4_new/js/placeholder.min.js', '/media/js/scrollbar/jquery.mCustomScrollbar.concat.min.js', '/media/js/header.js', '/local/templates/medbe4_new/js/scripts.js', '/feedback/twin.js']);
</script>
<script>
BX.ready(function() {
$("[data-preload]").each(function(i, el) {
$this = $(el);
$this.load($this.data("preload"), function() {
$this.find("form").addClass("js-form")
});
});
$(document).on({
submit: function() {
$this = $(this);
var action = $this.attr("action");
var data = $this.serialize() + "&web_form_submit=Y";
$.post(action, data, function(data) {
$this.closest("div").html(data);
})
return false;
}
}, ".js-form");
})
</script>
<script type="text/javascript" src="/bitrix/cache/js/s2/medbe4_new/template_a5d224f830c08eebc70bc5559ca1712e/template_a5d224f830c08eebc70bc5559ca1712e.js?1515579660221230"></script>
<script>
$(function() {
if ('jcarousel' in $) {
$('.medbeCarousel').jcarousel({
// Configuration goes here
});
$('.medbeCarousel-prev').jcarouselControl({
target: '-=1'
});
$('.medbeCarousel-next').jcarouselControl({
target: '+=1'
});
$('.medbeSidebarCarousel').jcarousel({
// Configuration goes here
});
$('.medbeSidebarCarousel-prev').jcarouselControl({
target: '-=1'
});
$('.medbeSidebarCarousel-next').jcarouselControl({
target: '+=1'
});
$(window).on("load resize", function() {
var w = this.innerWidth;
if ($('.medbeCarousel').hasClass('halfWidthCarousel')) {
if (w > 1279) {
c = 771;
} else {
c = 377;
}
} else {
if (w > 1279) {
c = 1160;
} else {
c = 780;
}
}
$('.medbeCarousel').css('width', c + 'px');
});
}
});
// Script (Fixed menu)
// $(window).on("scroll load", function(){
// var w2 = this.innerWidth;
// var top = $(window).scrollTop();
// if (top > 120) $('.mainNav > ul').css({
// 'max-width': '100%',
// 'position': 'fixed',
// 'top': 0
// } );
// else {
// $('.mainNav > ul').css({
// 'position': 'relative',
// 'max-width': 1280
// } );
// }
// } );
jQuery(window).scroll(function() {
topMain(); // on scroll
});
topMain(); // on load
window.topNavSmall = false;
function topMain() {
var _scrollTop = jQuery(document).scrollTop();
if (_scrollTop > 0) {
jQuery('.mainNav').addClass('fixed');
window.topNavSmall = true;
}
if (window.topNavSmall === true && _scrollTop < 2) {
jQuery('.mainNav').removeClass('fixed');
}
}
</script>
<script>
</script>
<script>
(function($) {
$(function() {
$('#pc_add_photo').styler({
filePlaceholder: 'Добавить фото перед статьей'
});
$('input, select').styler();
})
})(jQuery)
</script>
<script>
(function($) {
$(window).load(function() {
if ('mCustomScrollbar' in $) $(".medbeScrollBlock").mCustomScrollbar();
});
})(jQuery);
</script>
<script>
$(document).ready(function() {
$("#sorting_catalog").change(function() {
$("#form_for_sorting_catalog").submit();
});
});
</script>
<script>
$(document).ready(function() {
$('.catTitle').click(function() {
if ($(this).data("click") != "y") {
$(this).parents('.doctorMat').toggleClass('hidden');
return false
}
});
});
</script>
<script>
$(document).ready(function() {
$('input, textarea').on('focus blur', function() {
var placeholder = $(this).attr('placeholder');
if ($(this).val() == placeholder) {
$(this).val('');
} else if ($(this).val() == '') {
$(this).val(placeholder);
};
});
});
</script>
<script>
$(document).ready(function() {
//Placeholder
$('input[placeholder], textarea[placeholder]').placeholder();
});
</script>
<script type="text/javascript">
function slyLink() {
var istS = 'Источник:';
var copyR = '© tarifox.ru';
var body_element = document.getElementsByTagName('body')[0];
var choose;
choose = window.getSelection();
var myLink = document.location.href;
var authorLink = "<br /><br />" + istS + ' ' + "<a href='" + myLink + "'>" + myLink + "</a><br />" + copyR;
var copytext = choose + authorLink;
var addDiv = document.createElement('div');
addDiv.style.position = 'absolute';
addDiv.style.left = '-99999px';
body_element.appendChild(addDiv);
addDiv.innerHTML = copytext;
choose.selectAllChildren(addDiv);
window.setTimeout(function() {
body_element.removeChild(addDiv);
}, 0);
}
document.oncopy = slyLink;
</script>
<script>
$(function() {
/*$(document).on("click", ".js-open-menu-a", function(){
$("#mainNav").slideToggle(200);
} );*/
/* $(document).on({
click: function(){
$(this).siblings("nav").slideToggle(200);
} ,
/!*touchend: function(){
$(this).siblings("nav").slideToggle(200);
} *!/
} ,".js-open-menu");*/
});
</script>
<script>
var busy = false;
$(function() {
$("#infinity-next-page").addClass("btn").addClass("btn-blue");
$(document).on({
click: function() {
if (busy) return false;
console.log("1");
$("#nextWrap").find("a").css("opacity", 0.5);
busy = true;
$.post($(this).attr("href") + "&ajaxNovinki=Y", function(data) {
busy = false
$(".js-novinki").html($(".js-novinki").html() + data.html);
$("#nextWrap").html(data.next);
$("#infinity-next-page").addClass("btn").addClass("btn-blue");
//else $("#nextWrap").hide();
}, "json");
return false;
}
}, "#infinity-next-page");
});
</script>
<script>
$(document).ready(function() {
$("#headfbwin, #feed").click(function() {
$(".quest_form").show();
$('input, select').styler();
dh = $(document).height() + "; " + $(".quest_form").height();
h = ($(document).height() / 2) * -1;
$(".quest_form").css("bottom", h + "px");
$(".overlay").show();
$(".q_form_close").click(function() {
$(".quest_form").hide();
$(".overlay").hide();
});
$(".close2").click(function() {
$(".oki").hide();
$(".overlay").hide();
});
$(".overlay").click(function() {
$(".quest_form").hide();
$(".oki").hide();
$(".overlay").hide();
});
});
});
</script>
<script>
function selectHandler() {
var $menu = $('.news-categories__list');
var $current = $('.news-categories__current');
var width = 0;
if ($menu.outerWidth() > $current.outerWidth()) {
$current.width($menu.outerWidth());
$menu.width($menu.outerWidth());
}
$('.news-categories__current').click(function() {
$menu.toggleClass('active');
});
$('body').click(function(e) {
var $target = $(e.target);
if (!$target.parents('.news-categories').length)
$menu.removeClass('active');
});
$('.news-categories__list > ul').mCustomScrollbar({
theme: 'rounded',
scrollInertia: 200
});
$('ul.tabs').delegate('li:not(.current)', 'click', function() {
$(this).addClass('current').siblings().removeClass('current')
.parents('div.section').find('div.box').hide().eq($(this).index()).fadeIn(150);
})
}
if (window.frameCacheVars !== undefined) {
BX.addCustomEvent("onFrameDataReceived", function(json) {
selectHandler();
});
} else {
BX.ready(function() {
selectHandler();
});
}
</script>
<script async src="/js/html5.js"></script>
<script src="/local/templates/medbe4_new/components/bitrix/form.result.new/free_cons/_script.js?dsss" type="text/javascript"></script>
</body>
</html> 