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