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

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

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

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

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

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

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

二、圖片Alt屬性

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

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

上圖中最佳的ALT屬性：

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

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

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

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

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

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

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

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

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

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

三、網(wǎng)站代碼

（1）H標(biāo)簽

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

正確使用：

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

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

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

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

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

（2）Nofollow標(biāo)簽

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

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

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

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

用處：

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

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

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

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

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

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

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

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

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

target=_blank，是html中錨鏈接中target屬性的一個選擇值，即點擊鏈接的時候是否打開新頁面。

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

1、交換來的友鏈

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

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

2、由欄目頁到詳情頁

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

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

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

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

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

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

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

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

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

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

本文鏈接：http://www.xmyxzdh.com/article/326.html