最近有不少朋友問(wèn)我關(guān)于SEO中html標(biāo)簽使用的問(wèn)題，根據(jù)這些問(wèn)題我總結(jié)了網(wǎng)站SEO優(yōu)化常用的7大html標(biāo)簽和大家聊聊。
網(wǎng)站上線前，必要對(duì)網(wǎng)站的代碼和標(biāo)簽做必要的處理，目的是提高優(yōu)化網(wǎng)站打開(kāi)速度，夸張想要達(dá)成排名的關(guān)鍵詞。一個(gè)優(yōu)質(zhì)的網(wǎng)站，在代碼方面是精良的。
作為一名網(wǎng)站搜索引擎優(yōu)化優(yōu)化人員，對(duì)于網(wǎng)站代碼必必要有所懂得，這是做網(wǎng)站優(yōu)化的必備身分之一，網(wǎng)站推廣要想獲得好的績(jī)效，源代碼是很關(guān)鍵，抉剔的搜索引擎蜘蛛對(duì)于簡(jiǎn)潔的網(wǎng)站代碼是情有獨(dú)鐘的，這就必要我們對(duì)網(wǎng)站代碼結(jié)束精簡(jiǎn)及優(yōu)化。網(wǎng)頁(yè)的精簡(jiǎn)說(shuō)白了就是網(wǎng)站代碼優(yōu)化，去掉網(wǎng)站多余的代碼，以減少網(wǎng)站的大小，提高網(wǎng)站的加載速度和用戶體驗(yàn)。
網(wǎng)站代碼優(yōu)化是站長(zhǎng)必必要控制的根本技能，這關(guān)系到搜索引擎蜘蛛可否會(huì)對(duì)你的網(wǎng)站感興趣，冗長(zhǎng)無(wú)用的代碼會(huì)讓蜘蛛很難懂得，增加蜘蛛抓取網(wǎng)站的難度，同時(shí)，網(wǎng)頁(yè)的精簡(jiǎn)還關(guān)系到網(wǎng)站的加載速度，對(duì)用戶體驗(yàn)相當(dāng)重要。
1、HEAD部分代碼規(guī)范化。
HEAD部分代碼是搜索引擎蒲伏網(wǎng)站的入口部分，現(xiàn)在很多網(wǎng)站的頭部代碼都相當(dāng)同一化，死板效應(yīng)明顯十足，這樣的網(wǎng)站代碼是像模板框架異樣是不被spider愛(ài)好的，而我們要做的就是將網(wǎng)站的代碼規(guī)范化，建立起網(wǎng)站獨(dú)一無(wú)二的head部分，讓搜索引擎有新鮮感，這樣才能夠或者或者吸引spider蒲伏。
2、利用DIV+CSS分離結(jié)構(gòu)網(wǎng)頁(yè)。
雖然現(xiàn)在div+css已經(jīng)很成熟了，但是很多網(wǎng)頁(yè)籌劃者能夠或者或者考慮到網(wǎng)頁(yè)的兼容性和結(jié)構(gòu)的大略單純性還是利用老式的table結(jié)構(gòu)，雖然table結(jié)構(gòu)很方便，但是其弊端也是不問(wèn)可知的，那就是會(huì)大大增加網(wǎng)頁(yè)的大小，尤其是多層表格的嵌套，這種結(jié)構(gòu)不但會(huì)提升體積，同時(shí)如果嵌套數(shù)太多的話就會(huì)影響到搜索引擎的蒲伏，影響到站點(diǎn)的收錄。
其余，一些網(wǎng)站會(huì)利用外部文件，將css和js放在外部文件中，頁(yè)面html中只要放異樣代碼調(diào)用就能夠或者或者了，有時(shí)候我們?nèi)ゲ榭吹囊恍┰次募a，會(huì)看到很多css代碼和javasript代碼，將javascript放置在網(wǎng)站頁(yè)面的html文件中的最后面，而真正能用到得一些文字部分這被推倒了html的后面，杭州搜索引擎優(yōu)化覺(jué)得這種代碼都必要精簡(jiǎn)。
3、CSS代碼本身的優(yōu)化。
CSS是頁(yè)面效果呈現(xiàn)中非常重要的構(gòu)成部分，它包括顏色、大小尺寸、背景和字體等。寫(xiě)CSS很大略很容易，但是要想寫(xiě)出精煉的CSS代碼還是有很多技能的。
（1）、CSS位置
CSS說(shuō)明如果呈現(xiàn)在網(wǎng)站今后，頁(yè)面必要重新襯著，打開(kāi)速度受到影響，統(tǒng)統(tǒng)css定義代碼的位置要放到網(wǎng)站曩昔。
（2）、css sprite技能
網(wǎng)站上的一些圖片能夠或者或者采用css sprite技能結(jié)束合并，減少加載請(qǐng)求次數(shù)，從而提高網(wǎng)頁(yè)的加載速度。
（3）、CSS代碼優(yōu)化
經(jīng)過(guò)進(jìn)程對(duì)css代碼屬性的簡(jiǎn)寫(xiě)、移除多余的結(jié)構(gòu)(frameworks)和重設(shè)(resets)等一系列的方法和技能來(lái)簡(jiǎn)化css代碼，減小css文件的大小。
（4）、盡管縱然不要利用內(nèi)嵌式CSS
內(nèi)嵌式CSS分為兩種，一是在head地域的普通內(nèi)嵌式；二是在標(biāo)簽內(nèi)呈現(xiàn)的行內(nèi)內(nèi)嵌式CSS，無(wú)論是何種內(nèi)嵌CSS方法結(jié)果都邑提升頁(yè)面的體積，對(duì)此，我們能夠或者或者盡管縱然利用外調(diào)式的CSS來(lái)為站點(diǎn)頁(yè)面的體積瘦身。
4、JS位置，大小等負(fù)面的優(yōu)化。
JS優(yōu)化與其余措辭的優(yōu)化也仍舊有相同的地方，JS優(yōu)化的關(guān)鍵，仍舊是要把精力放在最關(guān)鍵的地方，也就是瓶頸上，異樣平凡來(lái)說(shuō)，瓶頸總是呈現(xiàn)在大規(guī)模循環(huán)的地方，這倒不是說(shuō)循環(huán)本身有性能成就，而是循環(huán)會(huì)迅速減少能夠或者或者存在的性能成就。
（1）、JS位置
網(wǎng)頁(yè)代碼中對(duì)js結(jié)束優(yōu)化的時(shí)候，杭州搜索引擎優(yōu)化建議將JS放在頁(yè)面最后，這樣能夠或者或者加快頁(yè)面打開(kāi)速度。
（2）、合并JS
合并相同域名下的js，經(jīng)過(guò)進(jìn)程減少網(wǎng)絡(luò)連接次數(shù)從而提高網(wǎng)頁(yè)的打開(kāi)速度。
（3）、LazyLoad(延遲加載)技能
Lazy Load是一個(gè)用JavaScript編寫(xiě)的jQuery插件，它能夠或者或者延遲加載長(zhǎng)頁(yè)面中的圖片，在瀏覽器可視地域外的圖片不會(huì)被載入，直到用戶將頁(yè)面遷移轉(zhuǎn)變到它們所在的位置。
（4）、JS代碼外部的調(diào)用
我們曉得今后的搜索引擎還是不能夠或者或者識(shí)別JS代碼的，倘若在網(wǎng)站中呈現(xiàn)大量量的js代碼網(wǎng)站在收錄上就會(huì)呈現(xiàn)艱難，而我們要做的就是將用到Javascript代碼用外部調(diào)用的形式放在網(wǎng)站中，這樣能夠或者或者簡(jiǎn)化搜索引擎的工作，也不會(huì)在無(wú)形中衍生出有用代碼累及網(wǎng)站。
不但如斯，杭州搜索引擎優(yōu)化覺(jué)得能夠或者或者采用外部調(diào)用的尚有css代碼，建站之初能夠或者或者將網(wǎng)站的文字、顏色定義在css代碼文件中，盡管縱然不要在頁(yè)面代碼內(nèi)呈現(xiàn)過(guò)多的格式代碼。
（5）、降低頁(yè)面對(duì)于JS的依賴性
現(xiàn)在來(lái)說(shuō)，JS對(duì)于搜索引擎其實(shí)不不友好，雖然有消息稱搜索引擎不會(huì)對(duì)JS有憎惡的感情，但是多一事不如少一事，雖然JS能夠或者或者制作出很多的效果，但是網(wǎng)頁(yè)中大量的JS將影響蜘蛛對(duì)頁(yè)面的抓取和增加網(wǎng)頁(yè)體積，尤其是頁(yè)面的關(guān)鍵位置如導(dǎo)航欄，盡管縱然采用DIV+CSS的籌劃方法。
5、減少TABLE標(biāo)簽的利用。
table標(biāo)簽是現(xiàn)在大多數(shù)上線網(wǎng)站中最為罕有的代碼形式，原因起因根本在于table在建立網(wǎng)站時(shí)比較快捷，但是這也就影響了網(wǎng)站的后期優(yōu)化。
相對(duì)于div+css結(jié)構(gòu)的精簡(jiǎn)代碼網(wǎng)站來(lái)說(shuō)，它的占位比較大，所以，在建站時(shí)候，盡管縱然是少用表格，縱然是要利用表格時(shí)，嵌套式表格也要盡管縱然少用，省得產(chǎn)生冗雜代碼。
那么，現(xiàn)在的網(wǎng)站用什么做呢？很多程序員先進(jìn)想法主見(jiàn)就是采用CSS去做，采用CSS去排版，這種做法呢，就使頁(yè)面中的表格大大的降低了，但在杭州搜索引擎優(yōu)化看來(lái)，網(wǎng)站也不能沒(méi)有表格，有些事必須利用到得，利用表格本身沒(méi)什么，但是有很多網(wǎng)站都采用嵌套表格，異樣平凡這樣的表格形式會(huì)給網(wǎng)站產(chǎn)生大量的殘余代碼，并且這些殘余代碼都是沒(méi)有任何用處的代碼，這一類代碼也是我們網(wǎng)站必要精簡(jiǎn)的代碼之一。
6、代碼注釋省略的大量利用。
很多程序人員在編寫(xiě)代碼是都習(xí)慣在別人看不懂的地方給出一段注釋，這些代碼往往是為了幾個(gè)程序員之間的協(xié)同工作，對(duì)于外人和搜索引擎來(lái)說(shuō)沒(méi)有任何用處，相同還會(huì)給搜索引擎蜘蛛帶來(lái)一定的困擾。
打開(kāi)頁(yè)面代碼我們經(jīng)常會(huì)看到一些注釋代碼，這是程序員為了表明代碼意義而做的注釋，其實(shí)這些打開(kāi)不消，因?yàn)閷?duì)于搜索引擎而言，它們是不存在任何意義的，只是會(huì)增加了頁(yè)面代碼的容量，這樣對(duì)于網(wǎng)站不會(huì)有什么利處，不如直接省略。
7、打消頁(yè)面中多余的代碼即精簡(jiǎn)代碼。
有的網(wǎng)站覺(jué)得制作者的代碼謄錄習(xí)慣成就，頁(yè)面會(huì)有很多空格代碼，比如：空格代碼、style和font重復(fù)定義的代碼，不要小看這些體積很小的代碼，積聚多了，也會(huì)使我們的網(wǎng)站非常的臃腫。
很多網(wǎng)站都是采用的DIV+CSS，在CSS中定義了文字的字體，顏色，和頁(yè)面的排版，但是在網(wǎng)站的其余地方還用了以style和font來(lái)再次定義字體字體，這些代碼完備沒(méi)有必要重復(fù)定義，屬于能夠或者或者精簡(jiǎn)的代碼。
8、將html控制方法轉(zhuǎn)換為CSS控制。
很多網(wǎng)頁(yè)籌劃者習(xí)慣在標(biāo)簽內(nèi)對(duì)內(nèi)容結(jié)束控制，比如img標(biāo)簽里經(jīng)過(guò)進(jìn)程width和height來(lái)控制圖片的大小，盡管縱然將這些代碼轉(zhuǎn)換成外調(diào)式的CSS，使網(wǎng)頁(yè)代碼更加的瘦身。
9、緩存靜態(tài)本錢(qián)。
經(jīng)過(guò)進(jìn)程設(shè)置瀏覽器緩存，將css、js等不太經(jīng)常更新的文件緩存在瀏覽器端，這樣同一訪客再次訪問(wèn)你的網(wǎng)站的時(shí)候，瀏覽器就能夠或者或者從瀏覽器的緩存中獲得css、js等，而不消每次都從你的服務(wù)器讀取，這樣在一定程度上加快了網(wǎng)站的打開(kāi)速度，又能夠或者或者節(jié)約你的服務(wù)器流量。
10、網(wǎng)頁(yè)壓縮技能。
對(duì)于網(wǎng)頁(yè)壓縮而言，相信各位站長(zhǎng)都比較熟悉，主如果啟用服務(wù)器Gzip，對(duì)頁(yè)面Gzip壓縮，減少元素的體積，從而減少數(shù)據(jù)的傳輸，進(jìn)而提高網(wǎng)頁(yè)的加載速度，這個(gè)功能必要你的服務(wù)器的支持，GZIP壓縮異樣平凡能對(duì)網(wǎng)頁(yè)結(jié)束30%-80%的壓縮，是最重要的一種優(yōu)化效果。
總之，經(jīng)過(guò)進(jìn)程代碼優(yōu)化來(lái)起到網(wǎng)站優(yōu)化作用的方法尚有很多，在這只是隨意的說(shuō)了其中比較罕有的而已，渴望大家能多多研討。
11、權(quán)重標(biāo)簽的利用。
典型的權(quán)重標(biāo)簽有H1，strong，b標(biāo)簽等，對(duì)想?yún)⑴c排名的重要關(guān)鍵詞利用權(quán)重標(biāo)簽，好處是向搜索引擎?zhèn)鬟f旗子燈號(hào)：這個(gè)地方的關(guān)鍵詞很重要，必要區(qū)別對(duì)待，從而提升既定關(guān)鍵詞在搜索引擎的排序。
網(wǎng)站常見(jiàn)的SEO標(biāo)簽如下：
1.網(wǎng)站SEO優(yōu)化常用標(biāo)簽之TDK標(biāo)簽
TDK對(duì)每個(gè)seoer來(lái)說(shuō)都是熟悉的不能再熟悉的html標(biāo)簽了.TDK分別表示Title、Keywords和Description三大最常見(jiàn)的優(yōu)化標(biāo)簽。Title頁(yè)面標(biāo)題，keywords頁(yè)面關(guān)鍵詞、description頁(yè)面描述。(嚴(yán)格意義上來(lái)說(shuō)是除了title，其他兩個(gè)均為mate標(biāo)簽的屬性)這三個(gè)標(biāo)簽由于太熟悉此處只是簡(jiǎn)單提一下不做過(guò)多解釋。
2.網(wǎng)站SEO優(yōu)化常用標(biāo)簽之heading標(biāo)簽
heading標(biāo)簽也就是大家經(jīng)常說(shuō)的H標(biāo)簽，它是對(duì)頁(yè)面總要部分的強(qiáng)調(diào)，一般用在標(biāo)題、小標(biāo)題、欄目名稱上。heading標(biāo)簽從h1到h6共6對(duì)，強(qiáng)調(diào)程度遞減，經(jīng)常使用的是h1、h2、h3這三個(gè)heading標(biāo)簽，由于h4、h5、h6的強(qiáng)調(diào)作用較小以至可以忽略所有在網(wǎng)站優(yōu)化SEO中基本上用不到。
h1標(biāo)簽是對(duì)頁(yè)面最重要部分的強(qiáng)調(diào)，一般用在頁(yè)面標(biāo)題上。需要注意的是在同一個(gè)頁(yè)面中h1標(biāo)簽只能出現(xiàn)一對(duì)，若在頁(yè)面中出現(xiàn)多個(gè)H1標(biāo)簽將對(duì)seo造成不利影響。
h2、h3及其他heading標(biāo)簽在同一頁(yè)面中均可使用多次，一般使用在欄目名稱、文章段落標(biāo)題或小標(biāo)題中。
雖然heading標(biāo)簽對(duì)網(wǎng)站優(yōu)化有著積極的影響，但如果亂用同樣會(huì)帶來(lái)不利的后果，切忌將heading標(biāo)簽用在整段內(nèi)容中。
3.網(wǎng)站優(yōu)SEO化常用標(biāo)簽之nofllow屬性
對(duì)!你沒(méi)看錯(cuò)是nofllow屬性，很多seoer喜歡說(shuō)nofllow標(biāo)簽，其實(shí)nofllow并不是一個(gè)標(biāo)簽它只是html標(biāo)簽的一個(gè)屬性。通常認(rèn)為使用了nofllow屬性的鏈接不會(huì)被搜索引擎跟蹤(該觀點(diǎn)有爭(zhēng)議)，更不會(huì)給鏈接頁(yè)面?zhèn)鬟f權(quán)重。最常用的方式是使用nofllow屬性來(lái)避免頁(yè)面權(quán)重不必要的流失從而達(dá)到權(quán)重集中的目的。使用方法如下錨文本
很多seoer只知道上面一種常用的方式，其實(shí)nofllow屬性還可以對(duì)整個(gè)頁(yè)面中的鏈接起作用，由于這種用法很少見(jiàn)故本文不做展開(kāi)，將在后面單獨(dú)用一篇文章來(lái)談?wù)刵ofllow屬性的用法。
4.網(wǎng)站優(yōu)化常用標(biāo)簽之Canonical屬性
Canonical屬性和nofllow屬于一樣也被很多人稱為Canonical標(biāo)簽。但它對(duì)部分seoer來(lái)說(shuō)比nofllow屬性更為陌生。Canonical在英文中有權(quán)威的意思，在SEO中用來(lái)解決由于網(wǎng)址形式不同內(nèi)容相同而造成的內(nèi)容重復(fù)問(wèn)題。最常用的寫(xiě)法如下
網(wǎng)頁(yè)中的Canonical標(biāo)簽可以告訴搜索引擎在若干個(gè)內(nèi)容相同URL不同的頁(yè)面中那個(gè)頁(yè)面才是最為規(guī)范最希望被搜索引擎收錄的網(wǎng)頁(yè)，它可以避免網(wǎng)站相同內(nèi)容網(wǎng)頁(yè)的通過(guò)不同URL帶來(lái)的權(quán)重分散問(wèn)題，從而達(dá)到集中頁(yè)面權(quán)重的目的。
在現(xiàn)在的移動(dòng)互聯(lián)網(wǎng)時(shí)代，百度又給了Canonical屬性新的作用，那就是借助Canonical屬性進(jìn)行移動(dòng)適配。(關(guān)于移動(dòng)適配的問(wèn)題小李將在后續(xù)文章中進(jìn)行詳細(xì)分析。)
5.網(wǎng)站SEO優(yōu)化常用標(biāo)簽之mate標(biāo)簽
mate標(biāo)簽，在所有優(yōu)化設(shè)計(jì)到的標(biāo)簽中最最重要的標(biāo)簽，沒(méi)有之一。大家所熟知的TDK標(biāo)簽都是mate標(biāo)簽的屬性。由于mate標(biāo)簽的功能十分強(qiáng)大，起到的作用太多鑒于篇幅有限，本文僅對(duì)mate標(biāo)簽在優(yōu)化中的3個(gè)作用進(jìn)行簡(jiǎn)單說(shuō)明。
作用一：承載Keywords和Description屬性內(nèi)容，是頁(yè)面優(yōu)化不可或缺的元素。
作用二：進(jìn)行PC站和移動(dòng)站適配標(biāo)注，mate標(biāo)簽肩負(fù)著移動(dòng)適配的重任。
作用三：對(duì)單個(gè)網(wǎng)頁(yè)進(jìn)行301跳轉(zhuǎn)，可用于頁(yè)面集權(quán)及網(wǎng)站改版。
6.網(wǎng)站優(yōu)化常用標(biāo)簽之title屬性
title屬性可以應(yīng)用在很多的html標(biāo)簽中，從網(wǎng)站seo優(yōu)化的角度常見(jiàn)的再a標(biāo)簽、img標(biāo)簽、embed標(biāo)簽及video標(biāo)簽中。小李認(rèn)為title屬性的主要作用是提高用戶體驗(yàn)，鼠標(biāo)移動(dòng)到html元素上展現(xiàn)的文字信息即為title屬性內(nèi)容。推薦在embed標(biāo)簽、video標(biāo)簽及鏈接文字不能完全展示的時(shí)候使用title屬性來(lái)提高用戶體驗(yàn)
7.網(wǎng)站SEO優(yōu)化常用標(biāo)簽之a(chǎn)lt屬性
在網(wǎng)站優(yōu)化中，alt屬性主要用在img標(biāo)簽中。在img表中添加alt屬性一是為了通過(guò)alt屬性對(duì)圖片進(jìn)行說(shuō)明，告訴搜索引擎圖片的含義;二是為了提高用戶體驗(yàn)，在img缺少title屬性時(shí)當(dāng)鼠標(biāo)移動(dòng)到圖片上展現(xiàn)的文字信息即為alt屬性內(nèi)容;再就是當(dāng)由于某種原因圖片不能正常顯示時(shí)，alt屬性中的文字將替代圖片進(jìn)行展示。
巨推傳媒小李匯總：
以上7個(gè)是小李認(rèn)為較為常用的標(biāo)簽，在網(wǎng)站seo優(yōu)化過(guò)程中會(huì)用到很多的html標(biāo)簽、屬性，但小李認(rèn)為掌握以上7個(gè)標(biāo)簽屬性的使用優(yōu)化對(duì)一般的網(wǎng)站來(lái)說(shuō)是足夠的。
