Смотрите Страницу #37 Отчета Google по SEO документа:

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

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

Вот хорошее обоснование: Ваш логотип - это изображение, а не

Семантически <h1> следует использовать для заголовка страницы, и заголовок страницы должен быть уникальным для каждой страницы. Ваш логотип или название сайта не название страницы (за исключением, возможно, домашней страницы).

Ваш логотип/название сайта должны быть в виде простого div, возможно, с идентификатором "заголовок". Или тег <header>, если используется HTML5.

IMO на странице должен быть только один H1. И H1 всегда должен быть перед H2 - для поддержания правильной иерархии вашего контента.

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

На главной странице я бы рассмотрел возможность использования:
логотип/название - H1[, название - H2]
Хотя на вашей домашней странице логотип вполне может быть вашим заголовком.

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

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

<style>
h1{background: url('imagePathHere.gif');width:60px;height:10px;}
h1 span{display:none}
</style>

<h1><span>Unique Page Title</span></h1>

Таким образом, вы можете настроить отображение изображения для H1 (которое люди часто используют в качестве области логотипа), и в нем все еще будет хороший контент для людей, использующих ухудшенный доступ в Интернет. Это также делает вашу SEO-ценность счастливой.

Это потрясающий вопрос, из-за существующих практик (и шаблонов).

Лично мне нравится ссылаться на логику "Изложения 101", учитывая следующее:

H1 похож на заголовок (конечно, вам нравится дополнять свой HTML-заголовок), и на странице должно быть только одно название, точно так же, как на странице есть только одно название

H2 - это что-то вроде римских цифр в контуре: I., II., III. и т.д.

H3 будет общим эквивалентом A., B., С.

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

Я h1 за главного титульного парня. А основной заголовок - это оформленное название сайта, или, как вы его называете, логотип. Вот в чем дело - в заголовке веб-сайта логотип на самом деле не является логотипом, это иллюстрированный заголовок сайта. Дизайнерам просто нравится оформлять его как логотип.

Что не так с ЛОГОТИПОМ -> H1?

<div>Google</div>
<h1>About Us</h1>

Теперь, поскольку h1 является наиболее важным разделом, поскольку он рассказывает посетителю, о чем идет речь, посетитель не может понять страницу, потому что h1 слишком специфичен. О кто?

<h1>Google</h1>
<h2>About Us</h2>

Эта страница посвящена Google. Вот раздел о нас. Видите - нет никаких сомнений? Все ясно.

Второй пункт.

Структура страницы. Если вы поместите основной заголовок сайта в div или p, его не с чем будет связывать.

<p>Google</p>
<h1>About us</h1>

Как я могу связать "О вас" с Google, если h1 появится позже? Потому что все, что происходит ПОСЛЕ H1, связано с этим, а не с тем, что происходит до.

<h1>Google</h1>
<h2>About Us</h2>

"О нас" принадлежит Google. Нет вопросы.

Третий пункт.

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

<p>Google</p>
<h1>About us</h1>

ЭТА страница о нас. Кто/что это такое? Непонятный. Это просто описывает то, что называется "О нас".

<h1>Google</h1>
<h2>About Us</h2>

Этот сайт описывает Google. И там есть раздел О нас. Мы = скорее всего, Google, потому что структура описывает это именно так.

Надеюсь, я высказал свою точку зрения:)

PS! Вы не можете использовать h2 - h1 - h3 поскольку это нелогично, следовательно, большой провал. Просто потому, что w3c не сказал, что это запрещено, это не делает его действительным. Это нелогично, подумайте об этом.

Логотип в качестве тега h2?

Я просто просматривал сайт (www.sitepoint.com ), который представляет собой блог WordPress с сочетанием обычных страниц и блогов. В общем, я обнаружил, что у них заголовок страницы указан как тег h1, а логотип установлен как h2. Вы можете увидеть это на странице блога, например www.blogs.sitepoint.com/category/design /. Путешествуя по сайту, вы находите различные настройки. Я часто не мог найти тег h1, например, на главной странице продукта (http://products.sitepoint.com /). Хотя с этой страницы, если вы нажмете на какой-либо конкретный продукт для получения дополнительной информации www.sitepoint.com/books/design2 /, вы снова обнаружите, что h1 - это заголовок страницы, h2 - логотип. Типичная веб-страница похожа на блог (см. www.sitepoint.com/help /). В этом случае все темы часто задаваемых вопросов являются тегами h2.

Том Роджерс

Ваш логотип не обязательно должен быть вложен в заголовок - достаточно простого связанного изображения в header. Но и название вашего сайта, и название страницы/статьи должны быть <h1>. Эта статья информативна: Правда о нескольких тегах H1 в эпоху HTML5.