SEOer不能忽略的網站HTML代碼標簽優化

網站代碼碼又稱網站源代碼或網站源碼，作為seoer不同于網頁設計員需要懂得很多代碼，不過了解并很好運用一些常用的HTML代碼在網站優化和排名上能起到很大作用。主要介紹seo優化中常用的title、meta、圖片alt屬性、H標簽、nofollow標簽，JS和CSS代碼。

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

一、部HTML代碼標簽Title和Meta

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

<title>頁面的標題SEO</title>

<meta name="keywords" content="關鍵詞" />

<meta name="description" content="頁面描述內容" />

二、圖片Alt屬性

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

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

上圖中出色的/卓越的/優異的/杰出的的ALT屬性：

①不太好，沒有添加圖片的alt屬性內容

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

②較好的，添加了一個關鍵詞

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

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

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

④應避免的，關鍵詞堆積

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

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

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

三、網站代碼

（1）H標簽

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

正確使用：

h標簽不是一個必要的標簽，就是說可以沒有；

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

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

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

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

（2）Nofollow標簽

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

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

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

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

用處：

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

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

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

注意：你的網站可以沒有nofollow標簽，但是如果使用了就要謹慎利用，以免帶來不利的影響。

四、JS和CSS頁面加載優化

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

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

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

五、target=_blank標簽

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

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

1、交換來的友鏈

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

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

2、由欄目頁到詳情頁

這是非常常見的情況，即客戶從一個概述或者總結性質的頁面，進入到其中某一小塊的詳細頁面中時，就應使用target=_blank標簽。

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

3、用戶在當前頁面的操作成本較高時

這一點，在優化網站的注冊系統時需要非常注意。

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

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

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

當前頁面有正在播放的流媒體

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

這些對于用戶來說，都是糟糕的體驗。所以在當前頁面有用戶正在進行播放的流媒體時，都應當在給頁面的內鏈中設置target=_blank標簽。