Используем теги h1-h6 в продвижении своего сайта

  Введение в теорию HTML-разметки

Данный пост я посвящаю владельцам интернет-сайтов, начинающим осваивать азы сайтостроения. Простой потребитель интернета также найдет кусок нужных ему сведений, отчасти в области познания теории работы роботов (тьфу, очередной каламбур). Как всегда, пишу без терминов и умных слов для больших слоев.

Сегодня мы поговорим о языке разметки для веб-страничек: что это и для чего это нужно?

Распространенный и стандартный язык разметки - это HTML, «язык разметки гипертекста». Это набор специальных символов и знаков, который интерпретируется браузерами и отображается на экране монитора в виде документа в удобной для человека форме.

html

 Открыв исходный код просматриваемой в браузере страницы, мы видим, что весь текст обрамлен специальными html кодами (выделены синим цветов)

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

С помощью нехитрой HTML-разметки текст выглядит для читателя удобнее. И пожалуй, это основная функция HTML-разметки, но не последняя.

Практическое применение HTML-разметки

HTML-разметка делает текст не только красивее, она еще помогает поисковым роботам... понимать и правильно сортировать текст на веб-страницах. Поскольку веб-пауки еще не научились "понимать" прочитанное в буквальном смысле слова, неоценимую помощь в сортировке текста им оказывает как раз HTML-разметка. И не понимание этого механизма сводит всю работу копирайтеров, рерайторов и копипастеров практически на "нет" (абсолютный ноль).

Как правильно подать текст поисковым системам? Как правильно оформить текст для быстрого его переваривания пауками и прочими комбайнами в интернете?

Использование тегов h1 и h6 в продвижении сайта

Здесь мы рассмотрим наиболее весомый в этой категории тег: h1-h6. Если вы хотите "писать" в интернете правильно, вы должны правила написания этих тегов выучить раз и на всю оставшуюся быстротечную, но интересную жизнь.

h1-h6 - обязательный атрибут грамотной статьи/страницы/текста. Его использование не столько украшает веб-страницу (визуальное оформление), как ее правильное "прочтение" поисковыми роботами. Разумеется, все это актуально, если вы пишите статьи для людей и хотите чтобы эти статьи читали люди (которые впоследствии найдут вашу статью по поисковой фразе в строке поискового сайта). Если вы пишите статьи исключительно для себя, забудьте про теги h1-h6.

Если вам нужен поисковый трафик и целевые читатели вашего текста, тогда запоминаем простые правила:

  1. Теги h1 - h6 обязательны для каждой публикуемой в интернете статьи.
  2. Тег h1 - используется ОДИН раз в названии (заголовок) статьи.
  3. Тег h2 показывает подзаголовок тега h1. На странице может быть несколько тегов h2
  4. Тег h3 показывает подзаголовок тега h2. Может использоваться несколько тегов h3
  5. В таком же порядке используем h4, h5 и h6 (если конечно требуется - для больших и сложных текстов).
  6. Текст, заключенный в теги h1 - h6 должен быть минимальным/лаконичным и отражать суть нижесодержащегося под ним текста.
  7. Не злоупотребляйте тегами h1 - h6 (поисковые роботы вам благодарны, что вы делаете для них разметку, но когда вы намеренно вводите их в заблуждение, это воспринимается как заспамленность текста заголовками и ничего хорошего вам ждать не придется). Вполне возможно, что-то кто-то и научился обманывать поисковых роботов хитрым использованием HTML-разметки, выдавая им некачественный контент за качественный, но все такие методы быстро устаревают с усложнением поисковых алгоритмов.

Пишем правильно теги h1 и h6

Вот еще некоторые уточнения, которые помогут лучше понять вышесказанное:
- Статью h1 мы можем разбить на несколько частей, каждая из которых озаглавлена заголовками h2. Те, в свою очередь разбиты на 2-3 пункта h3. Это наиболее распространенный вариант грамотно написанной статьи. Схематически это может выглядеть примерно так:

<h1>О рыбах</h1>

<h2>Рыбы плавающие</h2>

<h3>Рыбы плавающие с плавниками</h3>

описываем такие рыбы

 <h3>Рыбы плавающие без плавников</h3>

описываем такие рыбы

<h2>Рыбы ползающие</h2>

<h3>Ползающие рыбы с ногами</h3>

описываем такие рыбы

 <h3>Ползающие рыбы с ластами</h3>

описываем такие рыбы

<h2>Рыбы летающие</h2>

<h3>Летающие рыбы в атмосфере</h3>

Описываем атмосферные летающие рыбы

 <h3>Летающие рыбы в стратосфере</h3>

Описываем стратосферные летающие рыбы

<h4>Одноглазые стратосферные летающие рыбы</h4>

Если есть такие :) то описываем их здесь

<h4>Стратосферные летающие рыбы-пираньи</h4>

Фантастика, но что поделаешь, если нужен пример для чайников :)

- данная статья об использовании тегов h1 - h6 в продвижении своих публикаций в интернете написана с использованием таких тегов, то есть содержит пример сама в себе.

На этом разрешите откланяться, будут вопросы, задавайте.

Оцените материал:
Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (3 голоса, рейтинг: 4,67 из 5)
Загрузка...

Вячеслав - типичный интернетчикВячеслав Скоблей (ака files) - типичный интернетчик. Скитаюсь интернетом, пишу на PHP, увлекаюсь созданием веб-сайтов на Wordpress, решаю многочисленные проблемы, которые до появления интернета не существовали...

Специализируюсь на безопасности сайтов: защищаю сайты от атак и взломов, занимаюсь лечением вирусов на сайтах и профилактикой...

Наверняка у Вас есть вопросы, просьбы или пожелания. Не стесняйтесь спросить, я отвечаю всегда быстро...

10 комментарий

  1. Таня says:

    ТЕКСТ ИНТЕРЕССНЫЙ И ЛЕГКИЙ К ВОСПРИЯТИЮ!СПАСИБО

  2. Андрей says:

    Полезная статья ...все понял... спасибо))

  3. Игорь Э. says:

    Все понятно...

  4. Сергей says:

    Теги заголовков больше трех уровней можно применять разве что в очень большом и сложноструктурированном тексте. Можно даже сказать - на целую книгу, и то не художественную, а скорее справочник :).
    Так, как у автора поста - вполне нормально. Спасибо, интересно было почитать.

  5. Все написано понятно. ))))))))))))))))

  6. Игорь says:

    Понял. Спасибо!

  7. Игорь says:

    Самостоятельное строительство русской бани – h1
    строительство русской бани - h2
    строительство русской бани своими руками - это будет h3?
    строительство русских бань под ключ - это будет h3?

    1. Вячеслав says:

      Игорь, здравствуйте. С удовольствием отвечаю на ваш вопрос.
      Поскольку в "строительство русской бани" (h2) описываются различные варианты строительства русской бани, то схему вы построили правильно.

      Единственное замечание, что h1 и h2 несут одинаковую смысловую нагрузку, то есть можно было обойтись в данном случае всего лишь схемой: h1, в которой два пункта h2: строительство русской бани своими руками и строительство русских бань под ключ

  8. Игорь says:

    Красиво, доступно написано. Пока все понятно.

  9. Статья очень нужная, для новичков которые пишут статьи и не применяют теги Н2, Н3 - Н6, Очень понятливо написана статья, пять балов и зачет.

    Приятно когда читаешь профессиональные статьи. Хорошо пишите вот читал Вашу статью "Вначале была MS — DOS 6.22" а много людей даже о таком не слышали.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *