Должен ли я использовать несколько H1 или несколько H2 без H1? - PullRequest
Новая
       26

Должен ли я использовать несколько H1 или несколько H2 без H1?

5 голосов
/ 04 января 2012

На веб-странице, которая показывает список репетиторов, текущие HTML-коды: 

<div id="tutors">

 <h1>Tutors</h1>
 <div class="tutor">
  <h2>John</h2>
  <p>...</p>
 </div>

 <div class="tutor">
  <h2>Mary</h2>
  <p>...</p>
 </div>

 <div class="tutor">
  <h2>David</h2>
  <p>...</p>
 </div>

</div>

Теперь, по некоторым причинам, слово Репетиторы , которое в настоящее время упаковано в h1, необходимо удалить на странице Я могу придумать 3 варианта:

  1. Используйте css, чтобы скрыть это.
  2. Просто удалите его, и на странице будет h2 без h1.
  3. Удалите его и измените все h2 на h1.

Какой из них более уместен?

Ответы [ 6 ]

6 голосов
/ 04 января 2012

# 3: удалите его и измените все h2 на h1.

  1. Для SEO скрытый текст не одобряется, потому что его можно считать черной шляпой SEO.Если вы не собираетесь заменить заголовок изображением с текстом «Репетиторы».
  2. Вы не можете иметь <h2>, если заранее нет <h1>.
1 голос
/ 04 января 2012

Возможно, вам следует рассмотреть форматирование этих элементов в виде списка определений, например: 

<div id="tutors">
    <h1>Tutors</h1>
    <div class="tutor">
        <h2>John</h2>
        <p>...</p>
    </div>
    <div class="tutor">
        <h2>Mary</h2>
        <p>...</p>
    </div>
    <div class="tutor">
        <h2>David</h2>
        <p>...</p>
    </div>
</div>

становится: 

<dl title="Tutors">
    <dt>John</dt>
        <dd>...Description here...</dd>
    <dt>Mary</dt>
        <dd>...Description here...</dd>
    <dt>David</dt>
        <dd>...Description here...</dd>
</dl>

А затем примените классы и стили CSS к элементам, чтобы сделать их привлекательными для зрячих пользователей. Просто мысль.

1 голос
/ 04 января 2012

Ни один из этих вариантов не является хорошим SEO.

  1. Это рискованно и плохо. Поисковые системы очень хорошо понимают, когда текст скрыт, и если они обнаружат, что скрытый тяжелый тег, такой как <h1>, это повредит вашему рейтингу.
  2. Вы никогда не должны пропускать какой-либо шаг в иерархии заголовков (не иметь <h3> без <h2> и т. Д.). Кроме того, они всегда должны появляться в порядке убывания важности.
  3. На каждой странице должен быть ровно один <h1>, и это должен быть первый тег заголовка. Они порядка <title> по весу SEO.

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

1 голос
/ 04 января 2012

Не имеет значения.

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

Ссылка на мой пост здесь о переполнении стека Если я делаю все на своей странице с Ajax, как я могу сделать поисковую оптимизацию?

потому что то, что вы делаете, это ПОСЛЕ того, как поисковые системы смотрят на него для всех практических целей.

1 голос
/ 04 января 2012

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

1 голос
/ 04 января 2012

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

  • SEO: кажется, существует мнение, что выбор содержимого тега может повлиять на рейтинг в поисковых системах.
  • Рендеринг без стилей: если по какой-то причине страница может быть отображена без сопроводительных таблиц CSS, помните о эффекте рендеринга по умолчанию на странице и о том, как вы хотите, чтобы он выполнялся
  • Имейте в виду, что в HTML 5 появились новые распространенные теги, такие как 'section', которые могут соответствовать вашей странице и быть немного более понятными, чем теги H
...