Правила оформления заголовков h1 - h6 | Заметки вебмастера






Правила оформления заголовков h1 — h6 + Мой видеокурс + Итоги конкурсов

оформляем заголовкиПривет всем читателям моего блога! Рад Вас видеть!

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

Некоторое время назад я уже писал статью о правильном позиционировании заголовков в частности H1 и H2 — самых важных. В той статье я рассказал, как их правильно прописать.

Там же я говорил о серьёзной ошибке, которая присутствует во многих бесплатных шаблонах вордпресс. И показал, как ее можно исправить.

Вообще та статья про заголовки была написана в основном про два важных заголовка.

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

Основные правила оформления заголовков

Заголовки и их иерархия

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

Страница, оптимизированная должным образом, всегда содержит по порядку сверху вниз сначала наиболее важные заголовки «title и h1», а уже потом все другие менее важные «h2, h3, h4, h5, h6».

Если говорить о правильности, то идеальная страница должна выглядеть следующим образом:

<title> Заголовок страницы </title>

<h1> Заголовок поста </h1>

<h2> Заголовок второго уровня </h2>

<h3> Заголовок третьего уровня </h3>

<h4> Заголовок четвертого уровня </h4>

<h5> Заголовок пятого уровня </h5>

<h6> Заголовок шестого уровня </h6>

Употребление ключевых слов в заголовках

Как я уже говорил, одним из самых важных заголовков является Title – заголовок страниц. Он кстати высвечивается во вкладке браузера, а также зачастую отображается в поисковой выдаче.

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

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

Если возможно, то лучшим вариантом будет сделать Title более «вкусным», чтобы пользователи поисковых систем охотнее переходили на вашу страницу.

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

правильное оформление h1

В тег h1 нужно также включать ключевые фразы, но сам заголовок следует немного видоизменить от заголовка Title, если это возможно. Другие подзаголовки, такие как h1…h6 должны быть в соответствии с тематикой своего раздела.

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

Количество символов заголовка

Для бывалых блогеров и сайтостроителей не секрет, что в поисковой выдаче длина заголовков ограничена по количеству символов и числу строк.

Поэтому если пропишете слишком длинное название, то получится вот такая картина:

длинный заголовок

Вы сами видите, что такое название некорректно, поэтому что предложение не закончено.

Я уже упоминал ранее, что в выдаче поисковиков за вывод ссылок, как правило, отвечает тег Title. Я на своём блоге использую плагин Alli in One Seo Pack, который самостоятельно показывает допустимое количество символов в названии страницы при составлении Title:

Наличие ссылок в заголовках

Достаточно часто новички совершают одну большую ошибку – включают в заголовок своей статьи на сайте или блоге ссылку. Дело в том, что это в корне не правильно.

Дело в том, что любая ссылка предполагает, при нажатии на неё, переход на определённую страницу. В связи с этим недопустимо, чтобы в постах на страницах блога были  включены ссылки на эту же страницу. Это также касается заголовков данных постов.

Как оформлять заголовки для посетителей

Иерархия заголовков

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

Раньше, когда я только создал свой блог и загрузил на него бесплатный шаблон, то очень удивился одному моменту. Дело в том, что размеры тегов h1-h4 соответствовали, а вот шрифт был прописан, как попало!

К примеру, в h2 он был жирнее, чем в h1, а вот заголовки h5 и h6 прописывались меньше обычного текста в статье. Это был треш! Пришлось самому разбираться в этом и править коды в файле styles.css. И всё получилось как надо! Передаю привет тому, что писал мой бесплатный шаблон ))

Мотивируйте посетителя кликнуть по заголовку

Я уже ранее упоминал, но ещё раз повторю. Заголовки должны привлекать внимание пользователей и делать так, чтобы посетителям хотелось по ним кликнуть и перейти для того, чтобы прочитать подробности в вашей статье.

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

Знаки препинания в заголовках

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

Вопросительные и восклицательные знаки допустимы. Здесь всё ок, можно не переживать и пользоваться для выражения эмоций и повышения кликов по заголовку.

Многие неопытные ставят достаточно много восклицательных знаков в заголовках, а также в теле статьи. Скажу сразу, всё должно быть в меру. Не нужно пичкать пост знаками. Ставьте их там, где это реально необходимо для выражения эмоций, а не через каждое предложение.

Мой первый видеокурс и сбор подписной базы

Друзья, для многих уже не является секретом, что я недвно создал свой первый видеокурс, который называется «Как зарабатывать на партнёрских программах бесплатными способами». На боковой панели блога появился баннер, который ведёт на продающую страницу видеокурса:

Мой видеокурс

В видеокурсе я поделился своими практическими навыками и приёмами, при помощи которых я зарабатываю сегодня достаточно хорошо на партнёрских программах, чего и вам желаю. Действительно, техники потрясные и самое главное реально действуют и без вложений (максимум 100 рублей) и это читая правда.

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

