Можно ли 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?

Answer 1

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

Answer 2

Возможно, вы захотите изучить новый тег <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

Answer 3

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

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