前端須要知道的 HTML5 SEO優化

title標籤，字數不能過長（不超過70個字符最優）

<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 ， 能夠更好的提升社交媒體的網頁性能， 優雅的使用將該屬性轉化爲點擊量