域名注冊(cè) 網(wǎng)站制作
您現(xiàn)在的位置:首頁(yè) >> 網(wǎng)站優(yōu)化 >> 內(nèi)容

seo怎么優(yōu)化:手把手的教你SEO優(yōu)化代碼

時(shí)間:2016/3/29 15:16:58 點(diǎn)擊:2345

摘要:接觸到不少的SEOER一聽到說優(yōu)化代碼,就完全不懂了,其實(shí)代碼是SEO優(yōu)化一個(gè)重要部分,不然發(fā)個(gè)外鏈、寫個(gè)文章,那么是個(gè)人基本都能夠做到的,為了跟上SEO的步伐,學(xué)代碼是SEOER必需經(jīng)過的一段路程...

接觸到不少的SEOER一聽到說優(yōu)化代碼,就完全不懂了,其實(shí)代碼是SEO優(yōu)化一個(gè)重要部分,不然發(fā)個(gè)外鏈、寫個(gè)文章,那么是個(gè)人基本都能夠做到的,為了跟上SEO的步伐,學(xué)代碼是SEOER必需經(jīng)過的一段路程!
seo怎么優(yōu)化:手把手的教你SEO優(yōu)化代碼
雖然有寫人會(huì)覺得,代碼越來越廉價(jià),因?yàn)樵谫?gòu)買完模版以后,模版是根據(jù)最優(yōu)秀的網(wǎng)站抄襲的,比如博客咱們都有一個(gè)非常優(yōu)秀的博客模版,他能夠成功,咱就不能夠拿他的模版做成功嗎,所以太多人報(bào)著這樣的心態(tài)去做SEO優(yōu)化,其實(shí)這里面有嚴(yán)重的錯(cuò)誤觀念!比如說,在新站上線的時(shí)候,盧松松并不是使用現(xiàn)在的模版,因?yàn)槟莻(gè)的用戶使用習(xí)慣接觸人群并沒有現(xiàn)在的多,所以需要根據(jù)IP、瀏覽量、PV來調(diào)整網(wǎng)站,最后達(dá)到優(yōu)化的效果,而我們就不應(yīng)該直接購(gòu)買一套成功的模版去做內(nèi)容和鏈接優(yōu)化。咱還是不多說廢話了,進(jìn)入主題,手把手的教您把自己網(wǎng)站的代碼給優(yōu)化好!

就拿著我的博客作為例子,打開馮耀宗博客【查看源代碼】,雖然看起來非常亂的代碼,沒關(guān)系,咱們從上往下看。

meta標(biāo)簽:如果要做的非常簡(jiǎn)單,meta標(biāo)簽只需要設(shè)置一個(gè)字符編碼就可以了,咱們?cè)谌我獾胤劫?gòu)買的模版都會(huì)寫上字符編碼,另外title標(biāo)題、關(guān)鍵詞、Description描述這里也列為meta標(biāo)簽去優(yōu)化,這三個(gè)地方,一半在模版中會(huì)直接調(diào)用到后臺(tái),可以直接在后臺(tái)設(shè)置,所以代碼上需要基本是不需要操作。

CSS/JS引用:在我們購(gòu)買到網(wǎng)站模版后,大多數(shù)的網(wǎng)站均是調(diào)用JS或CSS的,這里需要主意的是最好使用絕對(duì)路徑調(diào)用JS/CSS,如下所示:

<LINK rel=stylesheet type=text/css href="http://www.biwz.cn/templets/style/Index.css?ver=20151015

當(dāng)然,絕對(duì)路徑是全站都需要做到的,像圖片、文章鏈接、CSS/JS調(diào)用等。這一點(diǎn)是許多優(yōu)化人員不知道并且沒有做的一點(diǎn),那么絕對(duì)路徑和相對(duì)路徑是什么意思呢?下面的代碼就是相對(duì)路徑,看完后,我相信你已經(jīng)明白了,無非就是在代碼中加入自己的網(wǎng)站域名即可。

<LINK rel=stylesheet type=text/css href="/templets/style/Index.css?ver=20151015

另外相信大家都看到上面這一段CSS的時(shí)候會(huì)感覺有點(diǎn)不一樣,那就是我接下來要說的CSS設(shè)置緩存時(shí)間,當(dāng)你的CSS/JS更新以后,瀏覽器會(huì)保持原來的緩存,如果不強(qiáng)行刷新,網(wǎng)站是不會(huì)更改過來,所以這里需要設(shè)置緩存時(shí)間(?ver=20141015)來幫用戶更新新的界面,這一點(diǎn)對(duì)SEO沒有直接作用,但是對(duì)用戶體驗(yàn)有很大的幫助。

JS位置:我們買來的模版,JS絕對(duì)都是放在頭部,但在優(yōu)化的過程中,而JS文件通常是效果文件,我們可以讓網(wǎng)站先加載主題內(nèi)容,其次加載效果內(nèi)容,所以有必要把JS文件從頭部移動(dòng)到底部,這樣用戶看起來你的網(wǎng)站會(huì)訪問的更快,當(dāng)然如果CSS有必要,一樣可以這樣做,常規(guī)的CSS是不建議放到底部,會(huì)影響加載效果。另外JS及CSS不建議在html模版中寫入,最好是新建一個(gè)JS或CSS文件,然后把JS或CSS內(nèi)容放入,在調(diào)用這個(gè)CSS或JS文件即可。

