Имеют ли скрытые теги заголовков семантическое значение - PullRequest
Новая
       23

Имеют ли скрытые теги заголовков семантическое значение

1 голос
/ 01 ноября 2011

Я использую несколько тегов DIV с одинаковым содержимым для создания одного видимого тега заголовка.

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

Теперь мне было интересно, потому что я все еще хочу, чтобы моя страница имела логическое семантическое значение, если бы я добавил <h1>text here</h1> чуть выше коллекции div и установил бы ее на display:none;, что бы все равно создавало логическоезаказать на страницу?или веб-сканеры, такие как Google, игнорируют скрытый h1 и наказывают меня за дублированный контент в тегах div?

Чтобы дать более четкое представление о том, что я имею в виду, вот грубый макет: 

<h1 style="display:none">my header text</h1>

<div>
    <div>my header text</div>
    <div>my header text</div>
    <div>my header text</div>
</div>

При просмотре в браузере my header text в элементах div отображаются только один раз, но необходимы 3 раза для создания нужного мне эффекта.

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

1 Ответ

1 голос
/ 01 ноября 2011

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

Я считаю, что Google игнорирует все, что скрыто таким образом, чтобы избежать таких вещей, как заполнение ключевыми словами.Несколько раз они заявляли, что хотят только прочитать то, что на самом деле видно на сайте пользователям, поэтому они должны игнорировать то, что люди не видят.Однако есть некоторые методы для того, что вы хотите сделать для сайтов, использующих изображение баннера, на которые (последний раз я проверял) Google обратил некоторое внимание.

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

<div>my header text</div>

на 

<h1>my header text</h1>

и настроить его в соответствии с этим.

Сбросить все настройки браузера по умолчанию для тегов h1, установив высота: 100%;поле: 0px;отступы: 0px;Вес шрифта: нормальный;display: block; и относиться к нему как к div.После этого примените любой стиль, который вы сделали бы к div.Результатом является то, что семантически правильно (ваш заголовок находится в теге h1 в верхней части вашего контента) и что Google, скорее всего, прочитает.

...