Здравствуйте, дорогие читатели. Сегодня хочу уделить особое внимание теме заголовков в тегах h1 h2 - h6, т.к. в ближайшее время планирую (как и обещала) несколько практических статей по редактированию заголовков в шаблонах. Но прежде, чем осваивать что-либо на практике, я считаю, нужно пусть не знать, но понимать теорию. Давайте с самого начала определимся с понятиями, с тем, что такое заголовок в HTML документах, заголовок на сайте, странице.

Все мы с вами знаем русский язык, и что касается общепринятого понятия заголовок – вопросов быть не должно. Заголовок - это то слово или фраза, которая обобщает весь смысл какого-то текста, информации, которые идут после него.

Как любая книга начинается с заголовка, так и любой документ в интернете имеет свой заголовок.

Но если мы, открывая книгу, понимаем, что вот эта фраза является заголовком, потому что имеет более большой или жирный шрифт, то на интернет страницах действуют немного свои правила. В интернете слово заголовок имеет несколько значений и применяется в разных целях. Поэтому, необходимо знать и понимать, о каком именно заголовке идет речь, и что именно вам нужно.

Первое и самое главное, в чем мы должны разобраться, это в том, что в HTML документе есть три разных понятия заголовка.

Любой документ включает в себя три основных HTML тега:

Здесь находится техническая информация о документе +
заголовок страницы в тегах
</b>Заголовок страницы<b>

Здесь находится основное содержимое сайта, статьи, которые имеют заголовки в тегах:

Заголовок сайта или статьи

Заголовок статьи

Подзаголовок статьи

Другие блоки с информацией

