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

Ответ 1

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

H1 обозначает часть вашего содержимого как заголовок первого уровня. Поэтому, если у вас есть заголовок первого уровня в вашем навигационном div (например, <H1>Navigation Menu</H1>), конечно, это должно быть #nav h1.

Если у вас должно быть несколько H1 в вашем содержимом, это зависит: если у вас есть блог, и у каждой записи есть собственный заголовок, это будут H1. Однако, если ваш блог имеет заголовок (например, <H1>My Blog!</H1>), заголовок записи в блоге должен быть H2.

Но это только теория. Пойдите для того, что читается, семантическая разметка. Вы можете это решить, глядя на ваш html и спрашивая себя: "Это читаемо? Улучшится ли читаемость, если я сделаю это по-другому? Ответ будет отличаться от проекта к проекту.

Ответ 2

Мэтт Каттс из Google ответил на Более одного H1 на странице: хороший или плохой? (5 марта 2009 г.) с помощью:

Хорошо, если есть логическая причина иметь несколько разделов, это не так плохо иметь, вы знаете несколько h1 s. Я хотел бы обратить внимание на переусердствуя. Если вся ваша страница h1, это выглядит довольно Creti, правильно? Поэтому не делайте все h1, а затем CSS, чтобы он выглядел регулярный текст, потому что мы видим, что люди, которые конкуренты жалуются что если пользователи когда-либо выключают CSS или CSS не загружается, он выглядит действительно плохо. Итак, вы знаете, это нормально иметь немного h1 здесь а затем, возможно, есть две секции на странице, и, возможно, немного h1 здесь.

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

Ответ 3

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

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

Ответ 4

В общем, у вас должен быть только один h1 на страницу, а h1 должен сукно представлять контент на этой странице. Пока вы готовы к стилю с помощью CSS, узнайте, какой уровень заголовков (h2, h3, h4 и т.д.) Правильно отображает заголовки, которые вы хотите использовать, а затем стирайте их.

Ответ 5

Семантически, я предпочитаю использовать один h1 на странице, в основном для названия страницы. Вероятно, это не слишком важно для SEO, и с тем, как html идет с HTML5, общий тег header сделает его намного проще, и этот аргумент устарел.

Ответ 6

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

Ответ 7

Пытаясь ответить на тот же вопрос, я разместил этот вопрос, который может содержать некоторую полезную информацию. Моя забота об использовании тех же H1, H2, H3 в разных местах заключается в том, что если вы ВСЕГДА не укажете "родительский" стиль, как в вашем примере *, тогда вы можете столкнуться с проблемами.

Дилемма в решении о создании CSS для H1, H2, H3 и т.д.

* то есть вы никогда не определяете 'h1' самостоятельно

Ответ 8

Я пытаюсь иметь только одну H1 на странице и почти полностью ее переделать из содержимого тега title/H1 - основная идея отдельной страницы, каждая вещь должна быть тегом h2 и ниже....

Ответ 9

Если это касается seo, лучше использовать h1-теги. И если вы хотите использовать его только для цели sytling, используйте CSS-таблицы стилей.

Самое главное, что: Если на веб-странице используется более одного тега h1, то Google может считать эту страницу спамом. используйте другие теги заголовка, кроме h1, например h2 h3 h4 h5 h6, любое количество раз.

Ответ 10

Все зависит от того, что ваш doctype. С помощью html5 можно использовать несколько тегов h1 для каждого раздела. (не читайте, за <section></section>!) При использовании в примере XHTML 1.0 Transitional doctype я бы избегал использовать несколько тегов h1 на одной странице.

При использовании в примере XHTML 1.0 Transitional doctype я часто бывал примерно так:

• h1: макс. один раз на странице
• h2: макс. два раза на страницу
• и др.

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

Ответ 11

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

Это очень эффективный метод SEO, который я нашел, поэтому люди, говорящие вам не делать этого, стараются не дать вам присоединиться к нашим выигрышам.