Сайт о телевидении

Сайт о телевидении

» » Теги h1 h2 h3, все о заголовках и подзаголовках. Заголовки html (теги h1-h6), html форматирование текста (теги strong, b, em, i, blockquote, pre)

Теги h1 h2 h3, все о заголовках и подзаголовках. Заголовки html (теги h1-h6), html форматирование текста (теги strong, b, em, i, blockquote, pre)

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

Всего тегов заголовков существует шесть. Это h1, h2, h3, h4, h5 , h6. Эти теги применяются для форматирования текста на странице. H1 самый весомый среди них как для посетителе, так и для поисковиков.

Приветствую Вас на страницах . В этой статье поделюсь с Вами некоторыми моментами при использовании заголовка H1 на страницах блога под управлением CMS WordPress.

Тег H1 — значение для продвижения

Поисковые системы используют слова и фразы, применяемые в этом теге, для определения релевантности страниц поисковому запросу. Этот тег является одним из наиболее значимых элементов релевантности. При оптимизации текста страницы важнее тега H1 поисковые системы ценят только тег TITLE.

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

Правила заполнения заголовка H1

Для получения хорошего результата при продвижении страниц сайта следует выполнять следующие правила его заполнения:

  1. Каждая страница должна содержать ОДИН тег H1.
  2. Тег должен содержать одно ключевое слово, по которому продвигается страница.
  3. Содержимое заголовка H1 должно быть уникальным для каждой страницы.
  4. Тег H1 не должен быть гиперссылкой.
  5. Желательно, чтобы тег не содержал классов, идентификаторов и других CSS элементов, а был в «голом» виде.
  6. Не рекомендуется использовать в содержимом знаков препинания, запятых, двоеточий и так далее.
  7. Размер тега не должен быть более двух предложений, лучше одно.

В html-коде заголовок страницы должен выглядеть таким образом:

Тег H1 это заголовок страницы

Наиболее типичные грубые ошибки – это отсутствие тега H1 на странице или присутствие более одного заголовка. Такие ошибки обычно характерны для страниц разделов, в которых перечислены статьи, входящие в эти разделы.

Контроль заполнения тега H1 по всему сайту проводится в рамках . Для проведения такого аудита есть немало достойных инструментов. Я же порекомендую Вам сервис от Мегаиндекса – audit.megaindex.ru .

Тег H1, применение в WordPress

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

Эта же недоработка обнаружилась и на моем блоге, после того как я создал при помощи программы Artisteer. При просмотре HTML-кода было обнаружено, что все заголовки страниц выводятся с тегом H2.

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





Меняем выделенные красным цветом теги h2 на необходимые h1 и файл single.php исправлен и готов к использованию. Оказалось, что это довольно просто, поменял пару символов и готово. Теперь этот блок стал выглядеть так:





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

Аналогичные изменения мне пришлось проделать с еще одним файлом темы page.php , который отвечает за вывод страниц блога. Как известно блог на CMS WordPress содержит записи и страницы.

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

В итоге отрезок кода в файле page.php , который выводит заголовок страницы стал выглядеть вот так:


» rel=»bookmark» title=»»>


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

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

Тег H1, корректировка шаблона WordPress

В конце концов решил подправить эту недоработку, тем более, что хлопот больших это не принесло. Сейчас я Вам обо всем подробно доложу.

Для этого надо было внести поправки всего в два файла.

Первый header.php — это файл вывода заголовка блога.

Второй style.css — файл описания стилей блога.

Изменения header.php

Находим в header.php фрагмент, который выводит заголовок блога и меняем тег заголовка h1 (выделил красным цветом те символы, которые изменяю) на тег абзаца p . В результате получили такой код.

Изменения в файле style.css

Синим цветом я выделил наименование класса css, который нам придется подправить в файле style.css , чтобы шрифт и размер вывода заголовка блога остался прежним, таким же как и до изменений. Далее открываем файл стилей, ищем поиском необходимый класс «art-Logo-name», фрагмент ниже

