當(dāng)前位置: 首頁 > 設(shè)計(jì)知識 > 企業(yè)官網(wǎng)設(shè)計(jì) > 如何制作搜索引擎優(yōu)化網(wǎng)頁?
網(wǎng)頁優(yōu)化是提高網(wǎng)站運(yùn)行效率的一個(gè)重要環(huán)節(jié)。如何網(wǎng)頁過大,那么就會導(dǎo)致很長的下載時(shí)間,導(dǎo)致網(wǎng)站打開過慢,既不利于蜘蛛的爬行,也不利于用戶的體驗(yàn),這在搜索引擎優(yōu)化中是一件避諱的事情,那么,如何得到較小的網(wǎng)頁文件,使得較短的下載時(shí)間,并使網(wǎng)頁利于搜索引擎的檢索,就是新手們必須面對的問題,事實(shí)上,制作網(wǎng)頁前應(yīng)統(tǒng)籌規(guī)劃頁面內(nèi)容,控制文件大小,并從圖像處理、表格使用、編商標(biāo)設(shè)計(jì)碼等方面綜合考慮優(yōu)化,這樣才能達(dá)到最佳的效果。一般情況下,要制定符合搜索引擎優(yōu)化需求的頁面,應(yīng)該注意以下幾點(diǎn):
第一:從頁面元素考慮
1.如何使用幀
幀可將瀏覽器視窗分為不同的框架,在每一個(gè)框架中顯示不同的網(wǎng)頁。采用幀結(jié)構(gòu)的頁面往往比普通頁面下載速度慢,使用不當(dāng)時(shí)甚至出現(xiàn)“內(nèi)存溢出”。許多搜索引擎也不能識別幀。但是可利用頁面內(nèi)涵的隱藏幀傳遞數(shù)據(jù),也可利用浮動幀傳遞圖像等信息,原則是以不破壞頁面的完整性,使用一個(gè)URL定位頁面為宜。
2.表格結(jié)構(gòu)的設(shè)計(jì)
表格具有完備的布局功能,可以指定文檔或圖像的位置,但它同樣有不利之處,例如訪問一些站點(diǎn)時(shí),等待許久都不出現(xiàn)結(jié)果,只有按“停止”按鈕后頁面才一下子顯示出來,瀏覽器遇到表格時(shí),會先從里到外依次解釋表格結(jié)構(gòu),最后再解釋表格內(nèi)容,造成頁面顯示十分緩慢。應(yīng)采用合理的表格結(jié)構(gòu),即把網(wǎng)頁分成幾個(gè)表格進(jìn)行設(shè)計(jì),比如一個(gè)表格放導(dǎo)航菜單,一個(gè)放內(nèi)容目錄,瀏覽器這時(shí)將解釋一個(gè)表格,出現(xiàn)其內(nèi)容,然后再解釋下一個(gè)表格。表格結(jié)構(gòu)越簡單,頁面顯示越快。應(yīng)盡量避免將所有元素嵌套在一個(gè)表格里。
3.圖像的處理
圖像是公認(rèn)的影響網(wǎng)站訪問速度的因素,盡量少用圖像是提高網(wǎng)站訪問速度的要訣??梢圆捎貌捎煤线m的圖像格式,JPEG與GIF是網(wǎng)頁常用的圖像格式,能在產(chǎn)生相近視覺效果的前提下,大幅縮減文件。對于同樣內(nèi)容的4KB以下的圖像文件,GIF格式比JPEG格式效果更好。我們還可以通過商標(biāo)設(shè)計(jì)減小圖像面積、減少圖像色彩和壓縮。并盡可能地減少圖像文件的數(shù)目。而處理大圖像可以建立一個(gè)縮圖圖像文件置于頁面中,將它鏈接到原始的大圖像,用戶可“點(diǎn)擊看大圖”。
4.網(wǎng)頁頭部屬性
網(wǎng)頁頭部屬性是指mML文件中被標(biāo)識符里的內(nèi)容,充分利用其中的title和meta標(biāo)簽,能夠使網(wǎng)頁對搜索引擎友好,在檢索結(jié)果中脫穎而出。titIe要盡可能反映頁面內(nèi)容,最好能包含重要的關(guān)鍵詞。Keywords各詞之間要用逗號分開,避免重復(fù)。
第二、從編碼方面考慮
1..使用樣式表
當(dāng)頁面上所有的文字都是同一大小時(shí),用樣式表(CSS)定義文字會比分別定義減少很多代碼,減少文件的大小。
2.使用默認(rèn)值
如果頁面大多數(shù)的鏈接都要新開一個(gè)窗口,那么將該頁面目標(biāo)框架的默認(rèn)值設(shè)為“新建窗口”,會減少很多開新窗口的定義。
3.簡化表格
當(dāng)文字或圖像在表格里居中時(shí),使用單元格居中就會比文字居中產(chǎn)生的代碼少;設(shè)置表格某行為綠色,使用行定義背景色會比單元格定義代碼少。在定義表格的 width和height屬性時(shí),應(yīng)注意所定義的數(shù)值與內(nèi)容寬度要盡量一致。遵循一條原則:不出現(xiàn)多于一個(gè)的控制同一個(gè)單元格大小的height和 width,保證任何一個(gè)width和height都是有效的即改動代碼中任何一個(gè)width和height的值,都應(yīng)該在瀏覽器中看到變化。
4.減少相同代碼
多條信息的顯示盡量使用有序或無序列表,而不是表格。
5.說明圖像大小
即給附上width和height屬性,這樣瀏覽器在下載圖像前便確定了正確的頁面布局,先把文字和其他后繼內(nèi)容顯示出來,使用戶在下載圖像的同時(shí)便可開始瀏覽。如果圖像放置在表格中,沒有定義大小的圖像會造成瀏覽器清除和重繪頁面。
版權(quán)聲明:以上文章信息來源于網(wǎng)絡(luò),等僅代表原作者本人的觀點(diǎn)。除了已經(jīng)標(biāo)注原創(chuàng)的文章外,其它文章版權(quán)和文責(zé)屬于原作者。文章中出現(xiàn)的商標(biāo)、專利和其他版權(quán)所有的信息,其版權(quán)屬于其合法持有人。對可以提供充分證據(jù)的侵權(quán)信息, 我們將在確認(rèn)后的1小時(shí)內(nèi)刪除。
本網(wǎng)站之聲明以及其修改權(quán)、更新權(quán)和最終解釋權(quán)均屬廣州古柏廣告策劃有限公司所有。
掃一掃關(guān)注古柏
GOOBAI AD.
Brand Whole Case Design
4000-882-993
m.theemployementguide.com
微信加好友咨詢
廣州古柏廣告策劃有限公司
地址:廣州市天河區(qū)東圃長盛商務(wù)大廈B213-215
Copyright?2004-2020 GOOBAI Inc.All rights reserved
粵公網(wǎng)安備: 44010602001481號
備案號:粵ICP備09222445號
與古柏對話
關(guān)注古柏