很多時候我們做網(wǎng)站診斷的目的,就在于我們在網(wǎng)站優(yōu)化中出現(xiàn)了一系列大大小小的問題。由于SEO是一項綜合性的工作,需要我們了解許多的SEO技術(shù)細(xì)節(jié),還需要堅持不懈的努力。因此在出現(xiàn)異常的時候,我們需要對網(wǎng)站內(nèi)外進(jìn)行全方位地診斷分析。網(wǎng)站內(nèi)部診斷離不開網(wǎng)站的代碼診斷。37網(wǎng)絡(luò)就給大家說說代碼診斷的問題,看看我們網(wǎng)站中都存在哪些代碼上的問題:
首先是布局問題,看下面這張圖。略懂代碼的SEO或者站長都知道,這是table布局,而我們很多人也知道,在網(wǎng)站優(yōu)化中div+css布局是遠(yuǎn)遠(yuǎn)好于table布局的。因為div和css代碼是分開存放,結(jié)構(gòu)清晰,下載較快,也利于修改,天生利于網(wǎng)站優(yōu)化。而table布局雖然兼容性好,可以避免布局坍塌,但在用戶看來,增加了頁面瀏覽速度,打開較慢,而且也給搜索引擎分析頁面內(nèi)容增加了難度。
代碼位置問題。如圖顯示,我們可以看出,大量的css代碼和javascript代碼被直接寫入html中,前面也說了,由于div和css代碼分開存放利于優(yōu)化,正因為將大部分的HTML代碼和樣式寫入了CSS文件中,這就使得網(wǎng)頁中正文部分更為突出明顯,由此便于被搜索引擎采集收錄。但直接寫入html中顯然不是好的方法。
若有大量的css和js代碼,應(yīng)該考慮將他們寫入外部文件中(比如css后綴的文件和js為后綴的文件),然后通過外部鏈接調(diào)用css代碼文件或js代碼文件,這里以37網(wǎng)絡(luò)為例子說明詳細(xì)的調(diào)用方法如下:
并把他們放在html文件的中。
無用的圖片和flash。這里說的無用的圖片和flash不僅僅包括html中出現(xiàn)的錯誤圖片和flash,也包括不利于、不符合SEO的圖片和flash代碼,如下圖,也許這里的圖片是裝飾作用,但對于SEO來說,它并不符合網(wǎng)站優(yōu)化規(guī)范。很多網(wǎng)站都存在這樣的問題,使用大量的圖片、圖標(biāo)和flash裝飾頁面,讓人眼花繚亂以至于弱化了網(wǎng)站的核心內(nèi)容。
大量的JavaScript調(diào)用
其實大量和JS代碼和大量的css代碼一樣,37網(wǎng)絡(luò)都建議全部用外部調(diào)用文件封裝。大量的JavaScript容易導(dǎo)致搜索引擎的抓取困難,因為目前的技術(shù),蜘蛛并不識別JS代碼,反而會影響到網(wǎng)站的體驗度。如下圖一樣,這個網(wǎng)站使用了大量的js特效和效果,更要命的是還直接寫入了html中,這就導(dǎo)致了網(wǎng)站代碼顯得尤其臃腫。
垃圾代碼問題。這是代碼優(yōu)化必不可少的一項工作。垃圾代碼的出現(xiàn)一方面對代碼不熟悉,另一方面是編輯器和自動生成的,還有就是往往和不好的操作習(xí)慣有關(guān),比如下圖中大量冗余的代碼,其中多余的樣式基本是無效的,這里的垃圾代碼可能是由于從其他網(wǎng)站或者word里直接粘貼進(jìn)來導(dǎo)致的,因此要學(xué)會規(guī)范操作,學(xué)會縮減網(wǎng)站中的多余的代碼。
不利于網(wǎng)站優(yōu)化的代碼問題其實不僅僅這幾種,還有一些其他的問題。37網(wǎng)絡(luò)認(rèn)為,不管是建站還是優(yōu)化維護(hù),都要用簡潔的代碼,雖然代碼的診斷有點復(fù)雜和麻煩,但我們在進(jìn)行網(wǎng)站診斷的時候,這一點是不能忽視的。一方面要保證代碼的正確性,另一方面還要注意代碼的規(guī)范性。因為我們不僅僅要給搜索引擎看,更重要的是給用戶看,雖然你爭辯說用戶不看代碼,但代碼的不正確可能導(dǎo)致網(wǎng)站功能或安全問題,代碼不規(guī)范可能導(dǎo)致瀏覽異常、不兼容、布局錯亂等用戶體驗的問題,你說網(wǎng)站代碼的這些問題你能視而不見嗎?原文37網(wǎng)絡(luò)-網(wǎng)站診斷,網(wǎng)站分析,優(yōu)化診斷轉(zhuǎn)載請標(biāo)明出處,感謝各位。
申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!