舉個例子
<title>淘寶網 - 淘!我喜歡</title>
使用description以及keyword標簽(不超過300個字符最優)
<meta name="description" content="淘寶網 - 亞洲較大的網上交易平臺,提供各類服飾、美容、家居、數碼、話費/點卡充值… 數億優質商品,同時提供擔保交易(先收貨后付款)等安全交易保障服務,并由商家提供退貨承諾、破損補寄等消費者保障服務,讓你安心享受網上購物樂趣!" />
<meta name="aplus-xplug" content="NONE">
<meta name="keyword" content="淘寶,掏寶,網上購物,C2C,在線交易,交易市場,網上交易,交易市場,網上買,網上賣,購物網站,團購,網上貿易,安全購物,電子商務,放心買,供應,買賣信息,網店,一口價,拍賣,網上開店,網絡購物,打折,免費開店,網購,頻道,店鋪" />
圖片添加 alt 和 title
<img src="https://gw.alicdn.com/tfs/TB1DP0yAoY1gK0jSZFMXXaWcVXa-1190-70.png" alt="淘小鋪" style="width:1190px;height:70px"/>
使用語義化標簽
<h1>大標題</h1>
<h2>大標題</h2>
<artice>文章</artice>
使用 Open Graph 標簽
(OG)標記是頁面HTML 部分中的附加元標記,該標記允許任何網頁成為社交網絡中的豐富對象。它于2010年由Facebook首次推出,并得到其他主要社交媒體平臺(LinkedIn,Google +等)的認可。
在HTML中,它看起來可能像這樣:
<meta name="og:title" property="og:title" content="Your Awesome Open Graph Title">
通過設置 Open Graph , 可以更好的提高社交媒體的網頁性能, 優雅的使用將該屬性轉化為點擊量
使用nofollow屬性
nofollow是什么?
nofollow 是HTML頁面中a標簽的屬性值。這個標簽的意義是告訴搜索引擎"不要追蹤此網頁上的鏈接或不要追蹤此特定鏈接"。
nofollow的作用?
- 防止不可信的內容,最常見的是博客上的垃圾留言與評論中為了獲取外鏈的垃圾鏈接,為了防止頁面指向一些拉圾頁面和站點。
- 為了防止付費鏈接影響Google的搜索結果排名。
- 引導爬蟲抓取有效的頁面,避免爬蟲抓取一些無意義的頁面,影響爬蟲抓取的效率。
nofollow基本用法
用于 <meta> 標簽
告訴搜索引擎(爬蟲)該頁面上所有鏈接都無需追蹤 (這種方法一般用的較少)
<meta name="robots" content="nofollow" />
用于 <a> 標簽
告訴搜索引擎(爬蟲)加上此屬性的鏈接無需追蹤
(一般推薦用這種方法)
<a href="javascript:" class="back" rel="nofollow"></a>
以上就是HTML5 SEO優化的一些建議的詳細內容,更多關于HTML5 SEO優化的資料請關注腳本之家其它相關文章!