接(jiē)觸(chù)到(dào)不少的SEOER一(yī)聽到說(shuō)優化代碼(mǎ)，就(jiù)完(wán)全不懂了(liǎo)，其實(shí)代碼是SEO優化一個重要(yào)部(bù)分，不然(rán)發個(gè)外(wài)鏈(liàn)，寫(xiě)個文章，那麼是(shì)個人(rén)基(jī)本(běn)都(dū)能(néng)夠做到的，為(wéi)了跟(gēn)上(shàng)SEO的(dí)步伐(fá)，學代(dài)碼是SEOER必(bì)需(xū)經過的一(yī)段路(lù)程(chéng)！
雖然有寫人(rén)會(huì)覺(jué)得(dé)，代(dài)碼越來(lái)越(yuè)廉價(jià)，因為在購買完模(mó)版以(yǐ)後(hòu)，模版是(shì)根(gēn)據(jù)最(zuì)優(yōu)秀的網站抄襲(xí)的，比(bǐ)如博客(kè)咱們(mén)都(dū)有一(yī)個非(fēi)常優秀的(dí)博客模版，他能(néng)夠成功，咱(zán)就不(bù)能夠拿(ná)他(tā)的模版做(zuò)成功嗎，所以(yǐ)太多人(rén)報著(zhuó)這樣的心(xīn)態(tài)去做SEO優化，其實(shí)這(zhè)裏麵有(yǒu)嚴(yán)重的錯誤觀(guān)念(niàn)！比如(rú)說(shuō)，在新(xīn)站(zhàn)上綫的(dí)時(shí)候，盧鬆(sōng)鬆(sōng)並不(bù)是(shì)使用(yòng)現在(zài)的(dí)模版(bǎn)，因為那(nà)個的(dí)用戶使(shǐ)用(yòng)習慣接觸(chù)人群並(bìng)沒有現在的多，所以(yǐ)需要(yào)根(gēn)據IP，瀏覽(lǎn)量(liáng)，PV來調(tiáo)整網(wǎng)站，最(zuì)後(hòu)達(dá)到優(yōu)化的效果(guǒ)，而我們(mén)就不應該直(zhí)接購買一套(tào)成功的模版(bǎn)去(qù)做內容和(hé)鏈(liàn)接(jiē)優(yōu)化(huà)。咱還是不多說廢話了，進入主題(tí)，手把手(shǒu)的(dí)教您(nín)把自己網站(zhàn)的代碼給優化(huà)好！
就拿(ná)著我的博客作為例(lì)子，打開(kāi)馮耀(yào)宗博客【查(chá)看(kàn)源代(dài)碼】，雖(suī)然看起(qǐ)來(lái)非(fēi)常亂(luàn)的(dí)代碼，沒(méi)關(guān)係，咱們(mén)從上往下看(kàn)。
meta標簽：如(rú)果要做的(dí)非常(cháng)簡單(dān)，meta標簽隻需要(yào)設(shè)置(zhì)一(yī)個字(zì)符(fú)編(biān)碼(mǎ)就(jiù)可(kě)以了(liǎo)，咱們(mén)在任意(yì)地方購(gòu)買(mǎi)的(dí)模(mó)版(bǎn)都會寫上(shàng)字符編(biān)碼(mǎ)，另外(wài)title標題(tí)，關鍵詞(cí)，Description描(miáo)述這裏也(yě)列為meta標(biāo)簽去優化，這(zhè)三(sān)個地(dì)方(fāng)，一半在(zài)模版(bǎn)中會直(zhí)接(jiē)調用到後(hòu)台，可以直(zhí)接在(zài)後台(tái)設置，所(suǒ)以(yǐ)代碼上(shàng)需(xū)要基本是(shì)不(bù)需(xū)要(yào)操(cāo)作(zuò)。
CSS/JS引(yǐn)用(yòng)：在我們購買(mǎi)到網站模版後，大(dà)多數的網(wǎng)站(zhàn)均是調用JS或CSS的(dí)，這裏(lǐ)需(xū)要(yào)主意(yì)的是最(zuì)好(hǎo)使用(yòng)絕對(duì)路(lù)徑(jìng)調(tiáo)用JS/CSS，如下所(suǒ)示：
<LINK rel=stylesheet type=text/css href="http://antelcom.cn/templets/style/Index.css?ver=20151015
當然(rán)，絕對路(lù)徑是全(quán)站(zhàn)都(dū)需(xū)要(yào)做(zuò)到的(dí)，像(xiàng)圖(tú)片，文章鏈接，CSS/JS調用(yòng)等。這(zhè)一點是(shì)許多優化人(rén)員(yuán)不(bù)知(zhī)道並(bìng)且(qiě)沒(méi)有(yǒu)做(zuò)的(dí)一點(diǎn)，那(nà)麼(mó)絕對路徑(jìng)和(hé)相對(duì)路徑(jìng)是(shì)什麼(mó)意(yì)思(sī)呢？下麵的(dí)代碼就是(shì)相對(duì)路徑(jìng)，看完後，我相信(xìn)你(nǐ)已(yǐ)經(jīng)明(míng)白(bái)了(liǎo)，無(wú)非就(jiù)是在代碼中(zhōng)加(jiā)入自(zì)己(jǐ)的網站(zhàn)域(yù)名即可。
<LINK rel=stylesheet type=text/css href="/templets/style/Index.css?ver=20151015
另外相(xiāng)信大家(jiā)都看(kàn)到上(shàng)麵這(zhè)一段(duàn)CSS的時候會感(gǎn)覺(jué)有點不一(yī)樣，那就是我(wǒ)接(jiē)下(xià)來要說(shuō)的(dí)CSS設置緩(huǎn)存時間，當你的CSS/JS更新以(yǐ)後，瀏覽器(qì)會保持原來(lái)的緩存，如果(guǒ)不強(qiáng)行刷新，網站(zhàn)是不會更改過來(lái)，所以(yǐ)這裏需(xū)要(yào)設置緩(huǎn)存時(shí)間（?ver=20141015）來(lái)幫(bāng)用(yòng)戶更(gēng)新新的(dí)界麵，這(zhè)一點(diǎn)對SEO沒(méi)有(yǒu)直接作(zuò)用(yòng)，但是(shì)對(duì)用戶體驗有(yǒu)很大(dà)的(dí)幫助。
JS位置：我(wǒ)們(mén)買來(lái)的模版，JS絕對(duì)都(dū)是(shì)放在頭部(bù)，但(dàn)在優化的過程(chéng)中，而JS文件(jiàn)通常是(shì)效果(guǒ)文件(jiàn)，我們可(kě)以(yǐ)讓網站(zhàn)先(xiān)加載(zǎi)主題內(nèi)容(róng)，其次加載效果(guǒ)內容，所(suǒ)以(yǐ)有(yǒu)必要把JS文件從頭(tóu)部移動(dòng)到(dào)底(dǐ)部(bù)，這樣用戶(hù)看(kàn)起(qǐ)來你(nǐ)的(dí)網站(zhàn)會訪問的(dí)更快(kuài)，當然如(rú)果(guǒ)CSS有(yǒu)必要，一(yī)樣可以這樣(yàng)做，常規(guī)的CSS是(shì)不(bù)建(jiàn)議放(fàng)到底(dǐ)部，會影響(xiǎng)加(jiā)載(zǎi)效果。另(lìng)外(wài)JS及CSS不建(jiàn)議在html模版(bǎn)中寫入，最好是新建一個(gè)JS或(huò)CSS文件，然(rán)後(hòu)把(bǎ)JS或CSS內容放(fàng)入，在(zài)調(tiáo)用這(zhè)個CSS或JS文(wén)件即可(kě)。
LOGO：LOGO部(bù)分需要優化的主要有兩(liǎng)個方麵，第一(yī)個方(fāng)麵(miàn)在LOGO處加H1標(biāo)簽，其(qí)次是(shì)在LOGO的(dí)A標(biāo)簽處添(tiān)加(jiā)一個title屬(shǔ)性，title屬性中(zhōng)寫上(shàng)你優(yōu)化的主關(guān)鍵詞(cí)，之(zhī)所以(yǐ)建議(yì)寫(xiě)主關(guān)鍵(jiàn)詞而(ér)不(bù)寫(xiě)品牌詞原(yuán)因(yīn)有兩個(gè)，第一(yī)個增(zēng)加(jiā)優化主關鍵(jiàn)詞的(dí)密度，其(qí)次是title屬性用戶很難(nán)得看得到。
廣告：如果(guǒ)你網(wǎng)站是自己接(jiē)的廣告，那可以使用(yòng)百度廣(guǎng)告管家統(tǒng)計數據(jù)，同時(shí)還(huán)可以把多(duō)個廣告位的JS整合到一個JS裏(lǐ)麵(miàn)，這是對廣(guǎng)告聯盟(méng)的JS做一(yī)個何(hé)必，如(rú)果(guǒ)你是使(shǐ)用(yòng)百(bǎi)度(dù)廣告聯盟(méng)，沒關(guān)係(xì)，一樣對接(jiē)到(dào)百(bǎi)度管家(jiā)裏麵，然後(hòu)把廣告聯(lián)盟(méng)的JS整合(hé)到(dào)一個JS。其(qí)他第三方的廣(guǎng)告(gào)聯(lián)盟就設置不了，也沒有這(zhè)個(gè)優(yōu)勢！
導航：導(dǎo)航(háng)上(shàng)的優(yōu)化，通常(cháng)就(jiù)是一個(gè)A標簽，這個(gè)A標(biāo)簽不(bù)建(jiàn)議設置(zhì)新(xīn)窗口(kǒu)打開，另外一(yī)個(gè)是(shì)A標簽中的title屬(shǔ)性，如果條件(jiàn)允(yǔn)許(xǔ)，可以直(zhí)接設置成行(háng)業(yè)詞(cí)，而(ér)A標(biāo)簽中可(kě)顯示(shì)的文字可以設置(zhì)成(chéng)品牌詞，這樣(yàng)在不影響(xiǎng)體(tǐ)驗(yàn)的同時一樣達到了(liǎo)優(yōu)化關(guān)鍵詞的(dí)效(xiào)果。
文章(zhāng)鏈接：文章(zhāng)鏈接(jiē)通(tōng)常(cháng)是(shì)做兩(liǎng)個(gè)，一(yī)個(gè)在標題上(shàng)，一(yī)個(gè)做(zuò)在描述(shù)上，我(wǒ)的(dí)博客之所以沒做描述上(shàng)的鏈接，主要是(shì)在(zài)百度熱力(lì)圖上並(bìng)沒有看(kàn)到有(yǒu)多(duō)少人點擊(jī)描(miáo)述部(bù)位(wèi)。不過我還是建議(yì)在描述位置增加(jiā)一個(gè)A標簽(qiān)，A標簽中增(zēng)加title屬性。
這(zhè)裏需要(yào)提醒(xǐng)一點的(dí)是(shì)，當一(yī)篇(piān)文(wén)章出(chū)現(xiàn)兩個一(yī)樣(yàng)的(dí)A標(biāo)簽指向的時候，我(wǒ)們(mén)需要用(yòng)nofollow標簽屏蔽(bì)其中一(yī)個(gè)鏈(liàn)接(jiē)，這裏描(miáo)述和(hé)標(biāo)題都(dū)出現(xiàn)了同一(yī)個(gè)鏈接，這裏建議使(shǐ)用nofollow標簽屏蔽描述上的(dí)鏈(liàn)接(jiē)，加(jiā)上去是為了讓(ràng)用戶方(fāng)便點擊，屏蔽(bì)是為了不(bù)讓搜索(suǒ)引擎(qíng)重復抓(zhuā)取。
搜索(suǒ)：站(zhàn)內搜索(suǒ)頁(yè)麵本不(bù)建議(yì)做SEO優(yōu)化(huà)，因為大多(duō)站(zhàn)內(nèi)搜索(suǒ)都是動態(tài)頁(yè)麵(miàn)，而這(zhè)些(xiē)動態頁(yè)麵均直接(jiē)用robots了屏(píng)蔽百度(dù)蜘(zhī)蛛，艾瑞網曾(zēng)使用搜索結果(guǒ)頁(yè)麵(miàn)做(zuò)SEO排名被刷排(pái)名出(chū)現降權(quán)，所以我(wǒ)們要吸(xī)取教(jiào)訓，不過最好還是建議使(shǐ)用百(bǎi)度(dù)的站(zhàn)內(nèi)搜索(suǒ)。這樣自(zì)己網頁(yè)就不(bù)會(huì)出(chū)現太多的(dí)垃圾(jī)頁麵(miàn)收(shōu)錄(lù)了。
版權：版(bǎn)權(quán)是可以(yǐ)留下的，使用別人的(dí)程(chéng)序不(bù)留(liú)版(bǎn)權是不道(dào)德(dé)的(dí)行為，所以有必要(yào)在底部留下對於(yú)的版(bǎn)權信息，但是版權，備(bèi)案，站外(wài)鏈(liàn)接(jiē)都(dū)應該(gāi)加(jiā)nofollow標(biāo)簽，當(dāng)然這是(shì)站外(wài)的鏈接(jiē)，站(zhàn)內也(yě)有(yǒu)部分鏈接(jiē)需(xū)要加入nofollow標簽(qiān)，比(bǐ)如我(wǒ)博(bó)客底部的(dí)廣(guǎng)告合作，微信二維(wéi)碼(mǎ)，手機客戶端，聯係(xì)QQ等頁(yè)麵。
體(tǐ)驗(yàn)：其實在用戶體驗上的優(yōu)化本問說的並不少(shǎo)很多(duō)，但代碼(mǎ)可(kě)以決定(dìng)用(yòng)戶(hù)體(tǐ)驗，比如(rú)增加百度(dù)統(tǒng)計的返(fǎn)回頂部功能(néng)，文章頁麵(miàn)增(zēng)加快(kuài)速(sù)評(píng)論(lùn)功(gōng)能(néng)，一個(gè)網站最(zuì)多隻能顯示3屏(píng)，左右可以(yǐ)翻(fān)頁等(děng)功(gōng)能，看(kàn)起來功能(néng)非常少(shǎo)，但綜合的(dí)細(xì)節決定一個網站的成敗！
網站(zhàn)地(dì)圖：網(wǎng)站(zhàn)地(dì)圖(tú)是搜索引擎(qíng)最(zuì)容易抓取(qǔ)的(dí)一(yī)個頁麵(miàn)，這個頁(yè)麵裏(lǐ)麵有所有應該被(bèi)抓取(qǔ)的內容(róng)，所(suǒ)以(yǐ)很多(duō)時候，搜索(suǒ)引擎(qíng)為了(liǎo)偷(tōu)懶，他自然(rán)會(huì)抓取(qǔ)網站(zhàn)地(dì)圖(tú)文件，通常情(qíng)況下網站地圖(tú)的代(dài)碼如(rú)下所示(shì)：
<url>
<loc>http://antelcom.cn/SEOjishu/</loc>
<changefreq>daily</changefreq>
<priority>0.8</priority>
</url>
代碼非常簡(jiǎn)單(dān)LOC為鏈接，changefreq為(wéi)更新時間，我(wǒ)博客(kè)的更(gēng)新時(shí)間為一周(zhōu)，priority為(wéi)權重(zhòng)，比(bǐ)如首頁為1，欄目(mù)為0.8。
Robots：搜(sōu)索引擎(qíng)在抓(zhuā)取一(yī)個網(wǎng)站的時(shí)候，第一(yī)時間(jiān)看(kàn)robots 文件，這裏可以識別(bié)到哪(nǎ)些(xiē)文(wén)件(jiàn)可(kě)以(yǐ)抓(zhuā)取，哪些文(wén)件不可以(yǐ)，robots文件最主(zhǔ)要一點就是把網(wǎng)站(zhàn)地(dì)圖寫上(shàng)去(qù)，如(rú)下所示(shì)：
sitemap: http://antelcom.cn/sitemap.xml
總結：看(kàn)了這麼多，我相(xiāng)信你(nǐ)的(dí)網(wǎng)站(zhàn)也有(yǒu)沒有(yǒu)完善的，趕緊行(háng)動試(shì)一下(xià)？【馮(féng)耀(yào)宗(zōng)】
轉載請保(bǎo)留原(yuán)文(wén)地址: https://antelcom.cn/show-561.html