h1 .art-Logo-name, h1 .art-Logo-name a, h1 .art-Logo-name a:link, h1 .art-Logo-name a:visited, h1 .art-Logo-name a:hover
{

font-size: 29px;
text-decoration: none;
padding:0;
margin:0;
color: #E0EDF0 !important;
}

Все выделенные красным цветом h1 меняю на p и получаю в результате

p .art-Logo-name, p .art-Logo-name a, p .art-Logo-name a:link, p .art-Logo-name a:visited, p .art-Logo-name a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 29px;
text-decoration: none;
padding:0;
margin:0;
color: #E0EDF0 !important;
}

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

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

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

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

Подписаться

В виду последних событий в мире SEO, текстовые факторы стали иметь значительный вес в ранжировании. И если еще пару лет назад можно было махнуть рукой на оформление текста, то сейчас вы за это поплатитесь.

Итак, начнем с азов - .

Мета тег H1: пример оформления и основная информация

Предлагает 6 разноуровневых заголовков, которые обозначают то, насколько важен текстовый блок, идущий после заголовка.

Таким образом, тег

является самым важным заголовком первого уровня, а тег

обозначает заголовки шестого уровня, наименее значительные. По умолчанию, тег заголовка h1 отображается самым крупным шрифтом и выделяется «жирненьким», заголовки, которые ниже рангом, соответственно, должны быть меньше.

Теги заголовков относят к блочным элементам: тег

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

Как вставить тег заголовка H1 в текст на сайте?

Заголовок первого уровня

Использование ключа в теге: оптимизация тега H1

Мета теги h1 -h6 обязательно следует использовать по назначению, неукоснительно соблюдая иерархию.

Дело в том, что поисковые роботы очень трепетно относятся к заголовкам и тому, что в них содержится. Важность и степень внимания поисковика определяются уровнем заголовка (понижается от h1 до h6). Поэтому мы настоятельно рекомендуем использовать ключ в теге h1 и фразы в тексте заголовков.

Тег заголовка

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

  • Вставить тег

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

  • Следует избегать хаотичного использования заголовков разных уровней и размещать их «как повезет». Поисковику (да, и пользователям) это вряд ли понравится.
  • Ни в коем случае не используйте мета тег

    более одного раза на странице.

  • По-умолчанию в различных браузерах заголовки выглядят по-разному: отличаются размерами шрифта и отступами. Посему советуем вам отрегулировать эти параметры при помощи стилей. НО! Не перебодритесь с уменьшением шрифта, т.к. поисковые роботы обращают на это внимание. Также не рекомендуем делать размер шрифта заголовка меньше, чем основной текст.
  • Делать больший размер шрифта заголовка низкого уровня также не советуем. Если ваш

    будет больше, чем

    , то поисковой робот отнесется к этому негативно.

  • И пожалуйста, перестаньте использовать теги выделения (strong, em, b, i) в оформлении ваших заголовков. Cодержание тегов заголовков имеет большее влияние на релевантность страницы по сравнению тегами выделения.

    По мнению большинства сеошников (и мы к ним присоединяемся) содержание текста внутри тегов strong (жирненький текст) по степени значимости приблизительно соответствует содержанию заголовка уровня h5. А это так себе уровень.

  • Использование ключа в теге h1 обязательно! Лучше всего, если это будет основная ключевая фраза (ключевики, которые входят вовсе другие ключевики в семантике на данную страницу).
  • Текстовое содержание заголовка должно отличаться от тега title.

Как проверить тег h1 на странице

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

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

Ctrl + Shift + C или F12

Горячие клавиши, которые помогут вам открыть код страницы.

Можно ли не использовать тег h1 и другие подзаголовки?

Этот вопрос я несколько раз встречала в сети и хочу дать на него развернутый ответ. А поможет мне в этом крутой SEO специалист нашей студии Олег Васильев.

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

Глобальная цель поисковых систем, таких как Google, Yandex, довольно проста - необходимо предоставить пользователю максимально полезную информацию относительно введенного запроса. Поисковики достигают ее, исследуя сайт по ряду факторов. Чтобы ваш сайт показали пользователю вы должны максимально соответствовать этим факторам, чтобы поисковая машина решила, что достигла своей глобальной цели.