LOGO:LOGO部分需要優(yōu)化的主要有兩個(gè)方面,第一個(gè)方面在LOGO處加H1標(biāo)簽,其次是在LOGO的A標(biāo)簽處添加一個(gè)title屬性,title屬性中寫上你優(yōu)化的主關(guān)鍵詞,之所以建議寫主關(guān)鍵詞而不寫品牌詞原因有兩個(gè),第一個(gè)增加優(yōu)化主關(guān)鍵詞的密度,其次是title屬性用戶很難得看得到。

廣告:如果你網(wǎng)站是自己接的廣告,那可以使用百度廣告管家統(tǒng)計(jì)數(shù)據(jù),同時(shí)還可以把多個(gè)廣告位的JS整合到一個(gè)JS里面,這是對(duì)廣告聯(lián)盟的JS做一個(gè)何必,如果你是使用百度廣告聯(lián)盟,沒關(guān)系,一樣對(duì)接到百度管家里面,然后把廣告聯(lián)盟的JS整合到一個(gè)JS。其他第三方的廣告聯(lián)盟就設(shè)置不了,也沒有這個(gè)優(yōu)勢(shì)!

導(dǎo)航:導(dǎo)航上的優(yōu)化,通常就是一個(gè)A標(biāo)簽,這個(gè)A標(biāo)簽不建議設(shè)置新窗口打開,另外一個(gè)是A標(biāo)簽中的title屬性,如果條件允許,可以直接設(shè)置成行業(yè)詞,而A標(biāo)簽中可顯示的文字可以設(shè)置成品牌詞,這樣在不影響體驗(yàn)的同時(shí)一樣達(dá)到了優(yōu)化關(guān)鍵詞的效果。

文章鏈接:文章鏈接通常是做兩個(gè),一個(gè)在標(biāo)題上,一個(gè)做在描述上,我的博客之所以沒做描述上的鏈接,主要是在百度熱力圖上并沒有看到有多少人點(diǎn)擊描述部位。不過我還是建議在描述位置增加一個(gè)A標(biāo)簽,A標(biāo)簽中增加title屬性。

這里需要提醒一點(diǎn)的是,當(dāng)一篇文章出現(xiàn)兩個(gè)一樣的A標(biāo)簽指向的時(shí)候,我們需要用nofollow標(biāo)簽屏蔽其中一個(gè)鏈接,這里描述和標(biāo)題都出現(xiàn)了同一個(gè)鏈接,這里建議使用nofollow標(biāo)簽屏蔽描述上的鏈接,加上去是為了讓用戶方便點(diǎn)擊,屏蔽是為了不讓搜索引擎重復(fù)抓取。

搜索:站內(nèi)搜索頁(yè)面本不建議做SEO優(yōu)化,因?yàn)榇蠖嗾緝?nèi)搜索都是動(dòng)態(tài)頁(yè)面,而這些動(dòng)態(tài)頁(yè)面均直接用robots了屏蔽百度蜘蛛,艾瑞網(wǎng)曾使用搜索結(jié)果頁(yè)面做SEO排名被刷排名出現(xiàn)降權(quán),所以我們要吸取教訓(xùn),不過最好還是建議使用百度的站內(nèi)搜索。這樣自己網(wǎng)頁(yè)就不會(huì)出現(xiàn)太多的垃圾頁(yè)面收錄了。

版權(quán):版權(quán)是可以留下的,使用別人的程序不留版權(quán)是不道德的行為,所以有必要在底部留下對(duì)于的版權(quán)信息,但是版權(quán)、備案、站外鏈接都應(yīng)該加nofollow標(biāo)簽,當(dāng)然這是站外的鏈接,站內(nèi)也有部分鏈接需要加入nofollow標(biāo)簽,比如我博客底部的廣告合作、微信二維碼、手機(jī)客戶端、聯(lián)系QQ等頁(yè)面。

體驗(yàn):其實(shí)在用戶體驗(yàn)上的優(yōu)化本問說的并不少很多,但代碼可以決定用戶體驗(yàn),比如增加百度統(tǒng)計(jì)的返回頂部功能,文章頁(yè)面增加快速評(píng)論功能、一個(gè)網(wǎng)站最多只能顯示3屏、左右可以翻頁(yè)等功能,看起來功能非常少,但綜合的細(xì)節(jié)決定一個(gè)網(wǎng)站的成!

網(wǎng)站地圖:網(wǎng)站地圖是搜索引擎最容易抓取的一個(gè)頁(yè)面,這個(gè)頁(yè)面里面有所有應(yīng)該被抓取的內(nèi)容,所以很多時(shí)候,搜索引擎為了偷懶,他自然會(huì)抓取網(wǎng)站地圖文件,通常情況下網(wǎng)站地圖的代碼如下所示:

<url>

<loc>http://www.biwz.cn/SEOjishu/</loc>

<changefreq>daily</changefreq>

<priority>0.8</priority>

</url>

代碼非常簡(jiǎn)單LOC為鏈接、changefreq為更新時(shí)間,我博客的更新時(shí)間為一周、priority為權(quán)重,比如首頁(yè)為1,欄目為0.8。

Robots:搜索引擎在抓取一個(gè)網(wǎng)站的時(shí)候,第一時(shí)間看robots 文件,這里可以識(shí)別到哪些文件可以抓取,哪些文件不可以,robots文件最主要一點(diǎn)就是把網(wǎng)站地圖寫上去,如下所示:

sitemap: http://www.biwz.cn/sitemap.xml

總結(jié):看了這么多,我相信你的網(wǎng)站也有沒有完善的,趕緊行動(dòng)試一下?【馮耀宗】

轉(zhuǎn)載請(qǐng)保留原文地址: http://www.biwz.cn/show-561.html

責(zé)編:王麗 作者:不詳 來源:網(wǎng)絡(luò)