В данной статье рассмотрим особенности правильной расстановки тегов h1, h2…h6 (h сокращение от англ. слова heading – заголовок) и их влияние на оптимизацию сайта в целом. Если теги расставлены неверно, поисковым системам трудно получать информацию о размещенных на вашем сайте статьях и ключевых словах, которые они содержат. Теги дают возможность выделить заголовки и сделать Вашу статью более удобной для прочтения. Кроме того они обеспечивают преимущества вашего сайта в системе ранжирования, упорядочивая html код страницы.
Как определить, что Ваш сайт находится под фильтрами Google? Подробнее .
Заголовок Вашего сайта обозначает тег h1 . Он дает возможность понять поисковой системе название онлайн-ресурса. Например, сайт об аренде серверов. В главном названии будет выводиться именно данное название при поиске в системе. Не стоит путать h1 с тегом
Как правильно составить главный заголовок h1?
- обязательное использование ключевых слов для продвижения;
- h1 используют один раз на одной странице, если размещать больше ПС может воспринять данный факт как переоптимизацию;
- будет достаточно нескольких слов, не нужно помещать в данный тег все ключевики страницы;
- заголовок должен быть читабельным;
- мета тег h1 должен содержать только текст;
- h1 должен отвечать тематике, которая указана в title данной страницы;
- не перечисляйте ключевые фразы через запятую, это усугубляет релевантность;
- делайте заголовок уникальным и тематическим, не делайте его копией Title;
- каждая страница должна содержать уникальные h1-h6, пытайтесь как можно качественней избегать любых повторений.
Для более качественного и профессионального продвижения вам понадобится аудит сайта. Как сделать самостоятельный аудит своего сайта? Об этом подробнее в .
Тег h2 в зависимости от размера и содержимого страницы сайта можно использовать пару раз и он показывает подзаголовок h1. Значение данного тега несколько меньше чем h1, но его часто используют в качестве описания страницы. Тег h2 используют в качестве заголовка второго уровня, ним выделяют подзаголовки на страницы сайта. Но стоит отметить, что иногда специалисты по продвижению настоятельно рекомендуют использовать только один тег h2
Тег h3 также помогает сайту подняться по запросам в поисковой системе. В большинстве случаев его используют непосредственно в статье в качестве подзаголовков (3-5 штук в статье). Он придает значения ключевым словам.
Теги h4, h5, h6 не имеют весомого значения и влияния. На практике они вовсе редко используются. Текст, который оформлен данными тегами, будет ранжируваться где-то чуть ниже, чем текст, который выделен жирным шрифтом (тегом strong). Данные теги предназначены для мелких элементов на странице. Их обычно отделяют от остального текста. По сравнению с h1 их можно размещать на странице по несколько раз.
Правила написания текста заголовков h1,h2,h3,…,h6
Из чего должны состоять заголовки h1-h6:
- прямое вхождение ключевого слова в заголовке, которое повысит релевантный запрос в поисковой выдачи;
- уникальный заголовок по отношению других страниц сайта, так как одинаковые заголовки могут не учитываться ПС;
- если заголовок находится близко к html-коду, то его значение относительно других элементов страницы значительно увеличивается;
- ключевое слово должно быть как можно ближе к началу заголовка;
- длина заголовка не должна превышать 60 символов, так как длинный заголовок не будет воспринят поисковиком;
- исключить из заголовка грамматические ошибки;
- заголовки проверяются на переоптимизацию, поэтому не стоит помещать как можно больше ключевых слов в один заголовок.
Что писать и как правильно заполнять. Практические советы.
Успешность оптимизации сайта во многом зависит от того, как прописаны теги. Поэтому следует придерживаться следующих правил написания тегов:
- соблюдать иерархию тегов, то есть h1 должен быть выше остальных, другие заголовки по порядку уровней;
- чем больше уровень тем должен быть больше шрифт заголовка, то есть придерживаться градации шрифтов;
- отказаться от всего лишнего и ненужного в заголовках – акцентирующих тегов и ссылок, только текст;
- не нужно злоупотреблять h1,h2,h3,…,h6. Огромное количество важных элементов на странице воспринимается поисковыми роботами как переспам.
- в качестве заголовка может быть даже картинка, например, с логотипом, которую соответствующим образом оптимизируют.
Важно отметить, что наличие на страницы сайта всех уровней заголовков не обязательное условие. В большинстве случаев вполне достаточно h1, h2, h3, а применение остальных может и навредить, если ними выделять и вовсе неважные элементы текста страницы.
Надеемся наши советы помогли Вам разобраться с особенностями тегов h1, h2, h3,…, h6 и в их роли в правильном структурировании контента на сайте. Если возникнут дополнительные вопросы, обращайтесь! Также рекомендуем статью ““.
Чтобы ваш сайт не выглядел спамным в глазах поисковой системы, придерживайтесь нескольких , которые касаются написания тегов и не только.
СЕО не работает? В чем может скрываться причина. Об этом в следующей на нашем блоге.
Компания Hyper Host™ – только и .
22023 раз(а) 5 Сегодня просмотрено раз(а)
Первый заголовок, на который часто посетитель сайта не обращает внимание — тот, который показан на вкладке браузера (). Для поисковой системы он самый главный, так как именно его Яндекс, Google и др. чаще всего () используют в качестве заголовка сниппета.
Второй заголовок находится в теге h1 . Далее подзаголовки меньших размеров. Если собрать их все, то должна быть чётко видна структура веб-документа подобно главам школьного учебника. Такая раздробленная на разделы и подразделы информация легко воспринимается, найти необходимый материал на странице не вызывает затруднений.
Важные замечания:
- заголовок доступно поясняет содержание страницы, раздела, подраздела. Это не инструмент оформления текста. Не нужно им выделять пункт меню, который ничего не содержит, кроме заголовка.
- заголовок — это слово, фраза, предложение. Он не должен быть длинным.
- заголовок — это всё предложение, а не его часть. Для оформления одного-нескольких слов существуют такие теги как strong , mark , em и др. ().
- если статья строится в формате "вопрос-ответ" и ответ в большинстве случаев короткий (например, инструкция лекарственного препарата), то вместо тегов h правильней использовать тройку dl , dt , dd .
Проверить h1 страницы
Сейчас фразу в любом теге можно сделать заголовком с помощью стилей CSS: увеличить шрифт и/или размер текста. Для того, чтобы проверить количество тегов h1 и их содержимое, достаточно , никаких дополнительных расширений не требуется. Такой инструмент, можно вывести, если нажать клавишу
Разница в использовании h1 , h2 , h3 , h4 , h5 , h6 в HTML5 и HTML4
Перед дальнейшим чтением желательно ознакомиться с примерами, описанными в стандартах самостоятельно.
Один h1 на странице (версия HTML4)
- Пошаговое решение судоку
- Программа решения судоку с объяснениями (онлайн)
- Правила игры
- Алгоритм заполнения ячеек кроссворда
- Способ 1. «Скрытые одиночки»
- Способ 2. «Одиночки»
- Методы решения судоку
- Стратегия 1. Кандидат в двух-трёх клетках одного квадрата
- Стратегия 2. Группы кандидатов
Название сайта
Заголовок
Утверждение 1: заголовок страницы или его часть не должны быть ссылкой (см. здравый смысл и справка Новости.Google). Отсюда следствие: название веб-проекта на Главной также не должно быть ссылкой. В целом не нужно чтобы страница ссылалась сама на себя (искл. ). А вот так допустимо (на Авито на странице объявления каждой похожей записи дан h3):
Процентные ставки от 1% до 5%
Утверждение 2: есть небольшая разница в том как располагать ссылку: внутри тега h или тег h внутри ссылки. И она заключается в том, что в первом случае ссылкой является только текст, а во-втором — весь блок.
только текст
весь блок (прямоугольная область)
Должен ли title отличаться от h1 ?
"Может ли title быть таким же как h1 ?" — да, может.
"Различный title и h1 полезны для SEO?" — да, полезны. В рассматриваемые теги можно добавить дополнительные ключевые слова, чтобы увеличить хвост запросов, по которым приходят на сайт. Или чтобы сделать более привлекательный сниппет, в title внести, скажем, название компании, коли фирма на слуху, или номер телефона (для такси, например).
Примечание: для того, чтобы страница могла присутствовать в Новостях Google или быстрых ссылках Яндекса , основная часть title и h1 должны совпадать. Это может быть вызвано тем, что посетители ожидают увидеть на странице сайта тот же заголовок, что в выдаче поисковиков. На данный момент стоит обратить внимание информационным сайтам.
Нужно ли заголовки боковых блоков брать в h ?
Если заголовки индексируются (см. ), то пусть лучше будут в теге h . Всё равно они употребляются на каждой странице сайта и вес этих слов ("Реклама", "Последние сообщения", "Подписка" и т.п.) завышен. Можно предположить, что родитель aside должен уменьшать их значение.
К тому же для слабовидящих будет понятно что к чему, а не сплошные untitled .
Добрый день, уважаемые посетители и постоянные читатели моего блога!
Значение заголовка h1 для продвижения
Поисковики применяют слова и фразы, используемые в этом заголовке для того, чтобы страниц конкретному ключевому запросу. Этот заголовок один из важнейших составляющих релевантности.
Однако в процессе осуществления оптимизации текста статьи поисковые системы воспринимают тег title важнее заголовка h1.
Если говорить простым языком, то хочу заметить, что этот тег лучше всего стоит применять на сайтах и блогах для заголовков страниц и записей. В этих заголовках должны быть прописаны ключевые слова, которые будут способствовать продвижению в поисковиках по этим словам.
Релевантность страниц и хорошие показатели вашего веб-ресурса являются основой будущего доверия поисковиков к вашему ресурсу.
Использование тега h1 в WordPress
Это была чисто теоретическая часть. Теперь поговорим об основных моментах, в которых разберём использование тега h1 на веб-ресурсах под управлением системы WordPress.
Не секрет, что многие начинающие вебмастера применяют бесплатные . Но минус этих шаблонов заключается в том, что практически все они имеют ошибки и недоработки! Вот так…
Одна из таких недоработок заключается в том, что иногда для выделения заголовка страницы не используется тег h1, а прописывается другой тег, например, h2.
Как раз такую недоработку бесплатного шаблона, который называется Incredy, я и выявил на своем блоге.
Как-то раз я решил просмотреть исходный своей статьи и совершенно случайно выявил, что все заголовки моих статей выводятся тегом h2.
Чтобы исправить этот недочет я занялся редактированием файла single.php. Этот файл одинаков для множества шаблонов системы WordPress.
Главной функцией single.php является вывод информации для каждой записи в блоге. Чтобы узнать о том, как я исправил этот недочет в своем шаблоне, читайте дальше.
Для устранения проблемы в содержимом файла single.php находим код, который выводит заголовок. В моем файле это отображалось вот так:
Нам нужно поменять теги h2 на нужные h1, а потом нажать кнопку «Обновить файл». Вот и все. Как видите сделать это проще простого. Вот как преобразился файл после необходимых изменений:
В вашем файле этот код может выглядеть несколько иначе. Однако это не так важно, здесь главное понять основной смысл.
Похожее редактирование (замену h2 на h1) также необходимо сделать с ещё одним файлом шаблона блога, который называется page.php. Именно он выводит страницы блога.
Я думаю, вы знаете, что блог на системе WordPress включает в себя различные записи и страницы. Функции, которые осуществляют их создание и редактирование располагаются в отличных друг от друга файлах и выводят информацию с помощью разных программных модулей.
Но эта информация просто для вашего понимания.
Итак, продолжим. После изменений в файле page.php код, который отвечает за вывод заголовков страниц моего блога, стал таким:
Однако и это ещё не все изменения, которые нужно было осуществить. Всё дело в том, что я выявил ещё один серьёзный недостаток.
Он заключался в том, что этот тег применялся для вывода заголовка всего блога, а это приводило к многочисленным с повторяющимся тегом h1. Поисковые системы подобную переоптимизацию не любят!
Редактирование шаблона для тега h1
Для того, чтобы отредактировать шаблон WordPress и убрать вывод тега h1 из заголовка блога необходимо внести изменения в файлы: header.php (файл вывода заголовка веб-ресурса) и style.css (файл стилей веб-ресурса).
Необходимо изменить в файле header.php:
Найдите этот код в файле header.php, который осуществляет вывод заголовка вашего сайта или блога, а затем вместо тега h1 вставляем тег абзаца p.
После изменения наблюдаем вот такую картину:
Редактирование файла style.css
Чтобы размер и вид шрифта заголовка блога остался без изменений, нужно внести изменения в style.css. Открывайте этот файл и ищите стили для h1. У меня они выглядят вот так:
Затем замените тег h1 на тег p и отредактируйте размер шрифта:
Html тег h1 для главной страницы блога
На главной странице блога тег H1 должен быть прописан в заголовке или описании блога, а H2 в заголовках статей.
Но как это осуществить? У нас ведь в записях главный тег используется для заголовков статей.
Открывает файл index.php для редактирования и находим строчку вида:
У вас она может отображаться несколько иначе, но смысл один и тот же. Здесь важно проследить, чтобы в этой строке был прописан тег h2, как на скриншоте вверху.
Если выводится через другой тег, — пропишите h2 и обновите файл.
Теперь про H1
Как я уже отметил, h1 должен быть прописан на главной странице в названии или описании блога. Он должен содержать ключевые слова, отражающие содержание всего веб-ресурса.
Но это не всё.
Если мы просто пропишем заголовок или описание блога через тег h1, то он будет отображаться на всех страницах многочисленных статей блога.
Это приведёт к дублированию тега h1, что не есть хорошо! Поисковики это не любят… Поэтому предлагаю своё решение.
Необходимо добавить условие в виде кода php, при котором этот тег будет прописываться в заголовке блога только на главной странице, а на других страницах в статьях будет отсутствовать.
А вот и само условие:
ваш заголовок или описание блога
} else { ?>< >заголовок или описание блога > } ?>Итак, открываем файл блога header.php и прописываем это условие в шапке блога.
У меня это выглядит таким образом:
Как вы можете заметить, для своего ресурса я заключил в тег h1 на главной странице описание блога «продвижение блога и заработок в интернете».
Вот в принципе и всё. Мы удачно произвели редактирование недоработок в бесплатном шаблоне.
Надеюсь, вы поняли, как нужно правильно использовать тег h1 на своём блоге, чтобы угодить поисковым системам.
В своих следующих уроках я расскажу о том, как правильно использовать теги h1, h2, h3 и h4 на своём веб-ресурсе. Так что подписывайтесь на обновления, чтобы не пропустить этот полезный материал.
До новых встреч. Пока!
Грамотный, бросающийся в глаза заголовок статьи способен привлечь внимание и посетителей на сайт. Это одна из важнейших составляющих при SEO-оптимизации интернет проекта. В данном посте я расскажу, что такое заголовки h1, h2, h3, h4, h5, h6 и как их прописать. Кроме того вы узнаете об основном заголовке страницы – title.
Но давайте обо всем по порядку.
Что такое title
И так, title – это специальный тег, расположившийся в начале html-кода, кратко описывающий содержимое определенной страницы сайта. По поводу заголовка title более объемно и подробно написано в этой статье .
В исходном коде основной заголовок выглядит следующим образом:
Данный вид заголовка, к примеру, на CMS Joomla создается в автоматическом режиме. То есть заголовок, который прописывается к каждому материалу и является тем самым заглавным заголовком title. Его важность для внутренней SEO-оптимизации сайта не преувеличена, поскольку именно его видит пользователь интернета в поисковой строке при определенном запросе.
Что такое заголовок h1
Заголовок h1 – это несколько грамотно структурированных словосочетаний, в которых вложен практически весь смысл излагаемого материала. Другими словами – это самый важный заголовок, расположившийся в начале страницы.
Тот же определенный набор слов, что и для title генерируется в h1 Joomla заголовок. Вот как он выглядит в исходном коде:
Кто такой фрилансер и как им стать
О том хорошо это или плохо, написано множество исчерпывающей информации, но все-таки конкретного определения нет. Вот что по этому поводу говорит небезызвестный блоггер Devaka.
Становится понятным, что движок Джумла, впрочем, как и остальные CMS во многом упрощает работу с сайтом, так как при создании заголовков нет нужды в правке html кода.
Остальные заголовки создаются непосредственно в текстовом редакторе. В зависимости от панели и набора активных элементов, выбирается определенная функция, которая в текстовом редакторе JCE именуется, как «Параграф». Переместив бегунок можно увидеть, что здесь вашему вниманию представлены все существующие заголовки, начиная от h1 и заканчивая h6.
Как прописать заголовок h1 и title
В сфере SEO-оптимизации существуют четкие правила по написанию основных тегов, а именно:
1. Ключевые слова . В глазах поисковиков грамотно изложенная выглядит куда перспективнее и привлекательней, если в начале ее заголовка title и h1 прописать слова, отвечающие ключевым запросам. Как их узнать? Для этого существует специальный онлайн сервис wordstat.yandex.ua .
2. Читабельность . Нельзя просто взять и повпихивать ключевики в заголовок. Текст должен быть естественным и при этом легко читаться, в противном случае поисковики посчитают такую выходку за спам. При написании заголовка h1 и title постарайтесь располагать ключевые слова, как можно ближе к их началу. Другое дело заголовки h1, h2, h3… Их можно склонять и разбавлять определенными тематическими словами.
3. Никаких дублей . Для того чтобы страницы сайта более высоко ранжировались в поисковой выдаче, в html коде не должно быть повторяющихся заголовков. Для проверки страниц, достаточно открыть сайт в браузере и нажать горячие клавиши Ctrl+U, а затем Ctrl+F. В окне поиска пропишите h1 и все присутствующие символы подсветятся желтым фоном.
4. Длина . В теге title допускается использование 70 символов, так как большее количество просто напросто не поместится в сниппете.
5. Уникальность . Каждый заголовок должен быть уникальным в пределах определенного интернет-проекта, таким образом, пользователям будет легче сориентироваться и найти именно то, что им нужно.
7. Разделительные знаки желательно не использовать.
Правильное использование тегов h2 – h6
Заголовки h2 – h6 помогают сориентироваться в изложенном тексте, делая материал более привлекательным в глазах читателей и поисковых ботов. Поэтому существуют некоторые неукоснительные правила при их создании, а именно:
Структура заголовков должна располагаться таким способом, чтобы образовывалась последовательная иерархия. Давайте посмотрим на наглядном примере. Допустим, автор пишет статью на тему «Вольная борьбе». В таком случае подзаголовки будут выглядеть следующим образом.
SEO разметка текста.. или семантическая верстка сайта.
Семантическая верстка сайта - за этим страшным определением скрывается одна простая истина: сайт должен быть не просто сверстан, а свёрстан логично! Так что можно сказать примерно так: семантическая верстка это - логичная верстка.
Для того что бы Вам было понятнее о чем идёт речь приведу несколько примеров где логика отсутствует..
Итак, плохие примеры:
- Использование заголовков
-
лишь с той целью чтобы увеличить или уменьшить размер буковок.. - Неуместное использование тегов логического форматирования , например, вместо текста г. Самара просто какой то текст, который никоем образом к адресу не относится.. например: Установка окон .
- Использование тегов для формирования списков
- И даже использование таблицы в качестве каркаса сайта (табличная вёрстка) вместо того чтобы использовать таблицу по её прямому назначению, а именно для вывода данных в табличной форме.. расписания движения электричек например.. это тоже НЕ семантическая верстка сайта.
Много всяких примеров приводить можно.. суть же одна: семантическая верстка - эта верстка, при которой каждый тег на странице работает по своему прямому назначению и никак иначе.
Думаю сейчас многие испугались "ааа.. у меня сайт таблицей свёрстан!", "а у меня меню сайта не является списком.." не пугайтесь сильно! конечно к "правильному" построению сайта нужно стремиться, но если по-другому никак не получается то можно чем то и пренебречь, однако некоторые вещи всё же лучше соблюдать!
Заострим внимание на правильной разметке текста, так как это наиболее важно для оптимизации сайта под поисковые системы..
Многие начинающие веб-мастера думают, что заголовки -
это всего лишь способ выделить текст размером, сделать его крупнее - это не так!! На самом деле теги
-
во-первых выделяют именно заголовки
в тексте, а во вторых выделяют их по степени "важности" например заголовок
Как создать сайт?
в глазах поисковых систем куда более важен чем заголовок
Как создать сайт?
и если бы это были заголовки двух разных страниц то при прочих равных условиях поисковая машина по запросу пользователя "Как создать сайт?"
выдаст в результатах поиска на первом месте ту страницу, в которой используется заголовок первого уровня
.
Однако не стоит хвататься переделывать все заголовки на Вашем сайте с ,
в ..
ни к чему хорошему в плане оптимизации это не приведёт! В идеале на странице должен присутствовать всего один заголовок первого уровня который как бы содержит в себе два-три заголовка второго уровня в которых в свою очередь "вложены" заголовки рангом поменьше и так далее.. структура документа должна иметь примерно такой вид:
То есть заголовки должны быть, как бы вложены друг в друга по степени важности и иметь древовидный вид. Сам же текст желательно разбить на параграфы с помощью тега
- где текст каждого абзаца несет в себе одну логическую часть текста.
Такая разметка текста легко "усваивается" поисковыми системами и другими программами работающими с HTML документами, например, позволяет выхватить один из параграфов для описания сайта в результатах поиска, не ломая голову где начинается и где заканчивается определённая логическая часть текста или учитывая уровни заголовка автоматически составить содержание документа.
Так как текст в заголовках -
имеет куда более большее значение для поисковых систем, да и просто для человека просматривающего страницу, нежели чем просто текст то их следует наполнять ключевыми словами!