H1 где находится. Как вставить цитату посредством blockquote и выделить текстовый фрагмент с помощью pre
» Использование заголовков H1-H6
Использование заголовков H1-H6
В данной статье мы постараемся объяснить что такое теги h1-h6 и как их правильно использовать с учётом продвижения сайта. Так как правильное использование заголовков поможет вам быстро и без особых усилий выйти на более высокие позиции в поисковых системах. Заголовки H1-H6 являются самыми важными тегами акцентирования и на ряду с мета-тегами title обладают огромным значением для правильной seo оптимизации сайта. Без этой важной связки вывести страницу в топ, в конкурентной тематике просто невозможно.
Приведем с начало некоторые правила составление заголовков в порядке их значимости:
- Используйте ключевые слова в заголовках
- Спам запрещён в заголовках любого уровня
- Тег H1 должен использоваться только один раз
- Ключи из заголовка должны реально присутствовать на странице
- Заголовок первого уровня должен быть как можно выше в коде страницы
- Указывайте важные ключевые фразы как можно ближе к началу заголовка
- Заголовки должны быть информативными и при этом не очень длинными
- Ключевые фразы в подзаголовках старайтесь составлять с учетом морфологии и синонимов
- В первом предложении после заголовка должен использоваться ключ из него
Использование заголовков на странице
Теги H1-H6 предназначены для выделения заголовков страниц сайта и их можно сравнить с заголовкам книг. Все теги заголовков парные, как в принципе практически все другие используемые в html и если вы захотите выделить ими какую то фразу, то она должна быть заключена между этими тегами. Например так:
ваша ключевая фраза между тегами
, данная конструкция предназначена для выделения главного заголовка на странице, все последующие должны использоваться аналогично с учётом убывания.Наиболее значимым для seo является тег H1 и служит он для главного заголовка страницы. Это может быть название статьи, новости или имя товара, словом текст заключенный в H1 играет важнейшую роль и между этим тегом обязательно должна находится ключевая фраза, которая должна иметь наибольший вес на странице. Стоит заметить что заголовок H1 должен использоваться только один раз и содержать главные и самые значимые ключевые слова под которые вы и планируете продвигать эту страницу. Правила написания заголовков практически идентичны рекомендациям составления мета заголовка Title, советуем ознакомится с ними если это вы ещё не сделали.
Ещё одна важная рекомендация, мета тег title и заголовок первого уровня не должны быть идентичными и слишком длинными, не стоит перечислять там список нужных вам ключей, 3-5 слов будет вполне достаточно. В противном случае ключевые слова в заголовке получатся размыты и не будут иметь максимального веса, или еще хуже принятые поисковой системой за спам. Если поисковая система заподозрит что вы хотите её обмануть, то данная страница с высокой долей вероятности будет понижена в выдаче. Будьте предельно внимательны и не торопитесь при составлении заголовков, как говорилось выше они одни из важных факторов ранжирования.
В отличии от заголовка первого уровня другие (H2-H6) могут употребятся несколько раз на странице, но как вы уже догадались вес они имеют в порядке убывания. Эти теги используются для подзаголовков и в них также рекомендуется заключать значимые ключевые фразы в так сказать разбавленном или в уточняющем виде. Используйте в них синонимы вписывайте свой ключ с учётом морфологии, но не делайте их слишком похожими с заголовком H1. Используемые слова и фразы обязательно должны присутствовать на странице помимо заголовков и идти в логическом порядке, причем первое предложение после заголовка желательно должно максимально ему соответствовать.
Никогда не стоит делать заголовков такого плана: "Добро пожаловать на страничку..." и им подобных. Это не принесет странице ни чего хорошего и отнимет у нее львиную долю веса. Любой заголовок на вашей странице должен быть предназначен не только для посетителей сайта, но и для поисковых систем. Заголовки на странице должны быть не только информативными, но и не слишком длинными, при составлении заголовков необходимо найти золотую середину. Яндексу и Google необходимо понять о чем идет речь на странице, вставляйте в теги H1-H6 ключевые слова, но без фанатизма иначе можно сделать только хуже.
Стоит отметить что теги заголовков H1-H6 должны идти строго в порядке убывания на странице. Именно на странице а не в тексте, так как часто бывают случаи, когда например в бесплатных шаблонах это далеко не так и это также снижает вес желаемых ключевых слов. Бытует мнение что заголовки ниже H3 не имеют ни какого значения для поисковых систем и это конечно может оказаться правдой, но мы всё же рекомендуем использовать их для разметки текстового содержания, а не заголовков и блоков других элементов сайта. Для этого есть огромное количество других html-тегов.
Частые ошибки при использовании тегов заголовков
Некоторые CMS, а вернее бесплатные шаблоны для них, часто грешат тем что прописывают теги H1 не там где ему место быть с учетом правильной внутренней оптимизации. Или выделяют тегами H3 заголовки блоков и других элементов сайта, это в корне не правильно для этого в HTML существуют альтернативные теги.
Еще одна распространенная ошибка, которая присутствует в некоторых шаблонах, это ошибки верстки по отношению к seo и не следование стандарту W3C. Довольно часто можно встретить что на некоторых сайтах в теги H заключают ссылки, изображения, логотипы в шапке сайта и т.д. Что плохо отражается на всём сайте в целом.
Ну последняя наиболее часто встречающаяся ошибка это то что, при использовании визуальных редакторов в админке, владельцы сайтов частенько оставляют в тексте не желая того пустые заголовки, не закрывают эти теги, что может сбить с толку ботов поисковой системы и такие страницы обязательно будут понижены в выдаче.
Мы привели 3 наиболее частые ошибки при использовании заголовков, конечно есть и другие, но они встречаются не на столько часто и поэтому были пропущены. Обязательно проверьте свои страницы на сайте на наличие данных ошибок и обязательно устраните их и тем самым ваш сайт будет более привлекательным для поисковых систем.
Всем-всем привет!
— это работа комплексная, требующая внимания к каждой мелочи. Даже неправильное использование заголовков (теги H1, H2, H3) на страницах сайта может мешать нормальному продвижению в поисковых системах. Сегодня мы как раз об этом и поговорим.
Все, что описано в вышеперечисленных уроках, пригодиться сегодня.
Правила использования заголовков
В мире SEO существуют некие правила использования тегов H1, H2, H3 и ниже, которые желательно бы соблюдать на всех страницах:
- На странице должен быть только один единственный заголовок первого уровня (H1);
- Заголовок H1 не должен совпадать с Title страницы;
- Заголовки H2, H3, H4 должны использоваться только в внутри статьи;
- В заголовках должны использоваться только фразы, приносящие пользу, то есть, в тегах H1…H6 не должно быть бессмысленных фраз, типа: отзывы, подписаться, комментарии и т.п.;
- Соблюдайте иерархию заголовков. Заголовок второго уровня должен быть ниже H1, заголовок третьего уровня должен быть ниже первого H2. Если будет иначе, то поисковый робот, который видит только HTML-код, не правильно воспримет страницу, чего мы не хотим.
Коротко об этих правилах я уже писал в уроке, посвященному . Обязательно прочитайте, там много полезного!
Как понять правильно ли использованы заголовки?
Вы знакомы с браузером Mozilla Firefox? Наверное, да. Так вот, этот браузер, благодаря одному плагину с хорошим функционалом, предоставляет шикарные возможности для анализа страниц. Название этому плагину — RDS bar. Скачать его можно по этой ссылке , но сделать это необходимо в Firefox, поэтому, если данный браузер у Вас не установлен, быстрее скачивайте его и устанавливайте.
RDS bar можно установить и на другие браузеры, но именно в Mozilla Firefox его функционал гораздо шире.
Прежде, чем мы перейдем к анализу страниц сайта, необходимо внести небольшие настройки в плагин:
Теперь мы сможем спокойно посмотреть сколько тегов H1, H2, H3 находиться на странице, увидим лишние заголовки и будем знать, что нужно править. Увидеть все это великолепие можно, нажав на кнопку SEO-теги в RDS bar, которую только что активировали:
Как только Вы нажмете на эту кнопку, перед Вашими глазами появится небольшое сообщение:
В этом сообщении представлены , заголовок H1 и другие. Как видите, на страницах моего блога с этим все в порядке, так как исправил этот косяк неделю назад, а вот на клиентском сайте с этим все гораздо хуже.
Перечислю ошибки:
- Дублирование между заголовками H2 и H5;
- Нет заголовков третьего уровня;
- В H4 находиться мусор.
Работы предстоит много, поэтому продемонстрирую исправление ошибок на каком-нибудь одном примере. Попробую-ка изменить теги H5 на H3, чтобы соблюдалась иерархия заголовков.
Как исправить ошибки?
Для этого мне понадобятся файлы сайта (), Notepad++ и Mozilla Firefox.
- Чтобы знать, где именно находится проблемный тег и его стилевой класс, нужно воспользоваться встроенным инструментом браузера «Исследовать элемент»:
Наведите курсор на определенный элемент, нажмите правой кнопкой мыши на него и выберите пункт «Исследовать элемент». В нижней части окна появится область, где можно увидеть и стилевой класс HTML-элемента и его стили CSS:
- Посмотрите стилевой класс нужного Вам элемента и скопируйте его, чтобы потом найти его в коде страницы. В моем случае класс заголовка H2 — page-box__title:Я хочу изменить уровень заголовка H5 на H3, так как в H5 перечисляются релевантные ключевые слова.
- Далее необходимо найти в папке сайта элемент с этим классом, для этого воспользуемся встроенными функциями , а именно поиском по файлам. Откройте Notepad++, в верхнем меню найдите пункт «Поиск» и в выпадающем меню выберите «Найти в файлах»:
- В поле «Найти» ввожу стилевой класс заголовка пятого уровня (page-box__title), а в поле «Папка» указываю путь до папки с сайтом:
После того, как я нажму на кнопку «Найти все», пойдет процесс поиска файла:
- В нижней части рабочего окна Notepad++ будут представлены результаты поиска, среди которых есть и тот самый заголовок пятого уровня (H5) с классом «page-box__title»:
Чтобы перейти непосредственно к файлу в котором содержится данный заголовок, достаточно сделать двойной щелчок по результату поиска; - Далее я просто меняю теги на теги :Обязательно сохраняю файл;
- Смотрим результат на сайте:
Смотрится не очень. - Чтобы заголовки выглядели нормально, необходимо внести в файл со стилям (style.css) изменения. Так как, приведенные в примере заголовки заключены в тег , то скорее всего правило в style.css будет выглядеть так: .page-box__title > a (дочерний селектор). Поиск в Notepad++ нашел и это:
В стилевое правило нужно добавить свойство font-size (размер шрифта) с нужным, на Ваш взгляд, значением. В моем случае, оптимальным размером шрифта будет 14 px:
- Смотрим результат:
Как видите, заголовки стали отображаться нормально.
Таким же образом работаем с другими заголовками. Как только закончите работу, не забудьте отправить изменения на сервер. Сделать это можно через FileZilla, о которой рассказывал
Грамотный подбор и расстановка заголовков 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 и H2 должны применяться лишь для структурирования текста!
Использование одинаковых заголовков для разных страниц. Это, конечно, нонсенс, однако и такое встречается. Как минимум заголовки H1должны быть уникальны для каждой страницы!
Помещение в заголовки гиперссылок.
Присутствие на странице двух и более заголовков H1. Мы помним, что это недопустимо! Наш девиз: «Одна страница - один заголовок H1»!
В заключение нашей статьи обратим ваше внимание на еще один важный момент. Речь снова пойдет о шаблонах сайтов. Известны случаи, когда в стандартных шаблонах страниц вовсе нет заголовков H1. Вместо них идут заголовки H2. Даже если в административной части сайта вам предлагается ввести текст в поле «Заголовок материала», на деле может оказаться, что он будет заключен в теги
. Проверьте, нет ли такой недоработки на вашем сайте - изучите структуру документа, нажав клавишу F12. Ваш заголовок заключен в теги ? Значит, все отлично!О важности правильной расстановки заголовков текста следует напомнить и разработчику, мало знакомому с seo, при верстке уникального сайта.
Здравствуйте, дорогие читатели. Сегодня хочу уделить особое внимание теме заголовков в тегах h1 h2 - h6, т.к. в ближайшее время планирую (как и обещала) несколько практических статей по редактированию заголовков в шаблонах. Но прежде, чем осваивать что-либо на практике, я считаю, нужно пусть не знать, но понимать теорию. Давайте с самого начала определимся с понятиями, с тем, что такое заголовок в HTML документах, заголовок на сайте, странице.
Все мы с вами знаем русский язык, и что касается общепринятого понятия заголовок – вопросов быть не должно. Заголовок - это то слово или фраза, которая обобщает весь смысл какого-то текста, информации, которые идут после него.
Как любая книга начинается с заголовка, так и любой документ в интернете имеет свой заголовок.
Но если мы, открывая книгу, понимаем, что вот эта фраза является заголовком, потому что имеет более большой или жирный шрифт, то на интернет страницах действуют немного свои правила. В интернете слово заголовок имеет несколько значений и применяется в разных целях. Поэтому, необходимо знать и понимать, о каком именно заголовке идет речь, и что именно вам нужно.
Первое и самое главное, в чем мы должны разобраться, это в том, что в HTML документе есть три разных понятия заголовка.
Любой документ включает в себя три основных HTML тега:
Здесь находится техническая информация о документе +
заголовок страницы в тегах
Здесь находится основное содержимое сайта, статьи, которые имеют заголовки в тегах:
Заголовок сайта или статьи
Заголовок статьи
Подзаголовок статьи
Другие блоки с информацией
Другие блоки с информацией
Другие блоки с информацией
Итак, из кода выше, мы видим, что HTML документ имеет свой заголовок
, в котором располагается техническая информация, здесь же находятся и мета-теги, и один из самых важных тегов в seo -