Итак, из кода выше, мы видим, что HTML документ имеет свой заголовок , в котором располагается техническая информация, здесь же находятся и мета-теги, и один из самых важных тегов в seo - , который содержит в себе <b>заголовок страницы </b>. Именно этот заголовок видит каждый пользователь на вкладке браузера. Этот заголовок не имеет прямого отношения к заголовкам, которые находятся в теле <body> документа, но между ними есть тесная .</p> <p>Второй по значимости тег в seo – и является тег заголовка <h>.</p> <p>Итак, любая поисковая система придает большое значение этому тегу. Как приводила пример с книгой, именно он (вместе с title) сообщает тему страницы, о чем она, обобщает смысл статьи. Именно этот заголовок сообщает вам, о чем будет моя статья, которую вы читаете. Мы с вами видим, что такие заголовки всегда отличаются <a href="/solving-problems/kak-na-meizu-sdelat-chtob-vyzov-migal-kak-vklyuchit-t9-na-meizu/">внешним видом</a> от основного содержания страницы. Для этого и были придуманы специальные теги, которые отвечают за то, чтобы информация в них всегда была выделена.</p> <p>С одной стороны, тег, как бы один <h>, но с другой стороны, их шесть и все они пронумерованы в порядке своей значимости, и что очень важно, не просто значимость, а ещё и иерархия. Вот с этого момента начинается самое запутанное и непонятное – как определить значимость, что является более значимым, а что нет?</p> <p>Давайте просто рассуждать логически. Вот у нас <a href="/bluetooth-setup/yandeks-glavnaya-stranica-yur-5-yandeks-nastroika-glavnoi-stranicy/">главная страница</a> на сайте. Как правило, главная страница отражает всю тематику сайта в целом. И в идеальном варианте – название сайта так же должно отражать всю тематику сайта. Значит, название сайта должно быть заголовком, причем, самым главным заголовком, т.е. в теге:</p> <blockquote><p><h1>Название сайта</h1>.</p> </blockquote> <p>Далее, не обязательно, но как правило, на главной странице должно быть какое-то обращение к посетителю, и в идеальной ситуации, это обращение должно включать в себя заголовок, который в свою очередь должен содержать в себе тематику сайта (ключевое слово, отражающее тематику сайта). Значит, этот заголовок должен быть в теге:</p> <blockquote><p><h2>Заголовок статьи-обращения к посетителю</h2>.</p> </blockquote> <p>Далее, в этой статье-обращении может (а я настаиваю на том, что <b>должен </b> ) быть подзаголовок, которые ещё более раскрывает все аспекты тематики сайта. Так же включает в себя какие-то ключевые слова, которые могут быть или должны быть близки к названию сайта или заголовка статьи. Такой подзаголовок должен быть в теге:</p> <blockquote><p><h3>Подзаголовок статьи</h3>.</p> </blockquote> <p>Давайте представим такую страницу.</p> <p>Вот таким образом мы распределяем теги заголовков. Стоит заметить, что если вместо заголовка вы используете картинку-баннер, то оформлять его в тег заголовка не нужно.</p> <p>Остаются два немаловажных вопроса:</p> <p>Как использовать остальные теги – 4, 5, 6</p> <p>И нужно/можно ли использовать теги заголовков в меню/сайдбаре?</p> <p>На первый вопрос отвечаю, что использовать именно все теги заголовков не обязательно.</p> <p>На второй вопрос однозначного ответа нет. Но я имею такое мнение, что если в сайдбаре есть такой информационный блок, в котором находится информация о сайте, информация, отражающая тематику сайта, то необходимо такие блоки оформлять тегами заголовка.</p> <p>Например, это может быть блок: <i> </i>. В заголовке такого блока находится ключевое слово, которое отражает тематику всего проекта. Поэтому такой блок стоит оформить в заголовок <h4>.</p> <p>Тут может возникнуть такой вопрос: А почему его не оформить в более высокого ранга тег? Ответ так же можно попробовать получить логическим путем.</p> <p>Как правило (подчеркиваю, как правило ), современная верстка сайта имеет такую структуру:</p> <p>Заголовок сайта<br> ↓<br> Основное содержание страницы<br> ↓<br> Сайдбар<br> ↓<br> Футер/подвал страницы</p> <p>Т.е. именно в таком порядке <a href="/the-types-of-wireless-networks/chto-takoe-poiskovyi-robot-funkcii-poiskovogo-robota/">поисковый робот</a> видит всю информацию на странице.</p> <p><b>Второе </b>, что мы должны знать – все теги заголовков имеют свою иерархию (об этом писала выше), и не допустимо, чтобы тег третьего порядка был выше тега второго порядка.</p> <p>Казалось бы, на все вопросы ответили, и тема должна быть исчерпана, но не все так просто. Дело в том, что, как правило, <a href="/bluetooth-setup/wiki-razmetka-vkontakte-kak-oformit-gruppu-vkontakte-s/">внутренние страницы</a> отличаются от главной, при этом, так же важно, чтобы они тоже были хорошо оптимизированы, чтобы мы получали с них трафик с поисковых систем. Поэтому, для них очень желательно применять свою иерархию заголовков.</p> <p>Из моей картинки в примере, если на сайте есть отдельные статьи о <i>Продвижении в поисковиках </i> и <i>Продвижении в <a href="/the-types-of-wireless-networks/pervye-socialnye-seti-v-internete-socialnye-seti---chto-eto-takoe/">социальных сетях</a> </i>, то, для внутренней структура заголовков должна быть такой:</p> <p><img src='https://i1.wp.com/lh5.ggpht.com/_G92voTj-yF0/TS3-kbdapZI/AAAAAAAABEI/r7T-C94lU5I/s800/seo-zagolovka-statey%5B4%5D.gif' width="100%" loading=lazy></p> <p>Т.е. уже заголовок сайта не имеет такого важного значения, как заголовок статьи (может, мой пример, не самый наглядный, т.к. везде присутствует слово “продвижение”). Такая расстановка заголовков значительно улучшает ранжирование страниц в <a href="/security/poiskovye-sistemy-iznutri-chto-takoe-poiskovaya-sistema-istoriya-razvitiya/">поисковых системах</a>, тем самым увеличивая переходы пользователей с них.</p> <p>Выше я написала, что это <b>желательно </b>, но не надо биться головой о стенку, если это невозможно сделать. Платформы, шаблоны и знания у всех разные, и если не получается, то лучше сконцентрироваться на чем-то другом, направить свои действия на улучшение того, что лучше получается. Ведь <a href="/solving-problems/kak-luchshe-proreklamirovat-gruppu-vkontakte-cel-sozdaniya-gruppy/">успешное продвижение</a> в поисковых системах зависит от совокупности целого ряда факторов. Чем больше мы уделяем внимание <a href="/security/chto-delat-esli-glyuchit-smartfon-android-prilozheniya-dlya-optimizacii/">внутренней оптимизации</a>, тем меньше нам требуется внешняя. Если внутренняя уже исчерпала себя, то надо переключаться на внешнюю оптимизацию.</p> <p>Данная статья направлена, в первую очередь, на понимание темы, теории. В век CMS правильно сделать заголовки не сложно, но к сожалению, для этого надо обладать более глубокими знаниями в сайтостроении и программировании. И если для основного большинства моих читателей данная статья больше для ознакомления, то для тех, кто когда-нибудь будет заказывать создание сайтов Чебоксары или в любом другом городе мира, составлять техническое задание для верстальщика, программиста, создавать свой сайт самостоятельно, сможет либо объяснить, либо применить эти знания на практике.</p><p>Например, я давно собираюсь поэкспериментировать с шаблоном, и сделать именно так, как описала в статье, потому что считаю это самым <a href="/additionally/chto-takoe-sov-svetodiody-smd-cob-superflux---kratkaya-informaciya-i-sravnenie-kak/">оптимальным вариантом</a>. Но я пока не так сильна в XML (для Blogger) и в PHP (для WordPress), чтобы сходу сообразить, как для <a href="/additionally/poiskovaya-stranica-yandeks-kak-yandeks-sdelat-startovoi-stranicei-v-raznyh/">разных страниц</a> сделать разные заголовки. Но зато, после этой статьи у меня будет больше стимула воплотить свои идеи на практике, и я обязательно расскажу вам, как это у меня получилось. Естественно, не только расскажу, но и поделюсь. </p><p><b>Статьи про то, и готовы. </b></p> <p>Если какие-то вопросы я раскрыла не достаточно полно, спрашивайте в комментариях, дополню. Пишу эти слова, т.к. чувствую, что в голове ещё что-то осталось недосказанное, но никак не могу вспомнить, что. Поэтому спрашивайте.</p> <p>Задумывались ли вы когда-нибудь о том, чтобы вести коллективный блог или хотя бы найти второго автора для своего блога. Если такие мысли вас посещают, то стоит обратить внимание на статью Недостатки нескольких авторов блога . Там же, на блоге, можете найти статью и о достоинствах.</p> <p>Желаю удачи в развитии ваших блогов.</p> <p>Грамотный подбор и расстановка заголовков H1 и H2 при оптимизации текстов на продвигаемых страницах сайта - <a href="/solving-problems/app-does-not-download-the-application-how-to-download-an-app-from-the-app-store-milestones-and-important-aspects/">важный этап</a> <a href="/the-device/keisy-po-seo-prodvizheniyu-rabota-s-sezonnymi-zaprosami-seo-keis-keisy/">seo работ</a>. В этом материале мы расскажем о том, что такое заголовки H1 и H2, какую роль они играют, а также научим правильно использовать их для достижения наилучшего результата. </p><h2>Что такое заголовки H1 и H2?</h2><p>Заголовками называются слова, словосочетания или фразы, обобщающие смысл информации, следующей после них. Нам вовсе необязательно перечитывать весь текст статьи в журнале или газете, чтобы понять, о чем же в ней будет идти речь. Мы бросаем взгляд на заголовки и подзаголовки и решаем, интересен ли нам этот материал, стоит ли ее читать. Если мы открываем учебник или инструкцию, то с помощью заголовков нам легко найти именно ту информацию, которая нам нужна. Словом, заголовки не только привлекают читателей, но и служат их удобству.</p><p>Тексты на сайтах также должны иметь заголовки. Этому существует как минимум 2 причины:</p><p><b>1. </b> Заголовки структурируют текст, делают его более удобным для чтения. Сплошной текст (часто его называют «простыней») труден для восприятия, читать его не хочется. А так как <a href="/additionally/kak-optimizirovat-povedencheskie-faktory-ranzhirovaniya-kakoi/">поведенческие факторы</a> (совокупность действий посетителей на сайте) сегодня учитываются поисковыми системами, вы заинтересованы в том, чтобы пользователь прочел текст на вашем ресурсе, а не закрыл страницу, испугавшись «простыни».</p><p><b>2. </b>Заголовки дают понять поисковым системам, какая информация содержится в той или иной части текста. Опираясь на заголовки, поисковики оценивают, насколько <a href="/equipment/dannye-informaciya-i-znaniya-personalnye-dannye/">данная информация</a> соответствует ожиданиям пользователей. Именно поэтому они так важны при оптимизации текстов.</p><p>Теперь вы понимаете, что пренебрегать использованием заголовков в текстах на страницах сайта не стоит? Тогда следуем дальше!</p><p>Что же обозначают термины H1 и H2? Нам придется немного затронуть вопросы, касающиеся html-верстки. Н1 и H2 (а, точнее, <h1> и <h2>) - html теги, которые показывают важность текста, следующего после них. Их еще называют тегами акцентирования. В html-документе это выглядит так:</p><p>На веб-странице такие заголовки по умолчанию имеют разное форматирование:</p><p><img src='https://i0.wp.com/tanix.by/upload/blog/header-h1-h2/lorem-on-page.png' width="100%" loading=lazy></p><p>Вообще-то, существует 6 уровней заголовков: от H1 до H6. Соответственно, наибольший вес имеет заголовок H1, заголовок H2 является второстепенным, а заголовок шестого уровня H6 наименее значим. Однако для сео продвижения наиболее важны заголовки H1 и H2. О правилах их использования для оптимизации текстов мы и поговорим.</p><p><img src='https://i0.wp.com/tanix.by/upload/blog/header-h1-h2/h1-h2-for-seo.png' width="100%" loading=lazy></p><h2>Что нужно знать для грамотной расстановки заголовков H1 и H2?</h2><p>Заголовок H1 играет важную роль не только при оптимизации текста, но и при оптимизации всей страницы. Именно он сообщает поисковой системе, насколько контент, представленный на странице, соответствует заголовку страницы (Title), а, следовательно, отвечает ожиданиям пользователей.</p><p>Вы придумали для текста креативный, необычный, привлекательный заголовок, основанный, например, на игре слов? Такой подход может быть хорош для печатной рекламы или газетной статьи, однако для <a href="/the-types-of-wireless-networks/chto-takoe-relevantnost-informacii-i-kak-ona-vliyaet-na-prodvizhenie/">поискового продвижения</a> такой креатив может принести <a href="/security/obnovlenie-sistemy-android-cherez-nastroiki-obnovlenie-android-s-pomoshchyu/">негативные последствия</a>. Поисковые системы не обладают фантазией и образным мышлением, им важна конкретика. Ниже мы приведем <a href="/configuring-wi-fi/chto-delat-kogda-plagin-ne-rabotaet-plagin-ne-otvechaet-chto-delat-vazhnye/">важные рекомендации</a> для составления заголовка H1.</p><h2>Основные правила использования заголовка H1</h2><ul><p>Заголовок H1 должен быть кратким, но емким. Важное условие - естественное вхождение в него <a href="/additionally/proverka-klyuchevyh-fraz-v-yandekse-poisk-klyuchevyh-slov-v-yandekse/">ключевых слов</a>. Приведем пример. Допустим, вы оптимизируете страницу, на которой представлен каталог женской обуви. Для продвижения данной страницы выбраны следующие запросы (о том, что такое поисковые запросы, вы можете прочесть в нашем материале <b>«Понимай своего сео-специалиста» </b>): «женская обувь» (частотность - 3896), «женская обувь в Минске» (частотность - 490), «купить женскую обувь» (частотность - 384), «обувь для женщин» (частотность - 207), «женская обувь каталог цены» (частотность - 318). Для текста на данной странице логичнее всего использовать заголовок H1 «Женская обувь», так как он является наиболее общим, но в то же время описывает содержание контента, а также может быть конкретизирован заголовками более никого уровня.</p><p>Заголовок H1 должен встречаться на странице только один раз.</p><p>Данный заголовок помещается в самом начале текста, желательно вверху страницы.</p><p>Заголовок H1 должен располагаться выше заголовков других уровней (перед ним не допускается ставить, например, заголовок H2).</p><p>Размер шрифта данного заголовка должен быть <a href="/configuring-wi-fi/programma-dlya-sozdaniya-kollazhei-bolshih-razmerov-programma-dlya/">больше размера</a> шрифта заголовков <a href="/security/opredelenie-vysoty-na-karte-chto-takoe-vysota-nad-urovnem-morya/">низшего уровня</a>. По умолчанию так оно и есть, но если стилями задано иное, следует исправить ситуацию.</p> </ul><h2>Примеры составления заголовков H2</h2><p>Каким образом составляются заголовки H2? Их в тексте может быть несколько. Как правило, они конкретизируют заголовок H1 и структурируют весь текст. Вернемся к нашему примеру со страницей, на которой представлена женская обувь. Для данной страницы можно написать продающий текст, в котором будут описаны преимущества моделей, предлагаемых покупательницам, и представлена таблица размеров. Также на странице пользователь сможет найти каталог обуви с фото и ценами. При этом заголовки в тексте могут быть такими:</p><p><img src='https://i2.wp.com/tanix.by/upload/blog/header-h1-h2/header-example.png' width="100%" loading=lazy></p><p>Если вы вспомните поисковые запросы, которые мы используем для продвижения нашей страницы в <a href="/bluetooth-setup/relyacionnaya-algebra-v-bazah-dannyh-operacii-primery-chto/">данном примере</a>, то поймете, что в заголовки H2 мы включаем расширенные запросы, которые имеют более низкую частотность. Они могут быть представлены в непрямом вхождении (их можно склонять, «разбавлять» другими словами). А главное - они конкретизируют наш заголовок H1 и сигнализируют поисковой системе о том, что текст, идущий после них, действительно отвечают <a href="/bluetooth-setup/poiskovye-zaprosy-v-google-yazyk-poiskovyh-zaprosov-yandeksa-kak-zadat-poisk-tochnoi/">поисковым запросам</a>, прописанным в заголовке страницы (Title).</p><h2>Наиболее распространенные ошибки использования заголовков H1 и H2</h2><p>При использовании заголовков для оптимизации текстов постарайтесь избежать следующих ошибок:</p><ul><p>Использование тегов <h1> и <h2> для стилизации элементов страницы. Это частая ошибка, которая может возникнуть даже помимо вашей воли. Во многих готовых шаблонах сайтов (например, на Joomla или Wordpress) в теги <h1> и <h2> заключены, например, названия блоков. Допустим, такие как «Популярные товары», «Последние новости», «Мы в социальных сетях» и проч. Такой прием вводит в заблуждение поисковые системы и не приносит ничего хорошего. Поэтому при проведении сео-аудита сайта специалист обязательно проверяет, «по назначению» ли используются заголовки. Запомните важное правило - H1 и H2 должны применяться лишь для структурирования текста!</p><p>Использование одинаковых заголовков для разных страниц. Это, конечно, нонсенс, однако и такое встречается. Как минимум заголовки H1должны быть уникальны для каждой страницы!</p><p>Помещение в заголовки гиперссылок.</p><p>Присутствие на странице двух и более заголовков H1. Мы помним, что это недопустимо! Наш девиз: «Одна страница - один заголовок H1»!</p> </ul><p>В заключение нашей статьи обратим ваше внимание на еще один важный момент. Речь снова пойдет о шаблонах сайтов. Известны случаи, когда в стандартных шаблонах страниц вовсе нет заголовков H1. Вместо них идут заголовки H2. Даже если в административной части сайта вам предлагается ввести текст в поле «Заголовок материала», на деле может оказаться, что он будет заключен в теги <h2></h2>. Проверьте, нет ли такой недоработки на вашем сайте - изучите структуру документа, нажав клавишу F12. Ваш заголовок заключен в теги <h1></h1>? Значит, все отлично!</p><p>О важности правильной расстановки заголовков текста следует напомнить и разработчику, мало знакомому с seo, при верстке уникального сайта.</p> <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="/security/ya-ne-robot-chto-delat-chto-delat-esli-poiskovik-google/">обычным пользователям</a> разобраться быстро в статье.</li> <li>Желательно использовать заголовки без параметров class и id</li> <li>Важно соблюдать иерархию заголовочных тегов. На этом моменте нужно остановиться более подробно.</li> </ul><h2>Важность иерархии <h1>..<h6></h2> <p>В <a href="/the-device/nerazryvnyi-probel-v-vorde-ispolzovanie-probelnyh-simvolov-dlya/">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>Помимо такой иерархии нужно еще соблюдать и иерархию в плане размеров шрифтов. Т.е. более важные заголовки должны иметь более большой шрифт. Хотя подтверждающих фактов тому, что поисковые системы анализируют стили, которые находятся в.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>Всем-всем привет!<br> — это работа комплексная, требующая внимания к каждой мелочи. Даже неправильное использование заголовков (теги H1, H2, H3) на страницах сайта может мешать нормальному продвижению в поисковых системах. Сегодня мы как раз об этом и поговорим.</p> <p>Все, что описано в вышеперечисленных уроках, пригодиться сегодня.</p> <h2>Правила использования заголовков</h2> <p>В мире SEO существуют некие правила использования тегов H1, H2, H3 и ниже, которые желательно бы соблюдать на всех страницах:</p> <ul><li>На странице должен быть только один единственный заголовок первого уровня (H1);</li> <li>Заголовок H1 не должен совпадать с Title страницы;</li> <li>Заголовки H2, H3, H4 должны использоваться только в внутри статьи;</li> <li>В заголовках должны использоваться только фразы, приносящие пользу, то есть, в тегах H1…H6 не должно быть бессмысленных фраз, типа: отзывы, подписаться, комментарии и т.п.;</li> <li>Соблюдайте иерархию заголовков. Заголовок второго уровня должен быть ниже H1, заголовок третьего уровня должен быть ниже <b>первого </b> H2. Если будет иначе, то поисковый робот, который видит только HTML-код, не правильно воспримет страницу, чего мы не хотим.</li> </ul><p>Коротко об этих правилах я уже писал в уроке, посвященному . Обязательно прочитайте, там много полезного!</p> <h2>Как понять правильно ли использованы заголовки?</h2> <p>Вы знакомы с браузером <a href="/equipment/mozilla-firefox-temy-oformleniya-oformlenie-mozilla-firefox/">Mozilla Firefox</a>? Наверное, да. Так вот, этот браузер, благодаря одному плагину с хорошим функционалом, предоставляет шикарные возможности для анализа страниц. Название этому плагину — <a href="/additionally/yandeks-bar-dlya-mazily-ustanovit-skachat-i-ustanovit-rds-bar-rds-bar/">RDS bar</a>. Скачать его можно по этой ссылке , но сделать это необходимо в Firefox, поэтому, если <a href="/additionally/kak-ochistit-dannye-brauzera-na-kompyutere-ochistka-kesha-raznyh/">данный браузер</a> у Вас не установлен, быстрее скачивайте его и устанавливайте.</p> <p>RDS bar можно установить и на другие браузеры, но именно в Mozilla Firefox его функционал гораздо шире.</p> <p>Прежде, чем мы перейдем к анализу страниц сайта, необходимо внести <a href="/the-device/the-program-for-controlling-the-backlight-of-the-mouse-programs-for-extending-mouse-functions/">небольшие настройки</a> в плагин:</p> <img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/nastrojki-rds.png' height="131" width="255" loading=lazy><p>Теперь мы сможем спокойно посмотреть сколько тегов H1, H2, H3 находиться на странице, увидим лишние заголовки и будем знать, что нужно править. Увидеть все это великолепие можно, нажав на кнопку SEO-теги в RDS bar, которую только что активировали:<img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/seo-tegi.png' height="181" width="244" loading=lazy></p> <p>Как только Вы нажмете на эту кнопку, перед Вашими глазами появится небольшое сообщение:<br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/meta-tegi-i-zagolovki.png' width="100%" loading=lazy></p> <p>В этом сообщении представлены , заголовок H1 и другие. Как видите, на страницах моего блога с этим все в порядке, так как исправил этот косяк неделю назад, а вот на клиентском сайте с этим все гораздо хуже.</p> <p>Перечислю ошибки:</p> <ol><li>Дублирование между заголовками H2 и H5;</li> <li>Нет заголовков третьего уровня;</li> <li>В H4 находиться мусор.</li> </ol><p>Работы предстоит много, поэтому продемонстрирую исправление ошибок на каком-нибудь одном примере. Попробую-ка изменить теги H5 на H3, чтобы соблюдалась иерархия заголовков.</p> <h2>Как исправить ошибки?</h2> <p>Для этого мне понадобятся файлы сайта (), Notepad++ и Mozilla Firefox.</p> <ol><li>Чтобы знать, где именно находится проблемный тег и его стилевой класс, нужно воспользоваться встроенным инструментом браузера «Исследовать элемент»:<img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/issledovat-element.png' height="246" width="342" loading=lazy>Наведите курсор на определенный элемент, нажмите <a href="/the-device/kakaya-klavisha-klaviaturu-zamenyaet-pravuyu-knopku-myshi-kak-vklyuchit/">правой кнопкой</a> мыши на него и выберите пункт «Исследовать элемент». В нижней части окна появится область, где можно увидеть и стилевой класс HTML-элемента и его стили CSS:<br><img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/kod-issledovat-element.png' align="center" width="100%" loading=lazy></li> <li>Посмотрите стилевой класс нужного Вам элемента и скопируйте его, чтобы потом найти его в коде страницы. В моем случае класс заголовка H2 — page-box__title:Я хочу изменить уровень заголовка H5 на H3, так как в H5 перечисляются релевантные ключевые слова.</li> <li>Далее необходимо найти в папке сайта элемент с этим классом, для этого воспользуемся встроенными функциями , а именно поиском по файлам. Откройте Notepad++, в <a href="/the-types-of-wireless-networks/sozdanie-menyu-v-vk-kak-oformit-gruppu-v-kontakte-s-zakreplennym/">верхнем меню</a> найдите пункт «Поиск» и в выпадающем меню выберите «Найти в файлах»:<img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/najti-v-fajlah.png' height="248" width="367" loading=lazy></li> <li>В поле «Найти» ввожу стилевой класс заголовка пятого уровня (page-box__title), а в поле «Папка» указываю путь до папки с сайтом:<br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/poisk-v-failah.png' width="100%" loading=lazy>После того, как я нажму на кнопку «Найти все», пойдет процесс поиска файла:<br><img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/process-poiska.png' width="100%" loading=lazy></li> <li>В нижней части рабочего окна Notepad++ будут представлены результаты поиска, среди которых есть и тот самый заголовок пятого уровня (H5) с классом «page-box__title»:<br><img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/zagolovok-v-poiske.png' width="100%" loading=lazy>Чтобы перейти непосредственно к файлу в котором содержится данный заголовок, достаточно сделать <a href="/the-device/doubleclick-the-left-mouse-button-to-use-working-with-the-mouse/">двойной щелчок</a> по результату поиска;</li> <li>Далее я просто меняю теги <h5></h5> на теги <h3></h3>:Обязательно сохраняю файл;</li> <li>Смотрим результат на сайте:<br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/zagolovki-na-saite.png' width="100%" loading=lazy>Смотрится не очень.</li> <li>Чтобы заголовки выглядели нормально, необходимо внести в файл со стилям (style.css) изменения. Так как, приведенные в примере заголовки заключены в тег <a>, то скорее всего правило в style.css будет выглядеть так: .page-box__title > a (дочерний селектор). Поиск в Notepad++ нашел и это:<br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/style-zagolovka.png' width="100%" loading=lazy>В стилевое правило нужно добавить свойство font-size (размер шрифта) с нужным, на Ваш взгляд, значением. В моем случае, <a href="/wi-fi/chto-takoe-mtu-kak-naiti-optimalnyi-razmer-mtu-dlya-domashnei-seti-mtu-v-routere-chto/">оптимальным размером</a> шрифта будет 14 px:<br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/razmer-shrifta.png' width="100%" loading=lazy></li> <li>Смотрим результат:<br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/rezultat-izmenenj.png' width="100%" loading=lazy>Как видите, заголовки стали отображаться нормально.</li> </ol><p>Таким же образом работаем с другими заголовками. Как только закончите работу, не забудьте отправить изменения на сервер. Сделать это можно через FileZilla, о которой рассказывал</p> <p><img src='https://i0.wp.com/webformyself.com/wp-content/uploads/2016/362/3.jpg' align="center" width="100%" loading=lazy></p> <h3>Что означает h1-h6?</h3> <p>Начать в любом случае нужно с теории, потому что без этого невозможно двигаться дальше. Итак, это html-теги, в которые помещают текст, который должен стать заголовком. H1 – это главный заголовок страницы, он должен быть единственным, h2 – подзаголовок статьи или раздела главы (если <a href="/bluetooth/mozhno-li-vosstanovit-utoplennyi-android-chto-delat-esli-vy/">речь идет</a> о книге), h3 – заголовок в разделе и т.д.</p> <p>В сайтостроении, как правило, чаще всего используются h1-h3, последние три тега используются крайне редко, так как нет необходимости в разбивке текста на такие мелкие части, если только речь не идет об огромной по объему текстовой публикации.</p> <p>По умолчанию заголовки уже имеют некоторое стилевое оформление. Например, буквы в заголовках выделены <a href="/bluetooth/kak-sdelat-chtoby-shrift-yandeksa-byl-zhirnym-veb-soderzhimoe-v-yandeks/">жирным шрифтом</a>, а их размер в 1,5 – 3 раза больше обыкновенного текста на странице.</p> <h3>Основные правила работы с заголовками</h3> <p>Сколько h1 может быть на сайте? Сколько угодно, ведь интернет-ресурс может состоять из множества страниц. Тут гораздо важнее придерживаться другого правила – на каждой <a href="/the-device/wordpress-otdelnyi-shablon-stranicy-shablony-stranic-v-wordpress-pochemu-by-ne/">отдельной странице</a> вашего сайта должен быть ОДИН h1. Все потому, что это главный заголовок, а главным всегда должен быть один.</p> <p>Но что будет, если проигнорировать это правило? Как показывает реальная практика, ничего катастрофического, вероятно, не случится. Я бы не писал об этом, но мне известно несколько случаев, когда у веб-мастеров было несколько h1 на странице, при этом все их статьи сохраняли свои позиции в поисковых системах.</p> <p>Так-то оно может и так, только вот не нужно специально создавать несколько h1 на странице. Все равно это не правильно и вред от того все равно может быть. Например, в приведенных выше ситуациях у веб-мастеров были уже возрастные раскрученные сайты, поэтому несколько h1 на странице не ухудшили ситуацию.</p> <p>Однако при раскрутке молодого сайта очень важно соблюдать разные тонкости, чтобы ресурс максимально быстро получил одобрение поисковиков и начал приносить трафик.</p> <p>Очевидно, что h1 должен быть в самом начале статьи. Это не то же самое, что мета-тег title. Title виден при <a href="/bluetooth/kak-iskat-gruppy-v-facebook-po-nuzhnoi-tematike-kak-iskat-v/">поисковой выдаче</a> и в названии вкладки браузера, а h1 – непосредственно на странице. Остальных заголовков (h2-h6) может быть сколько угодно, в любом количестве.</p> <h3>Как проверить наличие h1 на странице?</h3> <p>Теперь мы переходим к самому главному. Как же определить, нормально ли у вас все на сайте с заголовком? Есть как минимум несколько вариантов, как вы это можете сделать.</p> <p>Во-первых, открыть исходный код и произвести в нем поиск. <a href="/bluetooth/kak-bystro-otkryt-kod-stranicy-v-brauzere-dazhe-esli-kopirovanie/">Исходный код</a> открывается с помощью комбинации <a href="/general-information/sochetanie-klavish-ctrl-home-vydelenie-teksta-pri-pomoshchi-klaviatury/">клавиш Ctrl</a> + U. Далее вам понадобится <a href="/bluetooth/that-it-is-necessary-to-press-that-what-happens-if-you-click-on-clave-a-combination-of-ctrl-w/">комбинация Ctrl</a> + F, чтобы открыть поиск. Введите в нем название нужного тега, а именно – h1.</p> <p>Правильно будет, если вам найдет два результата – открывающий и закрывающий тег соответственно. Если результатов больше, нужно вносить правки в код шаблона сайта. Если h1 вообще отсутствует, тоже нужно принимать меры, чтобы он появился.</p> <p>Во-вторых, вы можете воспользоваться каким-нибудь сервисом, который анализирует сайт на показатели его <a href="/general-information/fancybox-vsplyvayushchee-okno-veb-dizain-i-poiskovaya-optimizaciya/">поисковой оптимизации</a> и выдает отчет. Таких сервисов очень много, я приведу лишь некоторые: pr-cy.ru, audit.megaindex.ru/</p> <p>В сервисе “Мегаиндекс” есть возможность проверить релевантность страницы, то есть то, насколько она оптимизирована под определенную ключевую фразу. Введите адрес одной из страниц вашего сайта и основную ключевую фразу. В случае проверки лишь h1 эта <a href="/general-information/yandeks-poisk-klyuchevyh-fraz-statistika-klyuchevyh-slov-statistika/">ключевая фраза</a> может быть любой.</p> <p><img src='https://i1.wp.com/webformyself.com/wp-content/uploads/2016/362/2.jpg' align="center" height="247" width="371" loading=lazy></p> <p>Как видите, проверка показала, что на странице всего 1 h1 – это хорошо. Если бы было больше, проверка бы обязательно это определила. Как видите, это <a href="/solving-problems/chto-vazhnee-ssylki-ili-povedencheskii-faktor-chto-takoe/">важный фактор</a>, хотя и не критический. Его несоблюдение не приведет к чему-то катастрофическому, но при поисковой оптимизации <a href="/the-types-of-wireless-networks/obzor-sredstv-sinhronizacii-baz-dannyh-mysql-kak-mozhno-reshit-podobnye/">подобные проблемы</a> должны быть убраны в первую очередь.</p> <h3>Если проблема найдена, как ее решать?</h3> <p>Решать очень просто, нужно всего лишь немного подправить код вашего шаблона. В первую очередь тут нужно знать, на каком движке у вас сайт. Структура шаблонов у всех движков может быть немного разной, но все же много общего.</p> <p>Например, в WordPress вам нужно будет редактировать файлы page.php (шаблон страницы) и single.php (шаблон записи). Также полезно будет просмотреть файлы index.php (главная страница) и archive.php (архивы по дате и автору), а иногда в темах есть еще category.php (записи отдельной рубрики).</p> <p>Ну, допустим, нашли и открыли вы <a href="/the-device/pokazat-nevidimye-papki-windows-10-zashchita-i-skrytye-faily-zachem-nuzhny/">нужный файл</a>, что делать дальше? Дальше воспользуйтесь все тем же поиском (Ctrl + F). Вновь введите туда название тега. Если кода в файле немного, то вы и сами можете просмотреть его и найти нужные строчки. Тут ваши действия зависят от того, что именно нужно исправить.</p> <p>Например, в одном шаблоне название поста выводилось в h2. Возможно, его разработчик не разбирается в SEO, поэтому и допустил такую ошибку. Но это легко исправляется. Редактируем single.php и меняем в нем h2 на h1. Это можно сделать как вручную, так и с помощью функции <a href="/general-information/programma-dlya-avtomaticheskoi-zameny-yazyka-kakoi-avtomaticheskii-pereklyuchatel/">автоматической замены</a>.</p> <p>Возможно, так же понадобится редактирование боковой колонки (sidebar.php). Собственно, лишние h1 могут быть где угодно: в заголовках виджетов, в меню и даже в футере (footer.php). Все это нужно найти и убрать.</p> <p>Ну а что делать, если в самой статье несколько h1? Тогда проблема решается еще легче – редактированием самой статьи. Уберите все лишние h1, оставив только один главный верхний заголовок.</p> <p>Как видите, справиться с этой проблемой можно самостоятельно абсолютно без проблем. Для этого вам не нужны даже знания в области сайтостроения, а просто элементарное умение находить и открывать файлы, пользоваться поиском и изменять немного нужные строчки. Да и к сео-специалисту нет нужды обращаться теперь, по <a href="/wi-fi/chto-delat-esli-telefon-stal-silno-tormozit-slishkom-malo-mesta-na-diske-c/">крайней мере</a>, по поводу рассмотренного нами сегодня вопроса.</p> <p>Что ж, теперь вы знаете, как проверить заголовок h1 на странице и правильно настроить шаблон. Конечно, это всего лишь одна из множества настроек, которые помогут вам раскрутить и монетизировать сайт. Намного больше информации вы можете найти, если изучите и его выводе на доход от 20 тысяч рублей в месяц в самое <a href="/additionally/schastlivoe-vremya-bilain-korotkii-nomer-dlya-aktivacii-bonusy-bilain/">кратчайшее время</a>. Успехов вам во всем и хороших позиций в поиске!</p> <script type="text/javascript">  </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> </article> <div class="entry-footer"> <span class="entry-meta__comments" title="Комментариев"><span class="fa fa-comment-o"></span> </span> <span class="entry-meta__views" title="Просмотров"><span class="fa fa-eye"></span> </span> </div> <div class="b-share b-share--post"> <div class="b-share__title">Понравилась статья? Поделиться с друзьями:</div> <span class="b-share__ico b-share__vk js-share-link" data-uri="http://vk.com/share.php?url=https%3A%2F%2Fofflink.ru%2Fbeg-na-begovoj-dorozhke%2F"></span><span class="b-share__ico b-share__fb js-share-link" data-uri="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fofflink.ru%2Fconfiguring-wi-fi%2Fzagolovki-h1-h6-detalnyi-obzor-primery-ispolzovanie-i-optimizaciya-meta%2F"></span><span class="b-share__ico b-share__tw js-share-link" data-uri="http://twitter.com/share?text=https%3A%2F%2Fofflink.ru%2Fconfiguring-wi-fi%2Fzagolovki-h1-h6-detalnyi-obzor-primery-ispolzovanie-i-optimizaciya-meta%2F"></span> <span class="b-share__ico b-share__ok js-share-link" data-uri="https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https%3A%2F%2Fofflink.ru%2Fconfiguring-wi-fi%2Fzagolovki-h1-h6-detalnyi-obzor-primery-ispolzovanie-i-optimizaciya-meta%2F"></span><span class="b-share__ico b-share__gp js-share-link" data-uri="https://plus.google.com/share?url=https%3A%2F%2Fofflink.ru%2Fconfiguring-wi-fi%2Fzagolovki-h1-h6-detalnyi-obzor-primery-ispolzovanie-i-optimizaciya-meta%2F"></span><span class="b-share__ico b-share__whatsapp js-share-link js-share-link-no-window" data-uri="whatsapp://send?text=https%3A%2F%2Fofflink.ru%2Fconfiguring-wi-fi%2Fzagolovki-h1-h6-detalnyi-obzor-primery-ispolzovanie-i-optimizaciya-meta%2F"></span> <span class="b-share__ico b-share__viber js-share-link js-share-link-no-window" data-uri="viber://forward?text=https%3A%2F%2Fofflink.ru%2Fconfiguring-wi-fi%2Fzagolovki-h1-h6-detalnyi-obzor-primery-ispolzovanie-i-optimizaciya-meta%2F"></span><span class="b-share__ico b-share__telegram js-share-link js-share-link-no-window" data-uri="https://telegram.me/share/url?url=https%3A%2F%2Fofflink.ru%2Fconfiguring-wi-fi%2Fzagolovki-h1-h6-detalnyi-obzor-primery-ispolzovanie-i-optimizaciya-meta%2F"></span> </div> <div class="b-related"> <div class="b-related__header"><span>Вам также может быть интересно</span></div> <div class="b-related__items"> <article id="post-735552" class="post-card post-735552 post type-post status-publish format-standard has-post-thumbnail hentry" itemscope itemtype="http://schema.org/BlogPosting"> <div class="post-card__image"> <a href="/additionally/kak-iz-androida-sdelat-vebku-kak-podklyuchit-veb-kameru-k-kompyuteru/"> <img width="330" height="140" src="/uploads/a7c0b1fb7398547d4e77235ef6eb2464.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Как подключить веб-камеру к компьютеру?" itemprop="image" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy> <div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Дополнительно</span></span> </div> </a> </div> <header class="entry-header"> <div class="entry-title" itemprop="name"><a href="/additionally/kak-iz-androida-sdelat-vebku-kak-podklyuchit-veb-kameru-k-kompyuteru/" rel="bookmark" itemprop="url"><span itemprop="headline">Заголовки h1-h6: детальный обзор, примеры. Использование и оптимизация мета тега h1: примеры использования ключа в теге h1</span></a></div> </header> <div class="post-card__content" itemprop="articleBody">Здравствуйте, дорогие читатели. Сегодня хочу уделить особое внимание теме заголовков в тегах h1 h2 - h6, т.к. в ближайшее время планирую (как и обещала) несколько практических статей по...</div> </article> <article id="post-735551" class="post-card post-735551 post type-post status-publish format-standard has-post-thumbnail hentry" itemscope itemtype="http://schema.org/BlogPosting"> <div class="post-card__image"> <a href="/the-types-of-wireless-networks/programma-udobnogo-prosmotra-ip-televideniya-iptv-player-besplatnoe/"> <img width="330" height="140" src="/uploads/95ff86cff4156d57185e2cc5ad1261dc.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="IPTV player — бесплатное телевидение на компьютере" itemprop="image" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy> <div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Виды беспроводных сетей</span></span> </div> </a> </div> <header class="entry-header"> <div class="entry-title" itemprop="name"><a href="/the-types-of-wireless-networks/programma-udobnogo-prosmotra-ip-televideniya-iptv-player-besplatnoe/" rel="bookmark" itemprop="url"><span itemprop="headline">Заголовки h1-h6: детальный обзор, примеры. Использование и оптимизация мета тега h1: примеры использования ключа в теге h1</span></a></div> </header> <div class="post-card__content" itemprop="articleBody">Здравствуйте, дорогие читатели. Сегодня хочу уделить особое внимание теме заголовков в тегах h1 h2 - h6, т.к. в ближайшее время планирую (как и обещала) несколько практических статей по...</div> </article> <article id="post-735550" class="post-card post-735550 post type-post status-publish format-standard has-post-thumbnail hentry" itemscope itemtype="http://schema.org/BlogPosting"> <div class="post-card__image"> <a href="/bluetooth-setup/smailiki-iz-simvolov-na-klaviature-v-vk-chto-oznachaet-smailik/"> <img width="330" height="140" src="/uploads/54876435f92f83301fc610eb421fd8f1.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Что означает смайлик, отображенный текстовыми символами, коды графических (эмодзи) смайлов" itemprop="image" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy> <div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Настройка Bluetooth</span></span> </div> </a> </div> <header class="entry-header"> <div class="entry-title" itemprop="name"><a href="/bluetooth-setup/smailiki-iz-simvolov-na-klaviature-v-vk-chto-oznachaet-smailik/" rel="bookmark" itemprop="url"><span itemprop="headline">Заголовки h1-h6: детальный обзор, примеры. Использование и оптимизация мета тега h1: примеры использования ключа в теге h1</span></a></div> </header> <div class="post-card__content" itemprop="articleBody">Здравствуйте, дорогие читатели. Сегодня хочу уделить особое внимание теме заголовков в тегах h1 h2 - h6, т.к. в ближайшее время планирую (как и обещала) несколько практических статей по...</div> </article> <article id="post-735548" class="post-card post-735548 post type-post status-publish format-standard has-post-thumbnail hentry" itemscope itemtype="http://schema.org/BlogPosting"> <div class="post-card__image"> <a href="/configuring-wi-fi/relevantnaya-informaciya-pozvolyaet-relevantnost-chto-eto/"> <img width="330" height="140" src="/uploads/89d95006e64c75445ae8d25cc86fc001.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Релевантность что это простыми словами" itemprop="image" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy> <div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Настройка WI-FI</span></span> </div> </a> </div> <header class="entry-header"> <div class="entry-title" itemprop="name"><a href="/configuring-wi-fi/relevantnaya-informaciya-pozvolyaet-relevantnost-chto-eto/" rel="bookmark" itemprop="url"><span itemprop="headline">Заголовки h1-h6: детальный обзор, примеры. Использование и оптимизация мета тега h1: примеры использования ключа в теге h1</span></a></div> </header> <div class="post-card__content" itemprop="articleBody">Здравствуйте, дорогие читатели. Сегодня хочу уделить особое внимание теме заголовков в тегах h1 h2 - h6, т.к. в ближайшее время планирую (как и обещала) несколько практических статей по...</div> </article> <article id="post-735547" class="post-card post-735547 post type-post status-publish format-standard has-post-thumbnail hentry" itemscope itemtype="http://schema.org/BlogPosting"> <div class="post-card__image"> <a href="/bluetooth/samsung-galaxy-s8-seryi-ili-rst-kak-otlichit-originalnyi-telefon-samsung-kakaya/"> <img width="330" height="140" src="/uploads/7e80d4d136d1157b986de8a56ec44379.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Как отличить оригинальный телефон Samsung" itemprop="image" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy> <div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Bluetooth</span></span> </div> </a> </div> <header class="entry-header"> <div class="entry-title" itemprop="name"><a href="/bluetooth/samsung-galaxy-s8-seryi-ili-rst-kak-otlichit-originalnyi-telefon-samsung-kakaya/" rel="bookmark" itemprop="url"><span itemprop="headline">Заголовки h1-h6: детальный обзор, примеры. Использование и оптимизация мета тега h1: примеры использования ключа в теге h1</span></a></div> </header> <div class="post-card__content" itemprop="articleBody">Здравствуйте, дорогие читатели. Сегодня хочу уделить особое внимание теме заголовков в тегах h1 h2 - h6, т.к. в ближайшее время планирую (как и обещала) несколько практических статей по...</div> </article> <article id="post-735546" class="post-card post-735546 post type-post status-publish format-standard has-post-thumbnail hentry" itemscope itemtype="http://schema.org/BlogPosting"> <div class="post-card__image"> <a href="/security/chitalsya-djvu-kak-otkryt-fail-djvu-rasshirenie-faila-djvu-chem/"> <img width="330" height="140" src="/uploads/1a9e65e46ce7dcdcfb331b6aaf4334f8.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Читался djvu. Как открыть файл.djvu? Расширение файла.djvu: чем открыть. Работа с программой WinDjView" itemprop="image" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy> <div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Безопасность</span></span> </div> </a> </div> <header class="entry-header"> <div class="entry-title" itemprop="name"><a href="/security/chitalsya-djvu-kak-otkryt-fail-djvu-rasshirenie-faila-djvu-chem/" rel="bookmark" itemprop="url"><span itemprop="headline">Заголовки h1-h6: детальный обзор, примеры. Использование и оптимизация мета тега h1: примеры использования ключа в теге h1</span></a></div> </header> <div class="post-card__content" itemprop="articleBody">Здравствуйте, дорогие читатели. Сегодня хочу уделить особое внимание теме заголовков в тегах h1 h2 - h6, т.к. в ближайшее время планирую (как и обещала) несколько практических статей по...</div> </article> </div> </div> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="/beg-na-begovoj-dorozhke/" /> <meta itemprop="dateModified" content="2017-05-13" /> <meta itemprop="datePublished" content="2016-10-28T11:16:04+00:00" /> <script> var mt_cid = 43603314 </script> <script async="async" src="https://adcounter14.uptolike.com/counter.js?sid=stf22ceea420b22686332c72fa963f260cb21fbe9e" type="text/javascript"></script> </main> </div> </div> <aside id="secondary" class="widget-area" itemscope itemtype="http://schema.org/WPSideBar"> <div id="search-2" class="widget widget_search"> <form role="search" method="get" id="searchform" action="/" class="search-form"> <label class="screen-reader-text" for="s">Поиск: </label> <input type="text" value="" name="s" id="s" class="search-form__text"> <button type="submit" id="searchsubmit" class="search-form__submit"></button></form> </div> <div id="text-13" class="widget widget_text"> <div class="textwidget"> <div id="comuji1" style="height:500px;width:300px;" align="center"></div> </div> </div> <div id="wpshop_articles-3" class="widget widget_wpshop_articles"> <div class="widget-header">Популярные материалы</div> <div class="widget-article"> <div class="widget-article__image"><a href="/wi-fi/effekt-drozhaniya-effekt-drozhaniya-chtenie-i-peredacha-myslei/"> <img width="330" height="140" src="/uploads/5a5df16ae52a8d5244a8f3bb366280d2.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Эффект дрожания Чтение и передача мыслей" / loading=lazy> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="/wi-fi/effekt-drozhaniya-effekt-drozhaniya-chtenie-i-peredacha-myslei/">Эффект дрожания Чтение и передача мыслей</a></div> </div> </div> <div class="widget-article"> <div class="widget-article__image"><a href="/the-types-of-wireless-networks/kitaiskii-telefon-raskladushka-s-dvumya-sensornymi-ekranami-sotovye/"> <img width="330" height="140" src="/uploads/a3e334a54de7842c811ef7b6c05ceeb1.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Сотовые телефоны раскладушки - с большим экраном - цены" / loading=lazy> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="/the-types-of-wireless-networks/kitaiskii-telefon-raskladushka-s-dvumya-sensornymi-ekranami-sotovye/">Сотовые телефоны раскладушки - с большим экраном - цены</a></div> </div> </div> <div class="widget-article"> <div class="widget-article__image"><a href="/bluetooth-setup/kak-delaetsya-sbros-nastroek-na-samsung-galaxy-s8-i-s8-plus-skrytye-funkcii-galaxy-s8/"> <img width="330" height="140" src="/uploads/44bdf5c44f60fc0079d5c412444c716b.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Скрытые функции Galaxy S8: вы должны знать об этих хитростях Интересные функции samsung galaxy s8" / loading=lazy> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="/bluetooth-setup/kak-delaetsya-sbros-nastroek-na-samsung-galaxy-s8-i-s8-plus-skrytye-funkcii-galaxy-s8/">Скрытые функции Galaxy S8: вы должны знать об этих хитростях Интересные функции samsung galaxy s8</a></div> </div> </div> <div class="widget-article"> <div class="widget-article__image"><a href="/wi-fi/samostoyatelnaya-proshivka-smartfona-philips-xenium-samostoyatelnaya/"> <img width="330" height="140" src="/uploads/f99a92ad7f3eb253aaafbd0bcd5465cd.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Самостоятельная прошивка смартфона Philips Xenium Когда надо обновить прошивку" / loading=lazy> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="/wi-fi/samostoyatelnaya-proshivka-smartfona-philips-xenium-samostoyatelnaya/">Самостоятельная прошивка смартфона Philips Xenium Когда надо обновить прошивку</a></div> </div> </div> <div class="widget-article"> <div class="widget-article__image"><a href="/security/pervyi-planshet-apple-kotoryi-mozhno-derzhat-odnoi-rukoi-obzor-ipad/"> <img width="330" height="140" src="/uploads/2dc4181e01e47354837eecb770abfd7e.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Первый планшет Apple, который можно держать одной рукой" / loading=lazy> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="/security/pervyi-planshet-apple-kotoryi-mozhno-derzhat-odnoi-rukoi-obzor-ipad/">Первый планшет Apple, который можно держать одной рукой</a></div> </div> </div> </div> <div id="wpshop_articles-2" class="widget widget_wpshop_articles"> <div class="widget-header">Рекомендуем</div> <div class="widget-article"> <div class="widget-article__image"><a href="/additionally/chto-takoe-kompyuternyi-virus-kto-napisal-pervyi-kompyuternyi/"> <img width="330" height="140" src="/uploads/1f7d954528fbe06c5ac360e85d075d29.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Кто написал первый компьютерный вирус" / loading=lazy> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="/additionally/chto-takoe-kompyuternyi-virus-kto-napisal-pervyi-kompyuternyi/">Кто написал первый компьютерный вирус</a></div> </div> </div> <div class="widget-article"> <div class="widget-article__image"><a href="/additionally/failovye-menedzhery---programmy-dlya-raboty-s-failami-besplatnye-ofisnye/"> <img width="330" height="140" src="/uploads/fb7f41f7792d3b699e4bdd33cb5aa2ea.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Бесплатные офисные программы для Windows Программы для работы с документами: общий обзор" / loading=lazy> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="/additionally/failovye-menedzhery---programmy-dlya-raboty-s-failami-besplatnye-ofisnye/">Бесплатные офисные программы для Windows Программы для работы с документами: общий обзор</a></div> </div> </div> <div class="widget-article"> <div class="widget-article__image"><a href="/solving-problems/samyi-prostoi-sposob-ustanovit-melodiyu-na-zvonok-android-samyi/"> <img width="330" height="140" src="/uploads/47f79e9aea83153164defb36cbc9f47a.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Самый простой способ установить мелодию на звонок андроид Новые классные рингтоны на телефон" / loading=lazy> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="/solving-problems/samyi-prostoi-sposob-ustanovit-melodiyu-na-zvonok-android-samyi/">Самый простой способ установить мелодию на звонок андроид Новые классные рингтоны на телефон</a></div> </div> </div> <div class="widget-article"> <div class="widget-article__image"><a href="/security/titov-b-a-vybiraem-programmu-dlya-sozdaniya-mezhevogo-plana-poligon/"> <img width="330" height="140" src="/uploads/d27b1576a7096c374a3a7ba34bb0a6ad.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Титов Б.А. Выбираем программу для создания межевого плана. Полигон – программы для всех видов кадастровых работ Программы для работы кадастрового инженера" / loading=lazy> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="/security/titov-b-a-vybiraem-programmu-dlya-sozdaniya-mezhevogo-plana-poligon/">Титов Б.А. Выбираем программу для создания межевого плана. Полигон – программы для всех видов кадастровых работ Программы для работы кадастрового инженера</a></div> </div> </div> </div> <div id="text-11" class="widget widget_text"> <div class="textwidget"> <p></p> <div id="yandex_rtb_R-A-218842-11"></div> <p> </p> </div> </div> <div id="text-12" class="widget widget_text"> <div class="textwidget"> <div id="comuji2" style="height:500px;width:300px;" align="center"></div> </div> </div> </aside> </div> <div class="footer-navigation container"> <div class="main-navigation-inner "> <div class="menu-menyu-2-container"><ul id="footer_menu" class="menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item"><a href="/feedback/">Контакты</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item"><a href="">О нас</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item"><a href="">Реклама</a></li> </ul></div> </div></div> <footer class="site-footer container" itemscope itemtype="http://schema.org/WPFooter"> <div class="site-footer-inner "> <button type="button" class="scrolltop js-scrolltop"></button> <div class="footer-info"> © 2024 offlink.ru Сайт о беспроводных сетях </div> <div class="footer-counters"> </div> </div></footer> </div> <script type="text/javascript"> //<![CDATA[ jQuery(document).ready(function() { cli_show_cookiebar({ settings: '{ "animate_speed_hide":"500","animate_speed_show":"500","background":"#fff","border":"#444","border_on":true,"button_1_button_colour":"#1e73be","button_1_button_hover":"#185c98","button_1_link_colour":"#ffffff","button_1_as_button":true,"button_2_button_colour":"#333","button_2_button_hover":"#292929","button_2_link_colour":"#444","button_2_as_button":true,"font_family":"inherit","header_fix":true,"notify_animate_hide":true,"notify_animate_show":false,"notify_div_id":"#cookie-law-info-bar","notify_position_horizontal":"right","notify_position_vertical":"bottom","scroll_close":false,"scroll_close_reload":false,"showagain_tab":false,"showagain_background":"#fff","showagain_border":"#000","showagain_div_id":"#cookie-law-info-again","showagain_x_position":"100px","text":"#000","show_once_yn":false,"show_once":"10000"} ' }); }); //]]> </script> <script type='text/javascript' src='https://offlink.ru/wp-content/plugins/jetpack/modules/photon/photon.js'></script> <script type='text/javascript' src='https://offlink.ru/wp-content/plugins/table-of-contents-plus/front.min.js'></script> <script type='text/javascript' src='https://offlink.ru/wp-content/plugins/wp-polls/polls-js.js'></script> <script type='text/javascript' src='https://offlink.ru/wp-content/plugins/clearfy/components/comments-plus/assets/js/url-span.js'></script> <script type='text/javascript' src='https://offlink.ru/wp-content/themes/root/js/scripts.js'></script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar": "sidebar-1", "margin_top": 10, "margin_bottom": 0, "stop_id": "", "screen_max_width": 0, "screen_max_height": 0, "width_inherit": false, "refresh_interval": 1500, "window_load_hook": false, "disable_mo_api": false, "widgets": ['text-11'] }; </script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js'></script> <script async="async" type='text/javascript' src='https://offlink.ru/wp-content/plugins/akismet/_inc/form.js'></script> </body> </html>