亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

感覺第二種方式看起來似乎更迎合SEO,你們說呢?

感覺第二種方式看起來似乎更迎合SEO,你們說呢?

三國紛爭 2023-04-05 18:14:13
如題,從SEO角度來說,哪種方式比較合適?<h1><a href="index.php" title="home">home<a></h1>or<a href="index.php" title="home"><h1>home</h1><a>早期html是不能包含block元素的,于是從標準上來說只能按第一種方式來寫。但html5已經允許a包含任何html標記。而且第二種方式看起來似乎更迎合SEO。雖然一直按照第一種方式來寫,但總是有疑惑。
查看完整描述

1 回答

?
牛魔王的故事

TA貢獻1830條經驗 獲得超3個贊

HTML5 確實允許 a 包裹任何 div、p 之類到水平 block 標簽了。前提是包裹到內容里不能包含任何交互的元素,比如其它鏈接或按鈕。

從開發和可用性角度

在 XHTML 的時代,如果你要創建大塊的點擊區域,代碼可能是這樣:

<div class="story">
    <h3><a href="story1.html">Big Brother is Watching You</a></h3>
    <p><a href="story1.html"><img src="v.jpg" alt="full story. " />People should not be afraid of their governments. Governments should be afraid of their people.</a></p>
    <p><a href="story1.html">Read more</a></p></div>

到了 HTML5,你可以寫成這樣:

<article>
    <a href="story1.html">
        <h3>Big Brother is Watching You</h3>
        <p><img src="v.jpg" alt="V for Vendetta">People should not be afraid of their governments. Governments should be afraid of their people.</p>
        <p>Read more</p>
    </a></article>

從代碼結構上看,減少了重復的鏈接,對前后臺代碼維護來說都很方便,而且也更語義化(單純的<a href="story1.html">Read more</a>沒有任何意義)???code>img標簽的alt屬性,前者是個鏈接,所以alt描述鏈接目標,后者是正文的一張補充圖片,因此直接描述圖片本身。

從用戶使用角度,鍵盤用戶選擇鏈接也可以少按幾次 tab。但也同樣帶來了困擾,比如不好復制鏈接里的部分內容。

所以,當需要創建大區域點擊時(比如文本廣告),且對文字復制無要求時,使用后者更好。當鏈接單一時,兩者差別不是很大,比如只有:<h3><a href="story2.html">Link Title</a></h3>)。

從 SEO 角度

如果單純從 SEO 角度看,你的兩段代碼在 DOM 的樹狀結構是這樣的:

- h1
  - a
- a
  - h1

搜索引擎機器人在爬行的時候先寬遍歷再深遍歷,放在相同的頁面,僅看第一級節點,顯然 h1 的權重比 a 高。所以,針對你的代碼,前者對 SEO 更有利。


查看完整回答
反對 回復 2023-04-07
  • 1 回答
  • 0 關注
  • 182 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號