Можно ли, чтобы H1 содержал только IMG?Будут ли поисковые системы игнорировать текст, отображаемый на дисплее: none ;?

Question

Работа с макетом в MVC3, который в настоящее время не имеет элемента H1. Единственной вещью, которая будет квалифицироваться как H1, будет логотип компании на баннере.

Если я добавлю изображение в баннер вместе с текстом, каковы будут последствия для SEO? Примерно так:

<h1>
    <img src="/path/to/transparent.gif" alt="My Company Logo" />
    <span style="display:none;">My Company Name</span>
</h1>

Или, может даже расположить диапазон абсолютно и расположить его вне области просмотра. Я знаю, что поисковые системы умнее индексируют только контент, показанный пользователю. Но как мне подойти к этой ситуации? Нужен ли мне дополнительный текст, или сканеры будут индексировать атрибут alt img?

Answer 1

Да, любой встроенный элемент может содержаться в элементе h1.И не беспокойся о промежутке.Большинство поисковых систем индексируют альтернативный текст.Даже посмотрите собственный веб-сайт w3.org для примера.Они делают это со своим логотипом.

Answer 2

В HTML5 вы можете сделать:

<hgroup>
    <h1><img src="/path/to/transparent.gif" alt="My Company Logo" /></h1>
    <h2>My Company Name</h2>
</hgroup>

Answer 3

Возможно, вы захотите использовать новый тег <header> из спецификации HTML5, который может содержать любой элемент.

См:

HTML 5 и SEO - http://www.webconfs.com/html5-seo-article-27.php

HTML5 <header> Tag - http://www.w3schools.com/html5/tag_header.asp