HTML語義：將鏈接（錨點元素）放在標題中是一個好主意嗎？

Question

那是錯的建立新聞列表是這樣的：

<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> 

Answer 1

它在語法上是有效的把錨內標題。

您的第一個示例：H1應該包含頁面標題，如「新聞」。新聞項目的「列表」應使用子標題（H2）。在「詳細信息」頁面上，您可以將新聞標題放入H1。

你的第二個例子：就SEO而言，它是有效的但並不好。包含「閱讀更多」，「點擊此處」等文字的鏈接不會告訴搜索引擎鏈接的內容。

你的第三個例子：它對SEO有效且合理。但請注意，搜索引擎認爲標題和粗體標籤中使用的詞語的權重更高。

Answer 2

這是非常有效的把標題中的鏈接。事實上，Stack overflow甚至在每個問題頁面都會出現。做任何使頁面語義最有意義的東西。

在HTML5中，你甚至可以包標題的鏈接裏面，像這樣：

<a href="article-1.html"><h1>That happened!</h1></a>