Одним из критериев успешного ранжирования является соответствующая запросам пользователя, актуальная и правильно структурированная информация.

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

Заголовок h1 помогает пользователю понять общий смысл содержания страницы. Как правило, текст на странице имеет вполне конкретную смысловую единицу, она одна, поэтому и главный заголовок должен быть один. Далее контент, если структура предполагает, можно разбить на небольшие смысловые блоки, и каждый блок будет иметь свой подзаголовок. Очень важно соблюдать вложенность, то есть после после H1 необходимо использовать H2, а после H2 используется H3. Все вполне логично.

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

А теперь вернемся к вопросу:

Можно ли не использовать тег h1 и другие подзаголовки?

Ответ очевиден: Можно, если вам не особо важно продвижение вашего сайта в сети.

Игорь . Обновление:Октябрь 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. Сергей

      Спасибо за подробную статью на актуальную тему, но сразу же возникают вопросы.

      Прежде всего, заголовки, точнее, их непосредственное использование. Я встречал два мнения.
      1. в коде должно быть название сайта, - заголовок статьи, - подзаголовки. Тег на странице должен быть единственным.
      2. - заголовок статьи и название сайта, - подзаголовки.

      Вы используете первый вариант, я - второй, но обосновать выбор самостоятельно не могу, поскольку так посоветовали.

      Еще вопрос пот тегу strong - опять-таки, ходят слухи, что ПС начинают к нему относиться не просто индифферентно, но враждебно, точнее, к выделению им ключевого слова или фразы. В качестве альтернативы предлагается выделение предложения, содержащего ключ, полностью.

      Я с некоторого момента вообще отказался от этого тега, но о результатах пока говорить рано.

    2. Сергей

      прошу прощения, забыл, что движок вырезает теги:

      1. в коде h1 должно быть название сайта, h2 - заголовок статьи, h3 - подзаголовки. Тег на странице должен быть единственным.
      2. - h1 заголовок статьи и название сайта, h2 - подзаголовки.

    3. Василий

      Игорь, я никак не могу понять, где находиться тег H1. У вас и у меня в шапке стоит изображение. У вас там есть этот тег. При анализе моего сайта одним сервисом, мне в результате сказали, что у меня вообще на сайте нет тега H1. Как его вообще вставить в шапку сайта?

    4. Игорь

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

    5. Игорь

      Точно так. 🙂

    6. Игорь

      Василий, я прописывал заголовок в функциях темы прямо в админке. Внешний вид - Темы, для моей темы там есть множество опций, с помощью которых можно отредактировать ту или иную область моей темы, в том числе вписать заголовок. А Вы, как я понимаю поменяли исходную шапку своей темы, не так ли? Причем поменяли полностью изображение, а на изображении уже было название Вашего ресурса. Вы же не прописывали h1 в шапку, откуда ему взяться. Посмотрите внимательнее в функциях вашей темы, может там тоже есть похожая функция. Там, где «Управление темами» посмотрите, должны быть ссылки, что-то типа «Настроить», «Опции темы» и уже там уже поищите ссылку на подобии «Название и описание сайта». В моей теме, например, очень многое можно изменить, даже цвета сайта и шапку, загрузив новое изображение. Отпишитесь в комментариях, как получилось.

    7. Василий

      Да я поменял изображение в шапке. На тестовом сайте вернул оригинальное изображение. Все равно H1 нигде не нашел. Поставил очень похожую тему-близнеца, там тоже нет этого тега, только H2. Могут быть темы без тега H1? Потом поставил стандартную тему, на главной странице не нашел этот тега, а на странице тег H1 есть в название статьи. А как его добавить в шапку сайта не знаю.

    8. Игорь

      Василий, почитайте внимательнее мой предыдущий ответ и через админ панель попробуйте прописать название сайта. Должна быть функция управления темой, у вас в css прописаны стили для заголовка h1, я посмотрел.

    9. Василий

      В стандартной теме все есть. В настройках самой темы таких опций нет. Через
      Админ-панель -> Темы -> Настройка и описание сайта. Там я написал Название сайта и
      Краткое описание. Но тега h1 все равно нет. На тестовом сайте поставил заново эту
      тему, вот адрес http://komp.vellisa.ru/. Можно зайти через Яндекс, так как он закрыт
      от индексации. Раньше когда писал в Админ-панели название сайта, то оно добавлялось в шапку, но выглядело не красиво. Сейчас надписи почему-то не добавляются.

    10. Игорь

      Василий, я исследовал Вашу проблему. Дело в том, что согласно стилям css Вашей темы, название, заключенное в теги h1, просто не помещается в шапку. Попробуйте сделать следующее. Если Вы работаете с браузером Chrome, подведите курсор к изображению в шапке и кликните правой кнопкой мыши, из контекстного меню выберите «Просмотр кода элемента». В нижней половине окна увидите код html именно этого изображения, это строчка будет выделена темно-синим цветом. Эта ссылка на изображение шапки Вашей темы. Справа будут представлены стили именно для этого элемента. Кликните правой кнопкой мыши по этой ссылке и из контекстного меню выберите «Delete node». Видите, элемент удалился? Надеюсь, Вы понимаете, что после перезагрузки браузера все станет на свои места, так что экспериментировать можно сколько угодно. Этот элемент у Вас заключен в контейнер <_div class="span-11">. После удаления ссылки на изображения останется ссылка на главную страницу. В качестве анкора этой ссылки пропишите любое слово, заключенное в теги h1, например, World. То есть выглядеть это будет примерно так: заключенная в контейнер span-11 ссылка на главную <_a_href vellisa.ru_=""><_h1>World<_><_>. И тут же увидите это слово на месте изображения (которое, кстати и не нужно, поскольку там название темы, как я понимаю. Попробуйте вместо этого изображения загрузить картинку меньшего размера и снова попробуйте через админку прописать название сайта. Если не получится, будем действовать более предметно.

    11. Василий

      Игорь, спасибо большое за помощь. Удалил я элемент, дальше как вставить не очень понятно. Методом тыка вставлял это слово, не совсем получилось, но слово было. Изменения названия сайта не получается написать, изменяю, но в шапке ничего не отображается.
      А вообще возможно сделать так, чтобы у меня на основном сайте осталась изображение какое там сейчас и как-то добавить теги h1?

    12. Игорь

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

    13. Василий

      Спасибо Игорь. Конечно я подожду, это не срочное дело.

    14. Евгений

      Согласен теги н необходимая вещь и игнорировать их себе дороже. Если H1 H2 практически автоматом появляются на странице (заголовок статьи и сайта) то H3 стоит самому ручками прописывать в теле статьи.
      На счет атрибута align к этим тегам спорный вариант. влияние его на продвижение пока не заметил, скорее его нет. нарушений сос стороны валидности тоже нет. Так что полагаю это на усмотрение каждого.

    15. Игорь

      Евгений, влияния на продвижение атрибута align действительно пока нет, а вот что касается валидности, то Вы погорячились. Он не рекомендуется к использованию не только в соответствии со спецификацией html 5, но и даже в соответствии с html 4.01. Вместо этого атрибута рекомендуется использование аналогичного свойства text-align, которое прописывается в css.

    16. Игорь

      Василий, извините, что долго пришлось ждать. Только-только немного разгрузился и вот решил Вашу проблему. Следуйте моим дальнейшим инструкциям, чтобы заголовок H1 появился в шапке. Для начала необходимо отредактировать Ваше изображение в шапке. Оно у Вас находится здесь: http://vellisa.ru/wp-content/themes/cooltext643525798.png , то есть в папке с текущей темой. Загрузите его на компьютер с помощью , например. Откройте его в любом графическом редакторе, даже простая программа paint подойдет. Там сотрите простым ластиком надпись "vellisa.ru". Если этого не сделать, то будет двойная надпись, либо надпись с h1 наложится на нее, будет выглядеть некрасиво. Затем откройте с помощью notepad++ файл header.php, который отвечает за шапку, найдите там строчку.

    Что такое заголовок, знает абсолютно каждый. Это емкое, привлекательное название, в котором при всей лаконичности заключается суть целой публикации, статьи и т. д. Но заголовок на странице сайта - это не совсем то, что мы привыкли видеть в газетах, журналах или книгах. Почему? Попробуем разобраться.

    Что такое H1?

    H1 - это главный заголовок в статье, заголовок первого уровня. Каждая страница в интернете имеет свою структуру. Заголовки H1-H6 как раз и позволяют правильно структурировать материалы, причем как для поисковиков, так и для пользователей. H1 - главный заголовок, H2-H6 второстепенные, вложенные подзаголовки. В коде заголовки выглядят так:

    сам заголовок

    , цифра как раз и обозначает уровень заголовка.

    Заголовки в Интернете служат не только для обозначения структуры и сути описываемого, но и для оптимизации сайта. Чтобы вывести сайт на видимые позиции в выдаче, пишите правильные заголовки, соблюдая 2 простых условия:

    Условие 1. Ключевые слова в заголовках

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

    Размещая ключевые слова, делайте это аккуратно: не злоупотребляйте ключами и не составляйте спамные заголовки (например, купить квартиру Москва, купить сумка холодильник, купить мотоцикл Красноярск цена, моя твоя не понимать и т. д. ). Сохраняйте красоту фразы и ее логичность. В великом и могучем русском языке слова спрягаются и склоняются, а роботы сейчас понимают смыл, разбираются в языке не хуже нас с вами! И не частите - спам очевиден всем, а так и до Баден-Бадена рукой подать, ну и не забывайте про Панду от Google.

    Пример, где количество ключей зашкаливает, перебор.

    Из главного заголовка понятно, о каком товаре пойдет речь. Конечно, в первом абзаце без ключа не обойтись, но делайте это ненавязчиво, а не так открыто и агрессивно.

    Ну и надеюсь, что никому и никогда не придет в голову затолкать в заголовок все ключевые слова, предназначенные для одной страницы. Ничего хорошего явно не получится. =)

    Помните, что текст создается не только для поисковых машин, но и для людей. И вообще роботам нравятся человечные, простые и понятные тексты. Если в заголовке ключевые слова органично встанут в начало предложения, то сработает чуточку лучше. Т.е. с точки зрения оптимизации страницы под ключевое слово "гостиницы Москвы" лучше отработает заголовок "Гостиницы Москвы - официальные сайты, обзоры, фото", чем "Обзоры, фото и официальные сайты гостиниц Москвы".

    Условие 2. Теги

    -

    Размещая тексты на сайте, не забудьте правильно расставить теги. Теги для заголовков текста определяются следующим HTML-кодом:

    -

    . По нашим наблюдениям, вполне хватает двух тегов —

    -

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

    Поисковики также учитывают размерность и значимость тегов

    -

    . При верстке стоит обратить внимание, чтобы заголовки визуально выделялись из общего текста.

    Ссылки в заголовках использовать не стоит, особенно в

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

    Допустимо ссылаться с заголовков уровня

    и ниже, но тоже если это оправдано и логично.

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

    -

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

      Наводим порядок. Теги

      -

      расставляются по принципу иерархии: тег

      важнее тега

      . На деле это выглядит вот так:

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

      Кроме того, тег

      играет важную роль при формировании быстрых ссылок в поисковой выдаче Яндекс.

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

      А если у вас возникнут сложности - обращайтесь к нашим специалистам , мы готовы проверить, правильно ли прописаны заголовки у вашего сайта, корректно прописать в случае ошибок и ответить на любые вопросы. Составление заголовков для 1 страницы (+подбор 3-х релевантных ключей) - от 450 рублей.

    Добрый день, уважаемые посетители и постоянные читатели моего блога!

    Значение заголовка 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, при котором этот тег будет прописываться в заголовке блога только на главной странице, а на других страницах в статьях будет отсутствовать.

    А вот и само условие:

    ваш заголовок или описание блога

    < >заголовок или описание блога

    Итак, открываем файл блога header.php и прописываем это условие в шапке блога.

    У меня это выглядит таким образом:

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

    Вот в принципе и всё. Мы удачно произвели редактирование недоработок в бесплатном шаблоне.

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

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

    До новых встреч. Пока!