Ну, да ладно об этом. Многие скажут ну и что. Ну, зарабатывает на партнёрках, ну, хорошие комиссионные…Но я хочу в этой статье Вам рассказать ещё об одной важной штуке. А именно как с помощью этих знаний можно набрать подписную базу совершенно бесплатно :-)

Да, да, Вы не ослышались! БЕСПЛАТНО! Что я сейчас и делаю параллельно с получением дохода на партнёрках))

И я хотел бы поделиться с Вами своими результатами.

Если вкратце, чтобы не лить воду, скажу, что набираю я подписчиков в свою рассылку на сервисе Smartresponder с помощью своей беспланой книги: «15 Простых способов заработка в интернете»:

бесплатная книга

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

Вот так я начинал собирать подписную базу с 15 октября по тематике «Заработок в интернете»:

подписчики на 15 октября

А вот что получилось через 45 дней — 1 декабря. (При этом я не потратил ни копейки в качестве рекламы):

подписчики на 1 декабря

А вот теже самые подписчики на сервисе Smartresponder. И это только начало:

подписчики сервиса смартреспондер

Получается 104 активированных подписчика за 45 дней. Более 2-ух подписчиков в день, которые хотят получать мои письма и остаются в списке! И всё на автомате (с помощью одной хитрой программы) и бесплатно!

Ну, как вам результаты? Может и не особо они стремительные, но прогресс налицо и притом я не вкладываю деньги для набора подписчиков! И это большой плюс!

Для тех, кто не в теме скажу, что на сегодняшний день в рунете 1 подписчик стоит от 30 до 100 рублей. И это реальность! Если не верите мне — спросите у людей, кто занимается лидогенерацией. А ещё лучше попробуйте их купить ))

Ну, да ладно, вот такие результаты пока на данный момент и они каждый день прогрессируют! Это мне нравится. А Вам? Что думаете на этот счёт? ))

Ну, да ладно, Вы пока думайте, а я расскажу о победителях конкурса комментаторов за ноябрь месяц и награжу их денежками за труды ))

Итоги конкурсов за ноябрь

Да, если честно, я обалдел! Такого ещё не было! Столько комментариев, просто атас)). Ну, да ладно, хватит эмоций, смотрите сами на скрин «Топа комментаторов»:

топ комментаторов за ноябрь

Действительно, ребята постарались капитально, за что я их сердечно благодарю! Спасибо Вам! Награжу Вас по полной, кто сколько заслуживает!

Итак, соласно скрину победителей трое и они занаяли следующие места:

1 место — Alexandr ( сайта/блога нет ) — 442 комментов

2 место — Екатерина ( сайта/блога нет ) — 281 коммент

3 место — Игорь ( vipinternetrabota.ru ) — 160 комментов

Да уж, небывалое количество комментов за месяц! Ребята молодцы! Каждый хочет подарочка от Деда Мороза к Новому Году в виде призов для Лучших комментаторов года моего блога :-)

Итак, здесь все понятно. Комментаторы получают как обычно по 200, 100 и 50 рублей соответственно занятым местам!

В конкурсе «Сотый комментарий» выиграл Александр и он получает дополнительно 100 рублей. Вот его коммент:

сотый коммент ноября

Подравляю, Александр! Да и вообще поздравляю всех победителей конкурсов ноября месяца. Мне даже страшно представить какая битва комментатров ожидается в декабре! Будет наверно жесть )) Каждый захочет получить приз в 800 рублей за первое место и звание «Лучший комментатор года» на блоге «Заметки вебмастера».

А есть ещё и второе и третье место!

Ну, что ж, посмотрим. Короче, будет весело )). Ладно, ребята, пока. Жду Ваших номеров кошельков Вебмани. До встречи в комментах :-)

Успехов Вам и Удачи
С Уважением,


Книга о заработке в интернете:
Книга о заработке в интернете

