這篇文章主要介紹了HTML5 SEO優(yōu)化的一些建議，幫助大家更好的理解和學(xué)習(xí)html5，感興趣的朋友可以了解下

舉個(gè)例子

<title>淘寶網(wǎng) - 淘！我喜歡</title>

使用description以及keyword標(biāo)簽（不超過300個(gè)字符最優(yōu)）

<meta name="description" content="淘寶網(wǎng) - 亞洲較大的網(wǎng)上交易平臺，提供各類服飾、美容、家居、數(shù)碼、話費(fèi)/點(diǎn)卡充值… 數(shù)億優(yōu)質(zhì)商品，同時(shí)提供擔(dān)保交易(先收貨后付款)等安全交易保障服務(wù)，并由商家提供退貨承諾、破損補(bǔ)寄等消費(fèi)者保障服務(wù)，讓你安心享受網(wǎng)上購物樂趣！" />
<meta name="aplus-xplug" content="NONE">
<meta name="keyword" content="淘寶,掏寶,網(wǎng)上購物,C2C,在線交易,交易市場,網(wǎng)上交易,交易市場,網(wǎng)上買,網(wǎng)上賣,購物網(wǎng)站,團(tuán)購,網(wǎng)上貿(mào)易,安全購物,電子商務(wù),放心買,供應(yīng),買賣信息,網(wǎng)店,一口價(jià),拍賣,網(wǎng)上開店,網(wǎng)絡(luò)購物,打折,免費(fèi)開店,網(wǎng)購,頻道,店鋪" />

圖片添加 alt 和 title

<img src="https://gw.alicdn.com/tfs/TB1DP0yAoY1gK0jSZFMXXaWcVXa-1190-70.png" alt="淘小鋪" style="width:1190px;height:70px"/>

使用語義化標(biāo)簽

<h1>大標(biāo)題</h1>
<h2>大標(biāo)題</h2>
<artice>文章</artice>

使用 Open Graph 標(biāo)簽

（OG）標(biāo)記是頁面HTML 部分中的附加元標(biāo)記，該標(biāo)記允許任何網(wǎng)頁成為社交網(wǎng)絡(luò)中的豐富對象。它于2010年由Facebook首次推出，并得到其他主要社交媒體平臺（LinkedIn，Google +等）的認(rèn)可。

在HTML中，它看起來可能像這樣：

<meta name="og:title" property="og:title" content="Your Awesome Open Graph Title">

通過設(shè)置 Open Graph ， 可以更好的提高社交媒體的網(wǎng)頁性能， 優(yōu)雅的使用將該屬性轉(zhuǎn)化為點(diǎn)擊量

使用nofollow屬性

nofollow是什么?

nofollow 是HTML頁面中a標(biāo)簽的屬性值。這個(gè)標(biāo)簽的意義是告訴搜索引擎"不要追蹤此網(wǎng)頁上的鏈接或不要追蹤此特定鏈接"。

nofollow的作用?

防止不可信的內(nèi)容，最常見的是博客上的垃圾留言與評論中為了獲取外鏈的垃圾鏈接，為了防止頁面指向一些拉圾頁面和站點(diǎn)。

為了防止付費(fèi)鏈接影響Google的搜索結(jié)果排名。

引導(dǎo)爬蟲抓取有效的頁面，避免爬蟲抓取一些無意義的頁面，影響爬蟲抓取的效率。

nofollow基本用法

用于<meta> 標(biāo)簽

告訴搜索引擎（爬蟲）該頁面上所有鏈接都無需追蹤 （這種方法一般用的較少）

<meta name="robots" content="nofollow" />

用于<a>標(biāo)簽

告訴搜索引擎（爬蟲）加上此屬性的鏈接無需追蹤

（一般推薦用這種方法）

<a href="javascript:" class="back" rel="nofollow"></a>

以上就是HTML5 SEO優(yōu)化的一些建議的詳細(xì)內(nèi)容，更多關(guān)于HTML5 SEO優(yōu)化的資料請關(guān)注腳本之家其它相關(guān)文章！

來源：腳本之家

鏈接：https://www.jb51.net/html5/742563.html