網(wǎng)站代碼碼又稱網(wǎng)站源代碼或網(wǎng)站源碼，作為SEOer不同于網(wǎng)頁(yè)設(shè)計(jì)員需要懂得很多代碼，不過了解并很好運(yùn)用一些常用的HTML代碼在網(wǎng)站優(yōu)化和排名上能起到很大作用。主要介紹SEO優(yōu)化中常用的title、meta、圖片alt屬性、H標(biāo)簽、nofollow標(biāo)簽，JS和CSS代碼。

網(wǎng)站代碼如何去查看？最簡(jiǎn)單方法就是在網(wǎng)頁(yè)鼠標(biāo)右鍵選擇查看源代碼、審查元素或者快捷鍵Ctrl+u。

一、部HTML代碼標(biāo)簽Title和Meta

一個(gè)頁(yè)面的三要素：標(biāo)題（title）、描述（description）、關(guān)鍵詞（keywords），這三個(gè)要素中的關(guān)鍵詞的添加與否對(duì)網(wǎng)站優(yōu)化排名上作用已經(jīng)變得很?。ㄓ械木W(wǎng)站你會(huì)看到雖然沒有添加描述和關(guān)鍵詞，但是排名也很好），但是從代碼完整度情況考慮需要有這三種代碼標(biāo)簽。

<title>頁(yè)面的標(biāo)題SEO</title>

<meta name="keywords" content="關(guān)鍵詞" />

<meta name="description" content="頁(yè)面描述內(nèi)容" />

二、圖片Alt屬性

搜索引擎無法很好識(shí)別圖片的文字信息，圖片Alt屬性可以幫助搜索引擎識(shí)別圖片信息，因此，在優(yōu)化網(wǎng)站時(shí)，盡可能利用Alt屬性描述圖片的主題內(nèi)容，但是又要避免關(guān)鍵詞的重疊堆砌，該圖片屬性作用也不僅僅告訴搜索引擎圖片的主要信息，另外在圖片出現(xiàn)加載失敗時(shí)，還能夠讓訪客理解圖片所描述的內(nèi)容，在完整的圖片優(yōu)化還可以在百度圖片中獲得排名。

1).表現(xiàn)方式：<img src="圖片路徑" alt="圖片描述"/>所有的字母和符號(hào)都是英文狀態(tài)下的，字母之間有空格。

上圖中最佳的ALT屬性：

①不太好，沒有添加圖片的alt屬性內(nèi)容

<img src="圖片路徑" alt=""/>

②較好的，添加了一個(gè)關(guān)鍵詞

<img src="圖片路徑" alt="小狗"/>

③最好的，一段完整的描述

<img src="圖片路徑" alt="一只可愛的小狗"/>

④應(yīng)避免的，關(guān)鍵詞堆積

<img src="圖片路徑" alt="小狗 幼狗 大花狗 獵犬 牧羊犬 導(dǎo)盲犬"/>

2).什么情況下圖片可以添加alt屬性

并不是所有頁(yè)面的圖片都需要添加alt屬性，網(wǎng)站上會(huì)有很多種圖片，很小的圖片，對(duì)你的文章沒有任何表現(xiàn)意義的圖片都可以不用寫。

三、網(wǎng)站代碼

（1）H標(biāo)簽

H（Heading）標(biāo)簽，HTML語言里一共有六種大小的h標(biāo)簽，是網(wǎng)頁(yè)代碼中對(duì)文本標(biāo)題所進(jìn)行的著重強(qiáng)調(diào)的一種標(biāo)簽，以標(biāo)簽<h1>、<h2>、<h3>到<h6>六種不同的表現(xiàn)形式對(duì)文本標(biāo)題進(jìn)行強(qiáng)調(diào)。文字從大到小，依此顯示重要性的遞減，也就是權(quán)重依次降低，h1定義最大的標(biāo)題，h6定義最小的標(biāo)題。h標(biāo)簽是成對(duì)出現(xiàn)的，以<h>開始，以</h>結(jié)束，遵循這樣的原則是很有必要的，它能讓頁(yè)面的層級(jí)關(guān)系更清楚，讓搜索引擎更好地抓取和分析出頁(yè)面的主題。

正確使用：

h標(biāo)簽不是一個(gè)必要的標(biāo)簽，就是說可以沒有；

h標(biāo)簽每個(gè)頁(yè)面都可以有，它是以頁(yè)面為單位的，比如說你的首頁(yè)可以有h標(biāo)簽，產(chǎn)品頁(yè)沒有h標(biāo)簽，或者你的首要沒有h標(biāo)簽，在詳情頁(yè)有h標(biāo)簽；

