Теги h1 h2 h3 примеры. Нужно ли заголовки боковых блоков брать в h? Психологические приемы для составления привлекательного заголовка
Игорь
.
Обновление:Октябрь 6, 2012
.
Здравствуйте, уважаемые читатели! Продолжаю публикации в разделе и сегодняшний пост будет посвящен формированию заголовков html (теги h1-h6), а также способам форматирования html текста путем выделения необходимых слов или фраз (теги strong, b; em, i) и фрагментов текста (теги blockquote, pre).
Надо сказать, что данные инструменты очень часто бывают востребованными в работе вебмастера, поэтому я счел нужным о них рассказать, тем более, что правильное применение вышеназванных тегов html способствует успешной раскрутке проекта. Вообще говоря, вся информация, которую я предлагаю, очень важна, ее объем продуман, поэтому старайтесь ознакомиться с ней как можно ближе, ничего лишнего я стараюсь не давать.
Это касается как настоящего раздела, посвященного основам html, так и других рубрик. В рамках данной рубрики мы уже рассмотрели понятие , а также определение . Напомню очень важное правило: блочные теги могут содержать другие блочные элементы, однако размещать блочные теги внутри строчных категорически не рекомендуется.
Теги заголовков h1-h6
Уверен, многие из вас уже неоднократно сталкивались с тегами заголовков h1-h6, однако, возможно, некоторые недооценивают их важность с точки зрения seo. Дело в том, что эти теги играют не последнюю роль в деле и я постараюсь коснуться этого аспекта тоже. Название элементы h1-h6 получили от заглавной буквы английского слова "Header" (заголовок). Синтаксис заголовков в html коде выглядит следующим образом:
Содержание заголовка h1
Содержание заголовка h2
Содержание заголовка h3
Содержание заголовка h4
Содержание заголовка h5
Содержание заголовка h6
Прописывая этот кусок html кода при отображении в браузере мы получаем:
Самый верхний уровень 1, самый низкий - 6. Таким образом любой текст можно классифицировать с точки зрения его важности. Теги h1-h6 являются блочными, поэтому заголовок, определяемый ними, занимает все возможное пространство по ширине. Однако, несмотря на то, что эти элементы являются блочными, они не должны содержать другие блочные теги, только строчные. Если касаться оптимизации статей и всего ресурса в целом, то можно выделить несколько рекомендаций:
- наиболее важны с точки зрения ранжирования поисковыми системами, соответственно они наиболее востребованы и часто используемые. Рекомендуется заголовок тега h1 использовать один раз на странице (обычно он располагается на странице со статьей в качестве названия поста, у меня пока на блоге немного не так, но я собираюсь исправить ситуацию). Заголовок h2 применяется для подзаголовков, если материал большой и его надо разделить на логические части, h3 - для подзаголовков логических фрагментов этих частей; кроме того, h2 и h3 допускается использовать на главной странице и страницах категорий.
- Теги h4, h5, h6 применяются редко, поскольку слабо учитываются при ранжировании. Однако, если статья большая и необходимо выделить какие-то фрагменты для удобства читателей, то приходят на помощь и они (например, в объемном мануале в каждой из частей, определяемой элементом h3, требуется выделить логические куски с подзаголовком h4). Кроме того, теги h4, h5, h6 могут быть использованы для названий каких-либо блоков в сайдбаре, футере (подвале) и т.д.
- Желательно использовать заголовки h1, h2, h3 в обязательном порядке. Конечно, я не проводил анализа строгости поисковиков при несоблюдении этого правила, однако логично предположить, что это учитывается при ранжировании.
- Необходимо добавить, что в содержание заголовков, особенно h1-h3, в обязательном порядке должны входить ключевые слова, определяемые при , поскольку поисковые системы именно ключевым словам и фразам придают большое значение.
Ну, и само собой, использование тегов html заголовков, и это главное, делает материал более удобным для восприятия пользователями. Что касается атрибута align тегов h1-h6, то сейчас я о нем говорить не буду, поскольку он не рекомендуется к применению по правилам спецификации html. Как разнообразить внешний вид подзаголовков с помощью приемлемых методов, которые не нарушат , мы поговорим, когда приступим к изучению .
Форматирование текста при помощи специальных HTML тегов
Форматирование текста
- это выбор средств для его изменения, таких как редактирование шрифта или использование разнообразных эффектов. Во многих случаях правильное их использование вносит свою лепту в дело продвижения сайта.
Логическое и физическое форматирование - особенности использования каждого из них
Отмечу разницу между тегами логического и физического (визуального) форматирования. Физическое предназначено прежде всего пользователям, которое позволяет выделить для них важные участки текста. Логическое же делает акцент на выделенный текст поисковым машинам, которые учитывают этот участок при ранжировании.
Наиболее ярким примером служат strong и em, которые являются тегами логического форматирования, а соответственно b и i - физического форматирования. При отображении в браузере текста, обрамленного тегами strong и b (выделение жирным), em и i (выделение курсивом), визуальной разницы не ощущается:
Выделение текста жирным для поисковиков
Выделение текста жирным для пользователей
Выделение текста курсивом для поисковиков
Выделение текста курсивом для пользователей
Поговаривают, что значение тегов strong и em за последнее время серьезно упало и поисковые машины сейчас мало внимания им уделяют. Однако, я все-таки не советовал бы увлекаться их применением, отмечая ими ключевые слова, тем более, что существует разумная альтернатива в лице элементов em и i.
Какие еще есть теги, позволяющие форматировать текстовое содержание
Теперь еще несколько слов о других тегах форматирования текста, которые применяются крайне редко, но все же нужны, раз они существуют. Возможно, кому-то эта информация окажется полезной. Отмечу по обыкновению лишь те теги, которые соответствуют спецификации html 5. Начнем с тегов физического (визуального) форматирования (теги b и i рассмотрены выше).
- Small - служит для уменьшения размера шрифта на единицу, если сравнивать с обычным текстом.
Seo оптимизация сайтов, блогов, порталов.
Sub - текст отображается в виде нижнего индекса
H2O - химическая формула воды
Sup - отображение текста в виде верхнего индекса
X2=Y - математическая формула
Безусловно, это только некоторые элементы физического форматирования, однако я выбрал только те, которые валидны по отношению к html 5, остальные рекомендуется заменять стилями css, с которыми вскоре я вас ознакомлю. Далее приведу примеры тегов логического форматирования.
- Abbr - указывает на то, что данная последовательность символов является аббревиатурой. Расшифровка сокращения осуществляется с помощью атрибута title
и всплывает при подведении курсора к тексту.
HTML - язык гипертекстовой разметки
Cite - применяется для выделения цитат
Томми Дюар
Иногда шаг вперёд требует шага назад.
Code - применяется для отображения разнообразных кодов, например, кода скрипта
(function() {
var request, b = document.body, c = "className", cs = "customize-support",
rcs =new RegExp("(^|\\s+)(no-)?"+cs+"(\\s+|$)");
request = true;
b = b.replace(rcs, "");
b += (window.postMessage && request ? " " : " no-") + cs;
}());
Del - выделяет текст, перечеркивая его. Очень полезно, когда надо отметить текст, удаленный из новой версии документа. Применение этого тега позволяет отслеживать изменения, которые были сделаны в тексте.
До сих пор не было обновлений блога
Ins - выделяет текст, подчеркивая его. Показывает тем самым, что этот фрагмент текста был вставлен после опубликования документа.
До сих пор не было обновлений блога,
но теперь этот недостаток будет исправлен
1 элемент маркированного списка
2 элемент маркированного списка
3 элемент маркированного списка
Представленные выше теги логического и физического форматирования часто не встречаются при написании html кода, однако знание о них необходимо хотя бы для выяснения их роли в современном продвижении сайтов. Далее рассмотрим еще два тега форматирования текста html, которые играют не последнюю роль.
Как вставить цитату посредством blockquote и выделить текстовый фрагмент с помощью pre
Html тег blockquote служит для форматирования текста, выделяя цитаты внутри документа. Он достаточно распространен и часто используется при написании постов на сайтах и блогах определенной тематики. Вот пример:
Тег blockquote является парным и может включать в себя как блочные (например теги абзацев p), так и строчные элементы.
Абзац текста, заключенный в тег p
Абзац текста, заключенный в тег форматирования blockquote.
Он не имеет набора уникальных атрибутов, однако к нему могут быть применены . В каждой теме оформление цитаты в тексте может быть различным, это зависит от стиля и дизайна шаблона, который определяется стилями css, о которых я уже упоминал неоднократно и до которых обязательно доберемся в ближайшее время.
Ну, и напоследок еще об одном элементе форматирования, который достаточно часто бывает востребованным - теге pre
. Этот элемент позволяет отобразить предварительно отформатированный непосредственно в коде html фрагмент текста. Особенность отображения в браузере по умолчанию заключается в том, что любое количество пробелов, которые идут последовательно, передается на вебстранице как один. Тег pre помогает обойти эту специфическую особенность. То есть то и как вы написали, точно будет воспроизведено на странице, если участок текста заключен между открывающим и закрывающим тегами pre.
HTML форматирование текста
с помощью тега pre
тег pre - парный и блочный элемент
Точно в таком же виде текст отобразится в браузере:
HTML форматирование текста
с помощью тега pre
тег pre - парный и блочный элемент
Ну, вот, пожалуй, это все, о чем я хотел сегодня рассказать применительно к тегам заголовков h1-h6, а также основным элементам форматирования html текста. Продолжение обязательно последует, поэтому обязательно подписывайтесь на обновления блога , чтобы не пропустить свежие материалы. Ну а в заключение после длинной трудной статьи улыбнитесь, наблюдая за братьями нашими меньшими:
Желаете получать своевременно свежие актуальные и полезные статьи? Тогда можете подписаться:
Еще статьи по данной теме:
34
отзыва
- Сергей
Спасибо за подробную статью на актуальную тему, но сразу же возникают вопросы.
Прежде всего, заголовки, точнее, их непосредственное использование. Я встречал два мнения.
1. в коде должно быть название сайта, - заголовок статьи, - подзаголовки. Тег на странице должен быть единственным.
2. - заголовок статьи и название сайта, - подзаголовки.
Вы используете первый вариант, я - второй, но обосновать выбор самостоятельно не могу, поскольку так посоветовали.
Еще вопрос пот тегу strong - опять-таки, ходят слухи, что ПС начинают к нему относиться не просто индифферентно, но враждебно, точнее, к выделению им ключевого слова или фразы. В качестве альтернативы предлагается выделение предложения, содержащего ключ, полностью.
Я с некоторого момента вообще отказался от этого тега, но о результатах пока говорить рано.
- Сергей
прошу прощения, забыл, что движок вырезает теги:
1. в коде h1 должно быть название сайта, h2 - заголовок статьи, h3 - подзаголовки. Тег на странице должен быть единственным.
2. - h1 заголовок статьи и название сайта, h2 - подзаголовки.
- Василий
Игорь, я никак не могу понять, где находиться тег H1. У вас и у меня в шапке стоит изображение. У вас там есть этот тег. При анализе моего сайта одним сервисом, мне в результате сказали, что у меня вообще на сайте нет тега H1. Как его вообще вставить в шапку сайта?
- Игорь
Сергей, многое из того, что касается seo, постигается на практике путем экспериментов. Я не могу однозначно ответить на данный момент, что лучше, да никто не сможет. Нет универсального решения, все зависит от темы ресурса и его раскрученности. Но я понимаю Ваше беспокойство и стремление постичь истину. Как только у меня будут определенные данные по каждому пункту, сразу выложу их в публикации. Что касается тега strong, то, на мой взгляд, выделение ключевых слов или фраз один раз в статье не должно принести никакого вреда, все это ненужный ажиотаж.
- Игорь
Точно так. 🙂
- Игорь
Василий, я прописывал заголовок в функциях темы прямо в админке. Внешний вид - Темы, для моей темы там есть множество опций, с помощью которых можно отредактировать ту или иную область моей темы, в том числе вписать заголовок. А Вы, как я понимаю поменяли исходную шапку своей темы, не так ли? Причем поменяли полностью изображение, а на изображении уже было название Вашего ресурса. Вы же не прописывали h1 в шапку, откуда ему взяться. Посмотрите внимательнее в функциях вашей темы, может там тоже есть похожая функция. Там, где «Управление темами» посмотрите, должны быть ссылки, что-то типа «Настроить», «Опции темы» и уже там уже поищите ссылку на подобии «Название и описание сайта». В моей теме, например, очень многое можно изменить, даже цвета сайта и шапку, загрузив новое изображение. Отпишитесь в комментариях, как получилось.
- Василий
Да я поменял изображение в шапке. На тестовом сайте вернул оригинальное изображение. Все равно H1 нигде не нашел. Поставил очень похожую тему-близнеца, там тоже нет этого тега, только H2. Могут быть темы без тега H1? Потом поставил стандартную тему, на главной странице не нашел этот тега, а на странице тег H1 есть в название статьи. А как его добавить в шапку сайта не знаю.
- Игорь
Василий, почитайте внимательнее мой предыдущий ответ и через админ панель попробуйте прописать название сайта. Должна быть функция управления темой, у вас в css прописаны стили для заголовка h1, я посмотрел.
- Василий
В стандартной теме все есть. В настройках самой темы таких опций нет. Через
Админ-панель -> Темы -> Настройка и описание сайта. Там я написал Название сайта и
Краткое описание. Но тега h1 все равно нет. На тестовом сайте поставил заново эту
тему, вот адрес http://komp.vellisa.ru/. Можно зайти через Яндекс, так как он закрыт
от индексации. Раньше когда писал в Админ-панели название сайта, то оно добавлялось в шапку, но выглядело не красиво. Сейчас надписи почему-то не добавляются.
- Игорь
Василий, я исследовал Вашу проблему. Дело в том, что согласно стилям css Вашей темы, название, заключенное в теги h1, просто не помещается в шапку. Попробуйте сделать следующее. Если Вы работаете с браузером Chrome, подведите курсор к изображению в шапке и кликните правой кнопкой мыши, из контекстного меню выберите «Просмотр кода элемента». В нижней половине окна увидите код html именно этого изображения, это строчка будет выделена темно-синим цветом. Эта ссылка на изображение шапки Вашей темы. Справа будут представлены стили именно для этого элемента. Кликните правой кнопкой мыши по этой ссылке и из контекстного меню выберите «Delete node». Видите, элемент удалился? Надеюсь, Вы понимаете, что после перезагрузки браузера все станет на свои места, так что экспериментировать можно сколько угодно. Этот элемент у Вас заключен в контейнер <_div class="span-11">. После удаления ссылки на изображения останется ссылка на главную страницу. В качестве анкора этой ссылки пропишите любое слово, заключенное в теги h1, например, World. То есть выглядеть это будет примерно так: заключенная в контейнер span-11 ссылка на главную <_a_href vellisa.ru_=""><_h1>World<_><_>. И тут же увидите это слово на месте изображения (которое, кстати и не нужно, поскольку там название темы, как я понимаю. Попробуйте вместо этого изображения загрузить картинку меньшего размера и снова попробуйте через админку прописать название сайта. Если не получится, будем действовать более предметно.
- Василий
Игорь, спасибо большое за помощь. Удалил я элемент, дальше как вставить не очень понятно. Методом тыка вставлял это слово, не совсем получилось, но слово было. Изменения названия сайта не получается написать, изменяю, но в шапке ничего не отображается.
А вообще возможно сделать так, чтобы у меня на основном сайте осталась изображение какое там сейчас и как-то добавить теги h1?
- Игорь
Василий, немного терпения, сейчас слишком занят, как только решу проблему, не обещаю, но попробую помочь, ответ выложу в комментариях.
- Василий
Спасибо Игорь. Конечно я подожду, это не срочное дело.
- Евгений
Согласен теги н необходимая вещь и игнорировать их себе дороже. Если H1 H2 практически автоматом появляются на странице (заголовок статьи и сайта) то H3 стоит самому ручками прописывать в теле статьи.
На счет атрибута align к этим тегам спорный вариант. влияние его на продвижение пока не заметил, скорее его нет. нарушений сос стороны валидности тоже нет. Так что полагаю это на усмотрение каждого.
- Игорь
Евгений, влияния на продвижение атрибута align действительно пока нет, а вот что касается валидности, то Вы погорячились. Он не рекомендуется к использованию не только в соответствии со спецификацией html 5, но и даже в соответствии с html 4.01. Вместо этого атрибута рекомендуется использование аналогичного свойства text-align, которое прописывается в css.
- Игорь
Василий, извините, что долго пришлось ждать. Только-только немного разгрузился и вот решил Вашу проблему. Следуйте моим дальнейшим инструкциям, чтобы заголовок H1 появился в шапке. Для начала необходимо отредактировать Ваше изображение в шапке. Оно у Вас находится здесь: http://vellisa.ru/wp-content/themes/cooltext643525798.png , то есть в папке с текущей темой. Загрузите его на компьютер с помощью , например. Откройте его в любом графическом редакторе, даже простая программа paint подойдет. Там сотрите простым ластиком надпись "vellisa.ru". Если этого не сделать, то будет двойная надпись, либо надпись с h1 наложится на нее, будет выглядеть некрасиво. Затем откройте с помощью notepad++ файл header.php, который отвечает за шапку, найдите там строчку.
В данной статье рассмотрим особенности правильной расстановки тегов h1, h2…h6
(h сокращение от англ. слова heading – заголовок) и их влияние на оптимизацию сайта в целом. Если теги расставлены неверно, поисковым системам трудно получать информацию о размещенных на вашем сайте статьях и ключевых словах, которые они содержат. Теги дают возможность выделить заголовки и сделать Вашу статью более удобной для прочтения. Кроме того они обеспечивают преимущества вашего сайта в системе ранжирования, упорядочивая html код страницы.
Как определить, что Ваш сайт находится под фильтрами Google? Подробнее .
Заголовок Вашего сайта обозначает тег h1
. Он дает возможность понять поисковой системе название онлайн-ресурса. Например, сайт об аренде серверов. В главном названии будет выводиться именно данное название при поиске в системе. Не стоит путать h1 с тегом
(заголовком страницы), ведь <title> пишется в шапке страницы между <head></head>, в то время, когда h1-h6 указывают в «теле» страницы и заключают между тегов <body></body>.
</p>
<p><b><i>Как правильно составить <a href="/program/resiver-drs-4500-kak-peremestit-kanaly-rezultat-nazhatiya-knopki-budet/">главный заголовок</a> h1?
</i>
</b></p>
<ul><li><span>обязательное использование ключевых слов для продвижения;
</span></li>
<li><span>h1 используют один раз на одной странице, если размещать больше ПС может воспринять <a href="/how-to-open-file/top-lyudei-instagramm-instagram-v-cifrah-poleznye-dannye-fakty-i/">данный факт</a> как переоптимизацию;
</span></li>
<li><span>будет достаточно нескольких слов, не нужно помещать в данный тег все ключевики страницы;
</span></li>
<li><span>заголовок должен быть читабельным;
</span></li>
<li><span>мета тег h1 должен содержать только текст;
</span></li>
<li><span>h1 должен отвечать тематике, которая указана в <a href="/how-to-open-file/chto-takoe-anime-taitl-pravila-napisaniya-title-sbor-predvaritelnyh/">title данной</a> страницы;
</span></li>
<li><span>не перечисляйте <a href="/payment-system/podbor-klyuchevyh-fraz-instrumenty-dlya-podbora-podbor-minus-frazy/">ключевые фразы</a> через запятую, это усугубляет релевантность;
</span></li>
<li><span>делайте заголовок уникальным и тематическим, не делайте его копией Title;
</span></li>
<li><span>каждая страница должна содержать уникальные h1-h6, пытайтесь как можно качественней избегать любых повторений.
</span></li>
</ul><p>Для более качественного и профессионального продвижения вам понадобится аудит сайта. Как сделать самостоятельный аудит своего сайта? Об этом подробнее в .</p>
<p><b><i>Тег h2
</i>
</b><span>в зависимости от размера и содержимого страницы сайта можно использовать пару раз и он показывает подзаголовок h1. Значение <a href="/how-to-open-file/chto-takoe-teg-dannyh-chto-takoe-tegi-html-i-kakie-vidy-tegov-sushchestvuyut/">данного тега</a> несколько меньше чем h1, но его часто используют в качестве описания страницы. Тег h2 используют в качестве заголовка второго уровня, ним выделяют подзаголовки на страницы сайта. Но стоит отметить, что иногда специалисты по продвижению настоятельно рекомендуют использовать только один тег h2
</p>
<p><b><i>Тег h3
</i>
</b><span> также помогает сайту подняться по запросам в поисковой системе. В большинстве случаев его используют непосредственно в статье в качестве подзаголовков (3-5 штук в статье). Он придает значения ключевым словам.
</p>
<p><b><i>Теги h4, h5, h6
</i>
</b><span> не имеют весомого значения и влияния. На практике они вовсе редко используются. Текст, который оформлен данными тегами, будет ранжируваться где-то чуть ниже, чем текст, который выделен жирным шрифтом (<a href="/word/zagolovki-html-tegi-h1-h6-html-formatirovanie-teksta-tegi-strong-b-em-i/">тегом strong</a>). Данные теги предназначены для мелких элементов на странице. Их обычно отделяют от остального текста. По сравнению с h1 их можно размещать на странице по несколько раз.
</p>
<p><b><i>Правила написания текста заголовков h1,h2,h3,…,h6
</i>
</b></p>
<p>Из чего должны состоять заголовки h1-h6:
</p>
<ol><li><span>прямое вхождение ключевого слова в заголовке, которое повысит релевантный запрос в поисковой выдачи;
</span></li>
<li><span>уникальный заголовок по отношению других страниц сайта, так как одинаковые заголовки могут не учитываться ПС;
</span></li>
<li><span>если заголовок находится близко к html-коду, то его значение относительно других элементов страницы значительно увеличивается;
</span></li>
<li><span><a href="/word/servis-dlya-sozdaniya-klyuchevyh-slov-programma-dlya-podbora-klyuchevyh-slov/">ключевое слово</a> должно быть как можно ближе к началу заголовка;
</span></li>
<li><span>длина заголовка не должна превышать 60 символов, так как <a href="/excel/kak-v-vorde-napechatat-dlinnyi-zagolovok-sozdanie-stilei-dlya/">длинный заголовок</a> не будет воспринят поисковиком;
</span></li>
<li><span>исключить из заголовка грамматические ошибки;
</span></li>
<li><span>заголовки проверяются на переоптимизацию, поэтому не стоит помещать как можно больше ключевых слов в один заголовок.
</span></li>
</ol><p><b><i>Что писать и как правильно заполнять. Практические советы.
</i>
</b></p>
<p>Успешность оптимизации сайта во многом зависит от того, как прописаны теги. Поэтому следует придерживаться <a href="/excel/programma-dlya-sozdaniya-rospisi-onlain-vvedenie-novyh/">следующих правил</a> написания тегов:
</p>
<ul><li><span>соблюдать иерархию тегов, то есть h1 должен быть выше остальных, другие заголовки по порядку уровней;
</span></li>
<li><span>чем больше уровень тем должен быть больше шрифт заголовка, то есть придерживаться градации шрифтов;
</span></li>
<li><span>отказаться от всего лишнего и ненужного в заголовках – акцентирующих тегов и ссылок, только текст;
</span></li>
<li><span>не нужно злоупотреблять h1,h2,h3,…,h6. <a href="/download-soft/vidno-li-u-feisbuke-kto-tebya-poseshchal-spryach-svoi-onlain-status-ot/">Огромное количество</a> важных элементов на странице воспринимается поисковыми роботами как переспам.
</span></li>
<li><span>в качестве заголовка может быть даже картинка, например, с логотипом, которую соответствующим образом оптимизируют.
</span></li>
</ul><p>Важно отметить, что наличие на страницы сайта всех уровней заголовков не <a href="/internet/tele-2-sluzhba-znakomstv-684-kak-upravlyat-uslugoi-eto-obyazatelnye-usloviya/">обязательное условие</a>. В большинстве случаев вполне достаточно h1, h2, h3, а применение остальных может и навредить, если ними выделять и вовсе неважные элементы текста страницы.
</p>
<p>Надеемся наши советы помогли Вам разобраться с особенностями тегов h1, h2, h3,…, h6 и в их роли в правильном структурировании контента на сайте. Если возникнут <a href="/internet/kak-otklyuchit-servisnye-sms-na-tele2-voprosy-ot-abonentov-dopolnitelnye/">дополнительные вопросы</a>, обращайтесь! Также рекомендуем статью ““.
</p>
<p>Чтобы ваш сайт не выглядел спамным в глазах поисковой системы, придерживайтесь нескольких , которые касаются написания тегов и не только.
</p>
<p>СЕО не работает? В чем может скрываться причина. Об этом в следующей на нашем блоге.<br></p>
<p>Компания <b><i>Hyper
Host™
</i>
</b> – только и .
</p>
<p>22022 раз(а)
<span>4 Сегодня просмотрено раз(а)
</p>
<p>Возникает вопрос, как же одни сайты получают преимущество над другими, обходят их в выдаче? Ведь инструменты оптимизации используются одни и те же. Ответ, казалось бы, очевиден: за счёт <a href="/payment-system/seo-prostym-yazykom-chto-takoe-seo-vnutrennyaya-i-vneshnyaya-poiskovaya/">внешней оптимизации</a>, и её безграничного ресурса. Однако, дело не только в этом. </p><p>Существуют и более сложные этапы <a href="/windows/dublirovannyi-kontent-samaya-rasprostranennaya-oshibka/">внутренней оптимизации</a>, которые многие вебмастера игнорируют. Я говорю, прежде всего, о расстановке заголовков h1-h6. В большинстве своём, они расставлены неправильно, или же по одному образцу, без учёта специфики сайта. Только самостоятельная расстановка этих заголовков поможет добиться <a href="/payment-system/gostevoi-blogging-ot-a-do-ya-gostevoi-post-kak-dobitsya/">максимального эффекта</a>. О том, что такое заголовки h1-h6, зачем они нужны и как лучше расставить их, я расскажу в этой статье.</p><p>Теги h1-h6 используются для выделения наиболее <a href="/word/samaya-vazhnaya-chast-kompyutera-chto-vhodit-v-sostav-kompyutera/">важных частей</a> текста. Их так же называют тегами акцентирования. Они ориентированы, в основном, на поисковые системы, давая им понять, какие части текста содержат более точную информацию о теме статьи, её ключевых словах. Использование тегов h1-h6 даёт возможность получить преимущество при ранжировании поисковой системой сайтов. Однако для этого необходимо использовать их грамотно.</p><p>В теории всё достаточно просто: заголовок первого уровня (h1) используется для выделения названия сайта. Заголовок второго уровня (h2) акцентирует внимание поисковой системы на названии статьи. Заголовки третьего уровня (h3) выделяют подпункты статьи, заголовки h4, h5 и h6 могут использоваться по усмотрению, выделяя как <a href="/internet/chto-oznachaet-slovo-imho-chto-znachit-slovo-imho/">значимые слова</a> в тексте, так и заголовки сайт-бара и другие значимые элементы. На деле же всё немного сложнее: не всегда имеет смысл расставлять заголовки так, как это описано выше. Например, если вы продвигаете только <a href="/word/how-to-change-the-orientation-of-one-page-in-a-word-writer-change-the-orientation-of-individual-pages/">отдельные страницы</a> сайта (как это делается в случае с блогами), то нет никакого смысла заключать название сайта в тег h1, этот тег лучше приберечь для названия статьи, так как именно оно несёт основную тематическую нагрузку. Теги h2 можно использовать для выделения подпунктов . Остальное по аналогии. Иными словами, схем расстановки тегов h много, вам необходимо проанализировать свой сайт, специфику его продвижения, и расставить заголовки в соответствии с вашими выводами.</p><p><b>Почему то, о чём я говорю так важно?
</b> Сейчас многие пользуются <a href="/excel/kak-sozdat-svoi-onlain-kursy-bolshoi-obzor-platform/">бесплатными платформами</a> для ведения сайтов, или же используют <a href="/internet/kak-bystro-udalit-vse-pisma-s-pochty-ubrat-vneshnie-ssylki-iz-novogo/">стандартные шаблоны</a>. В них очень часто заголовки расставлены из рук вон плохо, это сильно ограничивает возможности внутренней оптимизации. Единожды разобравшись со всем сам и сделав всё правильно, получаешь <a href="/program/nedorogie-kitaiskie-smartfony-s-horoshei-kameroi-kitaiskii/">большое преимущество</a> на будущее.</p><p>Итак, существует несколько правил расстановки заголовков h1-h6. Представлю их ниже.</p><p>Картинка кликабельна
</p><p><b>1.
</b> Структура заголовков. Это самое важное из правил. Заголовки более <a href="/download-soft/samouchitel-po-programmirovaniyu-dlya-blondinok-programmirovanie--/">высокого уровня</a> (чем <a href="/download-software/kakoi-id-u-dereva-id-vseh-predmetov-v-mainkraft-kak-stavit-malenkie/">меньше цифра</a> – тем выше уровень) должны находиться на странице выше. То есть, заголовок h1 всегда должен располагаться выше заголовка h2, а он, в свою очередь, выше заголовка h3. И так далее.<br><b>2.
</b> Размер шрифта заголовков. Это тоже обязательное условие. Чем выше уровень заголовка – тем больше должен быть шрифт. Заголовок h1 будет иметь самый <a href="/windows/v-soobshcheniyah-bolshoi-shrift-kak-ubrat-menyaem-razmer-shrifta-v/">большой шрифт</a>. Шрифты заголовков редактируются в стилях. Впрочем, они обычно по умолчанию имеют правильные размеры.<br><b>3.
</b>Теги h не должны содержать в себе ничего, кроме текста. То есть, заключать в них картинки, ссылки и другие элементы контента категорически не рекомендуется.<br><b>4.
</b> Не допускается использование тегов h вместе с другими тегами акцентирования.<br><b>5.
</b> Так как теги h1-h6 акцентируют внимание поисковой системы на <a href="/excel/heshtegi-v-instagramm---samyi-vazhnyi-element-v-raskrutke-instagram-akkaunta-gde-i/">важных элементах</a> страницы, такое акцентирование должно быть обоснованным. Выделенный участок текста должен содержать ключевые слова или фразы, иначе можно сбить с толку поисковую систему, тем самым только навредив.<br><b>6.
</b>Тег h1 используется на одной странице только один раз. Иных вариантов не допускается.</p><p>Как видите, ничего сложного. Гораздо важнее описанные выше рекомендации по правильной расстановке акцентов. На каждой странице совсем не обязательно использовать все теги акцентирования, достаточно первых <a href="/program/za-laiki-platyat-dengi-neskolko-poleznyh-sovetov-kak-uvelichit-zarabotok-na/">трёх уровней</a>. Стоит отметить, что для грамотной расстановки заголовков могут понадобиться некоторые знания в html. Первая заповедь вебмастера – не навреди. Поэтому если таких знаний нет, то лучше поручить это дело кому-то другому.</p><p><u>Основное сказал.
</u> К сожалению, описать все <a href="/how-to-open-file/obshchenie-na-nemeckom-yazyke-onlain-frazy-na-nemeckom-formuly-dialogi-situacii/">возможные ситуации</a> не могу. Чтобы обойти конкурентов, нужно не только качественно проводить каждый этап оптимизации, но и не упускать ни один из этапов. Только тогда вы и ваш сайт добьётесь успехов. На этом статью завершаю. Удачи! </p>
<h2>SEO разметка текста.. или семантическая верстка сайта.</h2>
<p>Семантическая верстка сайта - за этим страшным определением скрывается одна <a href="/windows/kak-pomenyat-parol-cherez-prilozhenie-mail-kak-izmenit-parol-v-maile-prostye/">простая истина</a>: сайт должен быть не просто сверстан, а свёрстан логично! Так что можно сказать примерно так: семантическая верстка это - логичная верстка.</p>
<p>Для того что бы Вам было понятнее о чем идёт речь приведу несколько примеров где логика отсутствует..</p>
<p>Итак, плохие примеры:</p>
<ul><li>Использование заголовков <b><h1> - <h6>
</b> лишь с той целью чтобы увеличить или уменьшить размер буковок..</li><li>Неуместное использование тегов логического форматирования , например, вместо текста <b><address>г. Самара</address>
</b> просто какой то текст, который никоем образом к адресу не относится.. например: <b><address>Установка окон</address>
</b>.</li><li>Использование тегов для формирования списков <b><ul> <ol> <li>
</b> для простой декорации текста или например для создания отступов в тексте.. и наоборот формирование некого списка, перечня например того же меню сайта с помощью других тегов.</li><li>И даже использование таблицы в качестве каркаса сайта (табличная вёрстка) вместо того чтобы использовать таблицу по её прямому назначению, а именно для вывода данных в <a href="/excel/how-to-build-a-network-graph-time-parameters-of-network-charts-and-their-symbol/">табличной форме</a>.. расписания движения электричек например.. это тоже НЕ семантическая верстка сайта.</li>
</ul><p>Много всяких примеров приводить можно.. суть же одна: семантическая верстка - эта верстка, при которой каждый тег на странице работает по своему прямому назначению и никак иначе.</p>
<p>Думаю сейчас многие испугались "ааа.. у меня сайт таблицей свёрстан!", "а у меня меню сайта не является списком.." не пугайтесь сильно! конечно к "правильному" построению сайта нужно стремиться, но если по-другому никак не получается то можно чем то и пренебречь, однако некоторые вещи всё же лучше соблюдать!</p>
<p>Заострим внимание на правильной разметке текста, так как это наиболее важно для оптимизации сайта под поисковые системы..</p>
<p>Многие начинающие веб-мастера думают, что заголовки <b><h1> - <h6>
</b> это всего лишь способ выделить текст размером, сделать его крупнее - это не так!! На самом деле теги <b><h1> - <h6>
</b> во-первых выделяют именно <b>заголовки
</b> в тексте, а во вторых выделяют их по степени "важности" например заголовок <b><h1>
</b><b>Как создать сайт?
</b><b></h1>
</b> в глазах поисковых систем куда более важен чем заголовок <b><h6>
</b><b>Как создать сайт?
</b><b></h6>
</b> и если бы это были заголовки двух <a href="/payment-system/php-redirekt-na-raznye-stranicy-po-vremeni-kak-v-php-zadat-redirekt-na-drugoi/">разных страниц</a> то при прочих равных условиях <a href="/word/chto-ocenivali-pervye-poiskovye-mashiny-poiskovye-mashiny-i-katalogi/">поисковая машина</a> по запросу пользователя <b>"Как создать сайт?"
</b> выдаст в результатах поиска на первом месте ту страницу, в которой используется заголовок первого уровня <b><h1>
</b>.</p>
<p>Однако не стоит хвататься переделывать все заголовки на Вашем сайте с <b><h2>,<h3>..<h6>
</b> в <b><h1>
</b> ни к чему хорошему в плане оптимизации это не приведёт! В идеале на странице должен присутствовать всего один заголовок первого уровня который как бы содержит в себе два-три заголовка второго уровня в которых в свою очередь "вложены" заголовки рангом поменьше и так далее.. структура документа должна иметь примерно такой вид:</p>
<p>То есть заголовки должны быть, как бы вложены друг в друга по степени важности и иметь древовидный вид. Сам же текст желательно разбить на параграфы с помощью тега <b><p>
</b> - где текст каждого абзаца несет в себе одну логическую часть текста.</p>
<p>Такая разметка текста легко "усваивается" поисковыми системами и другими программами работающими с HTML документами, например, позволяет выхватить один из параграфов для описания сайта в результатах поиска, не ломая голову где начинается и где заканчивается определённая логическая часть текста или учитывая уровни заголовка автоматически составить содержание документа.</p>
<p>Так как текст в заголовках <b><h1>- <h6>
</b> имеет куда более большее значение для поисковых систем, да и просто для человека просматривающего страницу, нежели чем просто текст то их следует наполнять ключевыми словами!</p>
<p>Здравствуйте, дорогие читатели. Сегодня хочу уделить особое внимание теме заголовков в тегах h1 h2 - h6, т.к. в ближайшее время планирую (как и обещала) несколько практических статей по редактированию заголовков в шаблонах. Но прежде, чем осваивать что-либо на практике, я считаю, нужно пусть не знать, но понимать теорию. Давайте с самого начала определимся с понятиями, с тем, что такое заголовок в HTML документах, заголовок на сайте, странице.</p>
<p>Все мы с вами знаем русский язык, и что касается общепринятого понятия <b>заголовок
</b> – вопросов быть не должно. Заголовок - это то слово или фраза, которая обобщает весь смысл какого-то текста, информации, которые идут после него.</p>
<p>Как любая книга начинается с заголовка, так и любой документ в интернете имеет свой заголовок.</p>
<p>Но если мы, открывая книгу, понимаем, что вот эта фраза является заголовком, потому что имеет более большой или жирный шрифт, то на интернет страницах действуют немного свои правила. В интернете слово заголовок имеет несколько значений и применяется в разных целях. Поэтому, необходимо знать и понимать, о каком именно заголовке идет речь, и что именно вам нужно.</p>
<p>Первое и самое главное, в чем мы должны разобраться, это в том, что в HTML документе есть три разных понятия заголовка.</p>
<p>Любой документ включает в себя три основных HTML тега:</p>
<p><b><html>
</b><br><b><head>
</b><br>
Здесь находится техническая информация о документе +<br>
заголовок страницы в тегах<br><b><title>
</b>Заголовок страницы<b>
Здесь находится основное содержимое сайта, статьи, которые имеют заголовки в тегах:
Заголовок сайта или статьи
Заголовок статьи
Подзаголовок статьи
Другие блоки с информацией
Другие блоки с информацией
Другие блоки с информацией
