Якоря внутри заголовков или наоборот - есть ли что-то другое в отношении SEO? [закрыто]

86

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

(1) :

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

(2) :

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

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

Есть ли разница, например, в SEO? Будет ли это отражать рейтинг SEO?

html  hyperlink  seo  semantics 
— Фредерик Ворденшельд
источник
3
— Джон Конде
— mhrabiee
2
Я голосую за закрытие этого вопроса, потому что, хотя он был по теме, когда его задавали, вопросы, не связанные с программированием SEO, здесь уже не по теме, и их следует задавать веб-мастерам . В частности, ранее связанный тег привязки внутри <h1> или <h1> внутри тега привязки: что лучше? отвечает на этот вопрос там.
— dbc

Ответы:

78

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

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

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

— анимусон
источник
8

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

<!DOCTYPE HTML>

Тип документа 4.01:

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

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

— MGZero
источник
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.