h1標(biāo)簽應(yīng)用在頁(yè)面最核心的地方，如果你的網(wǎng)站首頁(yè)或者欄目頁(yè)找不到能表現(xiàn)頁(yè)面核心的地方可以把h1標(biāo)簽放在logo里面，事實(shí)上大部分網(wǎng)站logo都會(huì)使用H1標(biāo)簽，而在詳情頁(yè)可以添加在正文標(biāo)題里面；

一個(gè)頁(yè)面只能有一對(duì)h1標(biāo)簽。h1表現(xiàn)的是頁(yè)面的核心，H2,H3,H4可以有多個(gè)...多個(gè)H1造成的后果是搜索引擎不知道你這個(gè)頁(yè)面哪個(gè)標(biāo)題內(nèi)容最重要,會(huì)淡化這個(gè)頁(yè)面的標(biāo)題和關(guān)鍵詞，同時(shí)可能會(huì)被搜索引擎當(dāng)做作弊懲罰；

如果頁(yè)面有h2,h3,h4...這些標(biāo)簽，就要有h1標(biāo)簽。在代碼完整角度情況下，如果有h2就要有h1;有h3就要用h2,h1;有h4就要有h3,h2,h1，......保證代碼的完整性。

（2）Nofollow標(biāo)簽

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

書寫形式：<a href="鏈接地址" rel="nofollow">文本內(nèi)容</a>，符號(hào)和字母都是英文狀態(tài)，字母之間有空格。

引用nofollow標(biāo)簽的目的是：用于指示搜索引擎不要追蹤（即抓?。┚W(wǎng)頁(yè)上的帶有nofollow屬性的任何出站鏈接，以減少鏈接分散網(wǎng)站權(quán)重！

簡(jiǎn)單的說就是，如果A網(wǎng)頁(yè)上有一個(gè)鏈接指向B網(wǎng)頁(yè)，但A網(wǎng)頁(yè)給這個(gè)鏈接加上了 rel="nofollow" 標(biāo)注，則搜索引擎不把A網(wǎng)頁(yè)計(jì)算入B網(wǎng)頁(yè)的反向鏈接。搜索引擎看到這個(gè)標(biāo)簽就可能減少或完全取消鏈接的投票權(quán)重，從而給予其他鏈接更多權(quán)重。

用處：

比如一些常用的QQ出站鏈接，一些小而雜亂的鏈接，你可以為站點(diǎn)的內(nèi)部鏈接添加 nofollow。比如：聯(lián)系我們、關(guān)于我們、隱私保護(hù)、公司簡(jiǎn)介、網(wǎng)站后臺(tái)等的鏈接可以把它們nofollow 掉，這樣做，首頁(yè)的PR值就不會(huì)傳輸給他們。因?yàn)?，他們有太多的PR值（網(wǎng)頁(yè)的重要性指數(shù)）顯然沒用；另外網(wǎng)站上的一些廣告，因?yàn)檫@些廣告只是讓其帶來IP和流量，而不是讓其加重搜索引擎的權(quán)重，所以也可以加上這個(gè)nofollow標(biāo)簽，這樣不會(huì)影響其本來意愿。

打開站長(zhǎng)工具網(wǎng)站，在“SEO信息查詢”中選擇“友情鏈接檢測(cè)”，或者查看對(duì)方網(wǎng)站的源碼。趕快去查詢下你的友情鏈接是否可靠吧！是否被人偷偷的添加了nofollow標(biāo)簽。如果友鏈被nofollow了，一定把自己網(wǎng)站對(duì)它的友鏈刪掉，因?yàn)檫@嚴(yán)重影響了網(wǎng)站的優(yōu)化。

nofollow還有另外一個(gè)含義：不可信任的鏈接。

注意：你的網(wǎng)站可以沒有nofollow標(biāo)簽，但是如果使用了就要謹(jǐn)慎利用，以免帶來不利的影響。

四、JS和CSS頁(yè)面加載優(yōu)化

JS（Javascript）是一種直譯式腳本語言，在網(wǎng)頁(yè)上表現(xiàn)是一種動(dòng)態(tài)的功能效果，比如說：首頁(yè)的banner圖在不停切換，它的一個(gè)切換效果；全屏瀏覽圖片效果，網(wǎng)頁(yè)中的特效表現(xiàn)就是由JS代碼完成，對(duì)于SEOer來說這個(gè)代碼就很復(fù)雜了。

CSS是頁(yè)面的樣式，可以控制網(wǎng)站的文字、圖片的顏色大小和布局。

這些屬于網(wǎng)站的特效和樣式，從優(yōu)化的角度如果JS和CSS文件太多，搜索引擎訪問頁(yè)面話費(fèi)時(shí)間會(huì)增加，頁(yè)面打開速度也會(huì)變慢，此外wordpress部分插件JS會(huì)使用谷歌字體，谷歌服務(wù)器在國(guó)內(nèi)經(jīng)常被墻，如果實(shí)在找不到也沒打開速度變慢原因，有可能就是這樣JS或者CSS代碼影響。對(duì)于JS和CSS優(yōu)化就是可以把CSS和JS合并。