Комментариев к статье: 41

  1. Екатерина:

    Спасибо за приз! Номер кошелька R364030016878. Приятно было принимать участие в конкурсе!

    Ответить

    • Сергей Саранчин:

      Окей, Екатерина, сейчас перекину :smile:

      Ответить

  2. Екатерина:

    Да, битва была нешуточная! Декабрь обещает быть жарким! Желаю удачи всем комментаторам. :smile:

    Ответить

  3. Игорь:

    Поздравляю всех победителей конкурса.
    Сергей привет, кошелек R234206402543

    Ответить

    • Сергей Саранчин:

      Приветствую, Игорь!
      Окей, сейчас перекинем :arrow:

      Ответить

  4. Игорь:

    Кстати я в шоке ,столько комментариев.
    Ну Александр как будто откудато сорвался.
    Ну конечно заслужил и юбилейный комментарий :lol:

    Ответить

    • Сергей Саранчин:

      Да, комментов тьма :smile:
      Александр был в ударе :x

      Ответить

    • Alexandr:

      Мне сказали что в районе будут проводиться ремонтные работы по инету, насколько и когда выключат инет — не знают сами. Вот и пришлось.

      Ответить

  5. Alexandr:

    Сергей, приз получен! Спасибо за всё!

    Ответить

    • Сергей Саранчин:

      Отлично, Александр! И вам спасибо!

      Ответить

  6. Александр:

    Сергей, спасибо за статью и нужную информацию для меня лично, очень нужная информация!

    Ответить

    • Сергей Саранчин:

      Приветствую, Александр!
      Классно, что помог информационно. Желаю успеха в применении на практике :smile:

      Ответить

  7. Игорь:

    Сергей привет.
    Призовые получил,спасибо

    Ответить

    • Сергей Саранчин:

      Привет, Игорь! Отлично, спасибо за участие!

      Ответить

      • Игорь:

        Ну так значит продолжим комментировать :lol:

        Ответить

        • Сергей Саранчин:

          Успехов, Игорь, и больших призовых! :arrow:

          Ответить

          • Alexandr:

            Сергей, призовые получил. Не помню, сообщал об этом или нет.

            Ответить

          • Сергей Саранчин:

            Да, Александр, говорили. Всё ок тогда :cry:

            Ответить

        • Игорь:

          Спасибо Сергей.
          Ваши слова,да богу в уши.
          Ну и конечно постараться придется :lol:

          Ответить

          • Сергей Саранчин:

            :cry: Хехе. Ну да. везде нужно работать

            Ответить

          • Игорь:

            Сергей ну ты шустрый.Уже установил.
            Теперь зайди в редактирование плагина и поменяй английские слова на русские»Осталось дне»
            Удачи.

            Ответить

          • Сергей Саранчин:

            Ага, уже забацал, щас ещё подправим и всё ок! Классный плагин :cry: Спасибо ещё раз

            Ответить

          • Игорь:

            Что есть то есть.Вроде функций много,а весит не много.

            Ответить

          • Екатерина:

            Сергей, классное украшение блога и музыка подобрана в тему. Я первые несколько минут сидела и слушала новогодние мелодии. ))

            Ответить

          • Сергей Саранчин:

            Да, мне тоже нравится такое украшение :cry: Сразу праздничное настроение появляется :arrow:

            Ответить

          • Alexandr:

            Сергей, у меня один браузер сразу закрывается при открытии Вашего сайта, чего раньше не было. Угадаете причину?

            Ответить

          • Сергей Саранчин:

            Александр, возможно, это из-за новогоднего плагина. А что за браузер такой? :smile:

            Ответить

          • Alexandr:

            Да из за новогоднего плагина. У нас на работе вырубают кэширование медиа, чтобы на музыку и видео не отвлекались.

            Ответить

          • Сергей Саранчин:

            Понятно, не повезло вам :grin:

            Ответить

          • Alexandr:

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

            Ответить

          • Alexandr:

            Украшение красивое, но реализовано разработчиками плохо.

            Ответить

          • Екатерина:

            Сергей, а почему Вы не захотели участвовать в конкурсе Борисова «Укрась свой блог к НГ»?

            Ответить

          • Сергей Саранчин:

            Потому, что мне не очень нравится Борисов, после определённых моментов :oops:

            Ответить

          • Alexandr:

            Конкурсов к Новому Году проводится много, на всех не переучаствуешь.

            Ответить

          • Alexandr:

            Не нашёл про какой плагин Вы говорите.

            Ответить

          • Alexandr:

            Что за плагин, не тот дурацкий который с НГ поздравляет?

            Ответить

  8. Наталья:

    Ой. :shock: Не сразу поняла, откуда музыка взялась. Оказалось, ёлочную игрушку задела — красный шар. Интересно Вы украсили свой блог. :cry:
    У меня по теме поста один вопрос.
    Про точку в конце заголовка писали, что нет в этом ничего неправильного, чтобы её там ставить.
    Я привыкла заканчивать предложение точной, поэтому я всегда ставлю.
    Почему же всё-таки нельзя? :grin:

    Ответить

    • Сергей Саранчин:

      Да, Наталья, вот такое украшение сделал :arrow:

      А точку действительно нельзя ставить в конце заголовка даже по правилам копирайтинга и правилам русского языка.

      На этот счёт вы можете посетить форумы редакторов и корректоров в интернете и пичитать там про это :oops:

      Ответить

      • Alexandr:

        В учебнике русского языка такого правила нет. Точку не ставлю, раньше ставил.

        Ответить

  9. Валентин:

    Привет Сергей, впервый раз у тебя.Ой эти заголовки, главное тут не увлкаться, по мне так ключевик в тайтле, ну и максимум один раз в h2, в теле статьи в зависимости от размера, и то в разбавленном виде!

    Ответить

    • Сергей Саранчин:

      Приветствую. Валентин! Рад видеть тебя в гостях! Интересно было услышать твоё мнение по данному поводу

      Ответить


НАПИШИТЕ СВОЙ ПЕРВЫЙ КОММЕНТАРИЙ НА ЭТОМ БЛОГЕ И ПОЛУЧИТЕ ПОДАРКИ!

Нажимая кнопку "ОТПРАВИТЬ" комментарий, Вы принимаете пользовательское соглашение и подтверждаете, что ознакомлены и согласны с политикой конфиденциальности этого сайта.

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: