當(dāng)前位置:首頁 >  站長 >  搜索優(yōu)化 >  正文

seo優(yōu)化代碼的必讀,教你給網(wǎng)頁完美瘦身!

 2014-08-27 11:12  來源: A5專欄   我來投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競價(jià),好“米”不錯(cuò)過

每個(gè)seo都應(yīng)該熟練掌握網(wǎng)頁代碼優(yōu)化,因?yàn)樗阉饕婧腿瞬灰粯?,它們不是用眼睛去看,而是通過代碼去分析網(wǎng)頁。尤其對中大型網(wǎng)站,站內(nèi)代碼優(yōu)化工作在很大程度上影響著seo的工作成果。今天,seo奇兵就分享幾個(gè)網(wǎng)頁代碼優(yōu)化的心得給大家。

1、清除代碼中垃圾代碼,例如:無意義的空格、默認(rèn)屬性、注釋語句和空語句等。

尤其是制作網(wǎng)頁過程中的空格,肯定會(huì)有不少,一般100K大小的網(wǎng)頁,空格所占的空間大概在15K??崭褡址畛3霈F(xiàn)在代碼的開始、結(jié)束、空行中。大家可以把在Dreamweaver里全部選中代碼然后按shift+tab鍵左對齊。去除空格之后,就可以把網(wǎng)頁的體積縮小不少,提高網(wǎng)頁打開速度。

2、使用DIV+CSS布局網(wǎng)頁

很多人在制作網(wǎng)頁時(shí)采用table,可能這是為了布局的簡易和網(wǎng)頁的兼容性,但table的布局沒有清晰的層次關(guān)系,如果是多層表格的嵌套還會(huì)大大增加代碼量。采用div+css布局方式代碼可以讓代碼更簡練,網(wǎng)站優(yōu)化效果會(huì)更加明顯。

3、將CSS樣式寫入外部文件,CSS書寫采用簡寫形式

很多人為了調(diào)試方便常常使用內(nèi)嵌式CSS(在head區(qū)域的普通內(nèi)嵌式和在標(biāo)簽內(nèi)出現(xiàn)的行內(nèi)內(nèi)嵌式css),這樣會(huì)增加頁面內(nèi)容無關(guān)代碼量,不利于搜索引擎迅速理解頁面信息。我們應(yīng)該讓所有css均處于外部文件,從而使網(wǎng)頁代碼最簡練。

另外很多CSS樣式有簡寫的方法,例如:.mycss { padding-top:10px; padding-right:5px; padding-bottom:10px; padding-left:3px; } 如果采用簡寫形式,只需要 .mycss { padding:10px 5px 10px 3px; } 即可,具體簡寫的樣式有那些,大家找下相關(guān)css教程就可以了,網(wǎng)上很多。

特別要注意一點(diǎn):并不是說網(wǎng)站采用了DIV+CSS就一定等于優(yōu)化到家了,DIV之間的層次關(guān)系不容忽視,直接會(huì)影響到搜索引擎對頁面信息區(qū)塊的理解!如果大家不明白,可以參考seo奇兵博客的頁面源代碼,頁面層次關(guān)系一看便知。

4、多采用html標(biāo)簽,減少“class=xxx”這種代碼。例如:

我們完全可以采用下面的代碼:

至于相關(guān)元素的CSS樣式方面,我們只需要在外部css文件中對它們所處ul樣式myul的 .myul li i 、.myul li span、.myul li p定義一下就可以了。

5、減少Flash,如果用javascript效果可以代替最好

Flash是搜索引擎目前無法很好理解的,而且對蘋果設(shè)備兼容性不好,所以,如果你的網(wǎng)站非常需要,最好用javascript來實(shí)現(xiàn)動(dòng)畫。

6、減少javascript

大量的javascript會(huì)增加網(wǎng)頁體積,影響搜索引擎蜘蛛對頁面的抓取。如果頁面效果(例如:導(dǎo)航欄、浮動(dòng)層等)能采用DIV+CSS代替最好。

特別要注意避免很多程序員喜歡的用javascript方式做超鏈接,除非你認(rèn)為這個(gè)鏈接不重要,不想給下一級(jí)頁面?zhèn)鬟f什么權(quán)重。

