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

Question

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

Например ...

#content h1 {
  font-size:22px;
}

#left-nav h1 {
  font-size:14px;
}

#content .recent-news h1 {
  font-size:16px;
}

Это хорошо? Я беспокоюсь о SEO.

Как лучше всего это сделать? Или я ни о чем не беспокоюсь?

Answer 1

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

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

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

Answer 2

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

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

Answer 3

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

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

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

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

Answer 4

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

Answer 5

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

Answer 6

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

Answer 7

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

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

Answer 8

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

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

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

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

Answer 9

Если речь идет о SEO, лучше использовать теги h1. А если вы хотите использовать его только для целей sytling, используйте таблицы стилей css.

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

Answer 10

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