HTML5 SEO優(yōu)化的一些建議
發(fā)布時間：2020-08-27 16:03:55 作者：麥葉 
我要評論
我要評論這篇文章主要介紹了HTML5 SEO優(yōu)化的一些建議，幫助大家更好的理解和學習html5，感興趣的朋友可以了解下
舉個例子
<title>淘寶網(wǎng) - 淘！我喜歡</title>
使用description以及keyword標簽（不超過300個字符最優(yōu)）
<meta name="description" content="淘寶網(wǎng) - 亞洲較大的網(wǎng)上交易平臺，提供各類服飾、美容、家居、數(shù)碼、話費/點卡充值… 數(shù)億優(yōu)質(zhì)商品，同時提供擔保交易(先收貨后付款)等安全交易保障服務(wù)，并由商家提供退貨承諾、破損補寄等消費者保障服務(wù)，讓你安心享受網(wǎng)上購物樂趣！" /> <meta name="aplus-xplug" content="NONE"> <meta name="keyword" content="淘寶,掏寶,網(wǎng)上購物,C2C,在線交易,交易市場,網(wǎng)上交易,交易市場,網(wǎng)上買,網(wǎng)上賣,購物網(wǎng)站,團購,網(wǎng)上貿(mào)易,安全購物,電子商務(wù),放心買,供應(yīng),買賣信息,網(wǎng)店,一口價,拍賣,網(wǎng)上開店,網(wǎng)絡(luò)購物,打折,免費開店,網(wǎng)購,頻道,店鋪" />
圖片添加 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 部分中的附加元標記，該標記允許任何網(wǎng)頁成為社交網(wǎng)絡(luò)中的豐富對象。它于2010年由Facebook首次推出，并得到其他主要社交媒體平臺（LinkedIn，Google +等）的認可。
在HTML中，它看起來可能像這樣：
<meta name="og:title" property="og:title" content="Your Awesome Open Graph Title">
通過設(shè)置 Open Graph ， 可以更好的提高社交媒體的網(wǎng)頁性能， 優(yōu)雅的使用將該屬性轉(zhuǎn)化為點擊量
使用nofollow屬性
nofollow是什么?
nofollow 是HTML頁面中a標簽的屬性值。這個標簽的意義是告訴搜索引擎"不要追蹤此網(wǎng)頁上的鏈接或不要追蹤此特定鏈接"。
nofollow的作用?
- 防止不可信的內(nèi)容，最常見的是博客上的垃圾留言與評論中為了獲取外鏈的垃圾鏈接，為了防止頁面指向一些拉圾頁面和站點。
- 為了防止付費鏈接影響Google的搜索結(jié)果排名。
- 引導(dǎo)爬蟲抓取有效的頁面，避免爬蟲抓取一些無意義的頁面，影響爬蟲抓取的效率。
nofollow基本用法
用于 <meta> 標簽
告訴搜索引擎（爬蟲）該頁面上所有鏈接都無需追蹤 （這種方法一般用的較少）
<meta name="robots" content="nofollow" />
用于 <a> 標簽
告訴搜索引擎（爬蟲）加上此屬性的鏈接無需追蹤
（一般推薦用這種方法）
<a href="javascript:" class="back" rel="nofollow"></a>
以上就是HTML5 SEO優(yōu)化的一些建議的詳細內(nèi)容，更多關(guān)于HTML5 SEO優(yōu)化的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
- 這篇文章主要介紹了HTML5 SEO優(yōu)化的一些建議，幫助大家更好的理解和學習html5，感興趣的朋友可以了解下2020-08-27
- 這篇文章主要介紹了html5 input輸入實時檢測以及延時優(yōu)化問題，需要的朋友參考下吧2018-07-18
HTML5探秘：用requestAnimationFrame優(yōu)化Web動畫
今天看到一段js中出現(xiàn)了requestAnimationFrame，一直沒怎么關(guān)注html5的東西，今天又漲見識了，開始學習了2018-06-03
很多朋友進行表單驗證的時候，都是自己用jquery或者js手工驗證，或者用一下jquery插件進行驗證。感覺html5自帶驗證不是很好用，下面小編給大家分享使用純html5編寫的一個表2017-09-12以淘寶前端為例剖析HTML5與移動端頁面的性能優(yōu)化
這篇文章主要介紹了以淘寶前端為例剖析HTML5與移動端頁面的性能優(yōu)化,作者談到了移動端瀏覽器與PC桌面的性能差距所導(dǎo)致的HTML5體驗相異,以及CSS3動畫等的使用問題,需要的朋2016-04-26- 這篇文章主要介紹了一張圖看懂移動HTML5前端性能優(yōu)化的相關(guān)資料,需要的朋友可以參考下2015-11-02
淺談利用緩存來優(yōu)化HTML5 Canvas程序的性能
這篇文章主要介紹了淺談利用緩存來優(yōu)化HTML5 Canvas程序的性能,并且作者給出了使用緩存以及離屏Canvas后性能較原程序的提升對比,需要的朋友可以參考下2015-05-12- 這篇文章主要介紹了使用分層畫布來優(yōu)化HTML5渲染的教程,來自于IBM官方網(wǎng)站開發(fā)者技術(shù)文檔,需要的朋友可以參考下2015-05-08
html5搖一搖代碼優(yōu)化包括DeviceMotionEvent等等
對DeviceMotionEvent進行優(yōu)化，除無用的代碼重新封裝DeviceMotionEven，另外動畫不執(zhí)行完畢就不能繼續(xù)執(zhí)行DeviceMotionEvent事件，所以這點也要進行優(yōu)化2014-09-01