7、在服務(wù)器端對網(wǎng)頁進(jìn)行GZIP壓縮

服務(wù)器端啟用GZIP壓縮能減少網(wǎng)頁30%-80%的體積,是最重要的一種優(yōu)化效果,當(dāng)然這個(gè)功能是需要服務(wù)器控件支持。

最后提醒大家,如果想做好網(wǎng)站原創(chuàng)性,你最好使用自己單獨(dú)設(shè)計(jì)制作的模板,而不要采用一些網(wǎng)上泛濫的大眾化模板,從而最有利于網(wǎng)站優(yōu)化效果提升。

本文由seo奇兵() 首發(fā)A5,轉(zhuǎn)載請保留信息!

申請創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)標(biāo)簽
seo優(yōu)化

相關(guān)文章

  • 個(gè)人做網(wǎng)站,一年可以賺多少錢?聊賣站

    今天,有一些圈外的朋友來咨詢我做網(wǎng)站變現(xiàn)的事情,問我:賀老師,我要是做一個(gè)網(wǎng)站,一年可以賺多少錢?我用2張圖片,來解答這個(gè)問題:做一個(gè)網(wǎng)站,一年可以賺多少錢?取決于如何做這個(gè)站點(diǎn),能把它帶到什么樣的地步!有人半年可以賺24個(gè)W,但是也有人,一年只賺2000塊:是什么問題,導(dǎo)致了如此懸殊的一個(gè)差距呢?

  • 微信問一問是什么,有什么優(yōu)勢、怎么結(jié)合搜一搜SEO做排名引流?

    前言:這是白楊SEO原創(chuàng)第457篇。為什么想到寫這個(gè)?因?yàn)閮蓚€(gè)月前微信剛上線內(nèi)測我就發(fā)了一個(gè)問一問視頻,現(xiàn)在基本算全開放了,所以想讓做SEO,流量,甚至想玩普通人都知道這個(gè)新渠道,希望對大家做品宣和搞流量有幫助。文章大綱:1、微信問一問是什么?入口在哪?2、做微信問一問有什么好處?3、微信問一問怎么

    標(biāo)簽:
    seo優(yōu)化
  • 企業(yè)做SEO優(yōu)化的重要性和意義?網(wǎng)站為何要做優(yōu)化?

    很多大小型企業(yè)都有自己的網(wǎng)站,那么企業(yè)做網(wǎng)站是干嘛呢?有什么作用?我的理解是,您首先是希望為了能夠在百度、360、搜狗等搜索引擎中得到展現(xiàn),讓更多的用戶通過網(wǎng)上搜索看到公司企業(yè)正在做什么,企業(yè)形象背景以及口碑如何,最終目的是為了營銷,為了推廣我們的品牌,讓更多的需求客戶通過網(wǎng)絡(luò),通過百度、360等搜

  • 如何用人工智能創(chuàng)作結(jié)合SEO以知乎為例獲取百度搜索流量?

    使用大致流程如下:1、確定自己業(yè)務(wù)的主要關(guān)鍵詞2、確定想要的流量(百度搜索來的還是知乎站內(nèi))3、確定自己想用知乎文章為主還是問答為主4、挖掘用戶需求的關(guān)鍵詞5、用ChatGPT或平替產(chǎn)品生成文字內(nèi)容6、生成的內(nèi)容優(yōu)化修改,用來寫文章或者做回答7、布局SEO的用戶需求關(guān)鍵詞在標(biāo)題和內(nèi)容里8、置入引流信

    標(biāo)簽:
    seo優(yōu)化
  • 最接地氣的SEO指南 讓新入行的你少走一大段彎路

    老賀是2005年開始做網(wǎng)站的,那時(shí)候我們國內(nèi)的網(wǎng)站并不多,但是每天分享知識(shí)的人卻不少,整天混跡在A5站長網(wǎng)、站長之家、落伍者上面,不斷的充實(shí)自己,不過信息良莠不齊,也走了很多的彎路。之后在實(shí)踐、實(shí)戰(zhàn)中有了技能,在2008年的時(shí)候,老賀開始對外搞SEO,就這樣一晃十多年過去了。今天這篇文章,老賀只寫一

熱門排行

信息推薦