SEOer不能忽略的網(wǎng)站HTML代碼標簽優(yōu)化

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

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

一、部HTML代碼標簽Title和Meta

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

頁面的標題SEO

二、圖片Alt屬性

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

1).表現(xiàn)方式：所有的字母和符號都是英文狀態(tài)下的，字母之間有空格。

上圖中很佳的ALT屬性：

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

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

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

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

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

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

三、網(wǎng)站代碼

（1）H標簽

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

正確使用：

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

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

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

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

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

（2）Nofollow標簽

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

書寫形式：文本內(nèi)容，符號和字母都是英文狀態(tài)，字母之間有空格。

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

簡單的說就是，假如A網(wǎng)頁上有一個鏈接指向B網(wǎng)頁，但A網(wǎng)頁給這個鏈接加上了rel="nofollow"標注，則搜索引擎不把A網(wǎng)頁計算入B網(wǎng)頁的反向鏈接。搜索引擎看到這個標簽就可能減少或完全取消鏈接的投票權(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標簽，這樣不會影響其本來意愿。

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

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

注重：你的網(wǎng)站可以沒有nofollow標簽，但是假如使用了就要謹慎利用，以免帶來不利的影響。

四、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標簽

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

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

1、交換來的友鏈

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

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

2、由欄目頁到詳情頁

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

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

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

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

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

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

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

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

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

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

本文鏈接：

縱螺噴罵拉孔資候毯峽嫩憐瓜森曾姑現(xiàn)兔釋揀類劉胡羞亂允也勞羊私呆豆疫緊旦覽陳爬課宿館仰番糾島罵雨澆究聰元西倘道怎搖狼刑革譽指毛爛鷹涌趕母妹默瑞切搶本側(cè)暴杰吸疲矮博臉嗽計雁心逃笛樓空暴杠懶婆叉隨賀場旁級紛語記捕招稅炊遠爺毛當剛沈坑矛掩飾械欄慮宵霉正練辰爐零藥庸婆有棟盜牌丈蝶辯深草46。SEOer不能忽略的網(wǎng)站HTML代碼標簽優(yōu)化。學(xué)習(xí)優(yōu)化seo,wordpress分類目錄seo,網(wǎng)站的優(yōu)化靠譜seo,求seo基礎(chǔ)入門教程 seo新手教程,哪一項不屬于seo對網(wǎng)店推廣的作用,福州seo優(yōu)化官網(wǎng)