Якоря внутри заголовков или наоборот - есть ли разница в SEO?

Я всегда сталкиваюсь с этим (довольно простой вопрос) при создании, например, блогов Wordpress. Должен ли я обернуть заголовок, который также должен быть ссылкой, в элемент привязки <a>, или это должно быть наоборот. И почему?

(1):

<a href="foo">
    <h1>bar</h1>
</a>

(2):

<h1>
    <a href="foo">bar</a>
</h1>

Я всегда заканчиваю тем, что выполняю (1), поскольку мне кажется более логичным, что заголовок заключен в ссылку.

Имеет ли это значение, например, SEO? Отражает ли это рейтинг SEO?

Ответ 1

До HTML5:
Якорь должен находиться внутри заголовка, вы не можете помещать элемент уровня блока в якорь, и большинство браузеров не будут на 100% надежнее его выполнять.

В HTML5:
Это не имеет значения, используйте то, что делает самый смысловой смысл. Вероятно, первый.

Помните, что если ваш документ использует DTD HTML4, он не будет проверять и может не отображаться правильно, потому что он использует старые правила, в которых якорь не может содержать элемент уровня блока. Используйте только первый вариант в HTML5. XHTML эквивалентен HTML4, я не уверен на 100% относительно XHTML1.1 (попробуйте и проверьте, проверяет ли он).

Ответ 2

Если вы используете DTD HTML 4.01 (не уверен в переходном, но определенно строгом), тогда элемент привязки должен появиться внутри элемента заголовка. Проверьте свой doctype, если вы не знаете, какой DTD вы используете (при условии, что у вас есть один, который вам нужен для того, чтобы код oyur считался действительным). Документ HTML5 выглядит следующим образом:

<!DOCTYPE HTML>

4.01 doctype:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Я также предлагаю ознакомиться с самим DTD, если вы собираетесь работать с 4.01, он ответит на все эти типы вопросов.