五、target=_blank標(biāo)簽

target=_blank，是html中錨鏈接中target屬性的一個(gè)選擇值，即點(diǎn)擊鏈接的時(shí)候是否打開新頁(yè)面。

是否重新打開頁(yè)面看起來也許并不是特別起眼，甚至可以說是非常小的細(xì)節(jié)。但往往正是這種小細(xì)節(jié)決定了用戶體驗(yàn)性。

1、交換來的友鏈

用戶在瀏覽我們網(wǎng)站的時(shí)候，有可能會(huì)誤點(diǎn)擊網(wǎng)站內(nèi)的友鏈鏈接，這些鏈接大多跟我們網(wǎng)站不屬于統(tǒng)一站點(diǎn)。如果這時(shí)沒有為這類鏈接設(shè)置target=_blank標(biāo)簽，這些新打開的頁(yè)面就會(huì)替換掉我們自己網(wǎng)站的頁(yè)面。

用戶進(jìn)入友鏈網(wǎng)站或者廣告之后，極大可能是關(guān)閉頁(yè)面，不設(shè)置target=_blank標(biāo)簽，用戶想要再次進(jìn)入我們的網(wǎng)站，只能從搜索引擎重新搜索進(jìn)入，這無疑影響了用戶體驗(yàn)，甚至是流失用戶。

2、由欄目頁(yè)到詳情頁(yè)

這是非常常見的情況，即客戶從一個(gè)概述或者總結(jié)性質(zhì)的頁(yè)面，進(jìn)入到其中某一小塊的詳細(xì)頁(yè)面中時(shí)，就應(yīng)使用target=_blank標(biāo)簽。

我們就拿百度或者谷歌這類搜索引擎舉例子，如果客戶用搜索引擎搜索內(nèi)容時(shí)，他并不知道哪一個(gè)搜索結(jié)果是他想要的。當(dāng)用戶進(jìn)入某個(gè)搜索結(jié)果時(shí)，客戶仍然希望可以看到其它的搜索結(jié)果。這時(shí)使用target=_blank標(biāo)簽就可以方便他瀏覽其他的搜索結(jié)果。

3、用戶在當(dāng)前頁(yè)面的操作成本較高時(shí)

這一點(diǎn)，在優(yōu)化網(wǎng)站的注冊(cè)系統(tǒng)時(shí)需要非常注意。

正常網(wǎng)站注冊(cè)都需要填寫姓名、郵箱、年齡生日、社交賬號(hào)、手機(jī)號(hào)及驗(yàn)證碼等等繁瑣的信息，有的專業(yè)網(wǎng)站甚至還需上傳個(gè)人照片及身份證照片。無論什么網(wǎng)站，在最后的時(shí)候都會(huì)有一個(gè)用戶協(xié)議需要勾選同時(shí)還要可以點(diǎn)開。

如果用戶協(xié)議沒有設(shè)置使用target=_blank標(biāo)簽，那么用戶在點(diǎn)擊查看用戶協(xié)議的時(shí)候，之前所有的操作都會(huì)被進(jìn)行刷新。從用戶層面來說一定會(huì)異常的懊惱，甚至可能會(huì)關(guān)閉網(wǎng)站。對(duì)網(wǎng)站而言就會(huì)損失用戶或者流量。

所以，在用戶進(jìn)行一些操作成本較高的操作時(shí)，比如注冊(cè)或者進(jìn)行一些上傳圖片、文章的操作時(shí)，都需要進(jìn)行新標(biāo)簽的打開。必要的情況下，用戶在刷新頁(yè)面的時(shí)候也要進(jìn)行彈窗的提醒，警示用戶該頁(yè)面的輸入信息將會(huì)丟失。

當(dāng)前頁(yè)面有正在播放的流媒體

當(dāng)用戶在我們網(wǎng)站播放一些視頻或者音頻時(shí)，如果誤點(diǎn)擊了其它鏈接，沒有設(shè)置target=_blank標(biāo)簽的話，進(jìn)入其它頁(yè)面之后，就會(huì)刷新之前頁(yè)面播放的視頻或者音頻的記錄。用戶再次返回播放頁(yè)面也只能重新播放或者手動(dòng)調(diào)整播放進(jìn)度，

這些對(duì)于用戶來說，都是糟糕的體驗(yàn)。所以在當(dāng)前頁(yè)面有用戶正在進(jìn)行播放的流媒體時(shí)，都應(yīng)當(dāng)在給頁(yè)面的內(nèi)鏈中設(shè)置target=_blank標(biāo)簽。

本文鏈接：http://www.hkass.cn/article/326.html