Семантика HTML: это хорошая идея, чтобы поместить ссылки (элементы привязки) в заголовки? - PullRequest
Новая
       2

Семантика HTML: это хорошая идея, чтобы поместить ссылки (элементы привязки) в заголовки?

3 голосов
/ 20 марта 2012

Неправильно ли создавать список новостей следующим образом: 

   <h1><a href="article-1.html">That happened!</a></h1>
   <div class="short">Just like planned</div>

Должен ли я предпочесть это? 

   <h1>That happened!</h1>
   <div class="short">Just like planned</div>
   <div><a href="article-1.html">Read it now</a></div>

или удалить элементы заголовка? 

   <div class="news-header"><a href="article-1.html">That happened!</a></div>
   <div class="short">Just like planned</div>

Ответы [ 2 ]

7 голосов
/ 20 марта 2012

Абсолютно правильно поместить ссылку в заголовок. Фактически, переполнение стека происходит даже на каждой странице вопроса. Делайте все, что имеет наиболее смысловой смысл для страницы.

В HTML5 вы можете даже заключить заголовок в ссылку, например: 

<a href="article-1.html"><h1>That happened!</h1></a>
2 голосов
/ 20 марта 2012

Синтаксически допустимо размещать якоря внутри заголовков.

Ваш первый пример: H1 должен содержать заголовок страницы, такой как "Новости".В «списке» новостей вы должны использовать подзаголовок (H2).На странице «Подробности» вы можете поместить заголовок новости в H1.

Ваш второй пример: он действителен, но не очень хорош для SEO.Ссылки, содержащие текст, такой как «читать дальше», «нажмите здесь» и т. Д., Не сообщают поисковой системе, о чем идет ссылка.

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

...