更新時(shí)間：2025-04-18 02:46:22
開(kāi)發(fā)經(jīng)驗(yàn)
478之所以本文標(biāo)題是叫初步制作，是因?yàn)槲矣X(jué)得模板的制作與修改應(yīng)該是基于大量的現(xiàn)有數(shù)據(jù)研究而得出的，但是一個(gè)網(wǎng)站上線(xiàn)，你必須要設(shè)計(jì)出一個(gè)初始模板才能獲取數(shù)據(jù)，而初始模板的設(shè)計(jì)也是有技巧的，若是我們模板過(guò)于糟糕，則需要我們修正數(shù)次才有可能得到最終的數(shù)據(jù)結(jié)果，這顯然對(duì)網(wǎng)站是不利的。
那么我們?nèi)绾沃谱鞒跏寄０澹?/p>
1.制作草圖。
在制作草圖時(shí)，我們要考慮以下幾個(gè)方面：
?競(jìng)爭(zhēng)對(duì)手的網(wǎng)站設(shè)計(jì)。這里所說(shuō)的競(jìng)爭(zhēng)對(duì)手，是指你主關(guān)鍵詞自然排名前三的站點(diǎn)，在這里你要注意這么幾個(gè)方面：
a.對(duì)手的頁(yè)面布局。這個(gè)應(yīng)該是你在設(shè)計(jì)第一套模板時(shí)耗時(shí)長(zhǎng)的步驟，任何一個(gè)優(yōu)化站其訪(fǎng)問(wèn)縱深和跳出率都是優(yōu)化人員格外關(guān)心的數(shù)據(jù)，既然你的前輩們?nèi)绱瞬季志W(wǎng)站，那可能有一定的道理在里面，比如其輪展的圖片的選擇、首頁(yè)調(diào)用欄目的選擇、首頁(yè)設(shè)計(jì)與其目標(biāo)關(guān)鍵詞的相關(guān)性等，找出設(shè)置它們的理由，然后根據(jù)自身情況來(lái)制定首頁(yè)布局。
b.首頁(yè)打開(kāi)的速度。若對(duì)方打開(kāi)很快，那你至少要和其速度持平，但倘若對(duì)方打開(kāi)較慢，則你的速度必須快過(guò)他。
c.分析你用戶(hù)的實(shí)際需求與潛在需求。實(shí)際需求由何而來(lái)，來(lái)自于入站的關(guān)鍵詞，比如你用戶(hù)搜索的是“天津人流多少錢(qián)”這個(gè)詞，那么其實(shí)際需求是想知道價(jià)格，但是其潛在需求是想在天津地區(qū)做人流，則無(wú)痛、安全等諸多因素可能是影響其最終轉(zhuǎn)化的重要環(huán)節(jié)，這時(shí)候你就要依托于模板，利用不同的位置將用戶(hù)進(jìn)行細(xì)分，進(jìn)行精心的轉(zhuǎn)化。這方面，可以參考那些做得好的競(jìng)爭(zhēng)對(duì)手。
②優(yōu)化制作草圖時(shí)的細(xì)節(jié)。設(shè)計(jì)僅僅是一個(gè)方面，將設(shè)計(jì)由代碼實(shí)現(xiàn)的時(shí)候，就由很多seo因素要優(yōu)化了。
a.重要文字的css控制。一些重要文字，可以用h2或h3標(biāo)簽，不必?fù)?dān)心h1標(biāo)簽會(huì)引起不美觀，因?yàn)槟阃耆梢酝ㄟ^(guò)css來(lái)控制你文字的展現(xiàn)。但要注意，切記不可多用，太多重點(diǎn)等于沒(méi)重點(diǎn)。
b.圖片web化，縮小大小。這沒(méi)什么好說(shuō)的。
c.無(wú)意義的錨文字，例如“更多”，“點(diǎn)擊了解詳情”等，改用圖片鏈。
d.細(xì)節(jié)代碼要補(bǔ)全，例如為img標(biāo)簽添加alt屬性等。
e.避免文字截?cái)?。有時(shí)候一些開(kāi)源程序中調(diào)用的錨文本若是文字太長(zhǎng)，會(huì)被自動(dòng)截?cái)啵ɡ缈棄?mèng)CMS），我們要編寫(xiě)css,將溢出的文字由“....”替代顯示，但是html代碼中依舊存在。
2.優(yōu)化模板速度。
說(shuō)道優(yōu)化模板速度，我就需要先說(shuō)一下瀏覽器的工作原理。
瀏覽器是如何工作的呢？簡(jiǎn)單來(lái)說(shuō)，其工作原理很簡(jiǎn)單，用戶(hù)在瀏覽器中提供一個(gè)URL，比如“http://www.letians.cn/231.html”,則瀏覽器會(huì)將這段URL拆分為三部分。
然后將域名發(fā)給DNS解析，當(dāng)解析成功后，再將文件名發(fā)給服務(wù)器，由服務(wù)器提取文件返回給瀏覽器，瀏覽器將文件解析展示給用戶(hù)。而這里要注明一點(diǎn)，就是當(dāng)我們?cè)L問(wèn)網(wǎng)站首頁(yè)的時(shí)候，瀏覽器會(huì)自動(dòng)將最后那個(gè)“/”過(guò)濾掉。
在此展開(kāi)說(shuō)一下，很多人問(wèn)我做外鏈的時(shí)候，首頁(yè)加不加那個(gè)“/”有區(qū)別嗎，我想通過(guò)上述講解大家就應(yīng)該明白了，是有區(qū)別的，但是隨著搜素引擎的發(fā)展，我感覺(jué)影響不大，但是還是建議大家做的時(shí)候統(tǒng)一一下，要么就都加，要么就都不加。
那么瀏覽器接收到文件開(kāi)始處理的時(shí)候，主要是5大組件進(jìn)行工作，這5大組件分別是：
用戶(hù)界面：我們平時(shí)看到的界面。
渲染引擎：負(fù)責(zé)解析文件源碼。
核心引擎：將渲染引擎與端口相結(jié)合的接口。
JS解析器：解析JS代碼。
數(shù)據(jù)存儲(chǔ)：存儲(chǔ)一些臨時(shí)文件，例如cookie。
這里要說(shuō)一下，上述是功能性的組件，并非是瀏覽器的構(gòu)成，不同的瀏覽器內(nèi)核實(shí)現(xiàn)這些功能的方法不同。這5個(gè)部分只是對(duì)瀏覽器很膚淺、很模糊的概念性了解。
那么我們?cè)谀０逯?，要盡量如何操作呢？
a.減少請(qǐng)求路徑，凡是有一個(gè)路徑，我們的瀏覽器的就會(huì)多一次向服務(wù)器發(fā)送一次請(qǐng)求，如果在網(wǎng)頁(yè)中把多次使用的css、js等統(tǒng)一的放在的head，就需要一次請(qǐng)求。
b.減少JS代碼。JS代碼盡可能放在標(biāo)簽內(nèi)。
c.盡可能減少文件大小。
通過(guò)上述步驟，基本上初始的模板就已經(jīng)制作完成了，剩下的就是在網(wǎng)站的運(yùn)營(yíng)過(guò)程中監(jiān)控用戶(hù)的聚焦點(diǎn)以及站內(nèi)流量，來(lái)根據(jù)數(shù)據(jù)來(lái)具體的優(yōu)化用戶(hù)體驗(yàn)了。
我們專(zhuān)注高端建站，小程序開(kāi)發(fā)、軟件系統(tǒng)定制開(kāi)發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開(kāi)發(fā)、各類(lèi)API接口對(duì)接開(kāi)發(fā)等。十余年開(kāi)發(fā)經(jīng)驗(yàn)，每一個(gè)項(xiàng)目承諾做到滿(mǎn)意為止，多一次對(duì)比，一定讓您多一份收獲！
