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

淺談SEO工作中前端工程師的重要性

 2011-10-10 19:10  來(lái)源:   我來(lái)投稿 撤稿糾錯(cuò)

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

針對(duì)SEO行業(yè),網(wǎng)上曾經(jīng)有一種論調(diào),稱SEO低技術(shù)、低門檻,引發(fā)眾SEOER群起而攻之,這種看法確實(shí)很片面,但又不得不否認(rèn)相當(dāng)一部分SEOER缺乏最基本的編程知識(shí),導(dǎo)致在日常工作的效率很低,有時(shí)還會(huì)因?yàn)椴欢夹g(shù)鬧出一些啼笑皆非的笑話。 其實(shí)作為一名SEOER,不懂編程不可怕,可怕地是缺乏與技術(shù)人員(包括但不限于前端工程師,后臺(tái)開(kāi)發(fā)人員以及服務(wù)器維護(hù)人員)溝通的能力。 今天就從前端工程師說(shuō)起,談?wù)勗赟EO工作中前端開(kāi)發(fā)人員的重要性,看看與技術(shù)人員合理的溝通能如何增強(qiáng)SEO工作的效果。

1.良好的用戶體驗(yàn)

作為前臺(tái)人員,確保良好的用戶體驗(yàn)是首當(dāng)其沖的。一名優(yōu)秀的前端工程師通過(guò)合理的頁(yè)面布局,整潔漂亮、主次分明的配色,可以輕易引導(dǎo)用戶找到網(wǎng)頁(yè)的重點(diǎn)部分,在十分舒適的瀏覽體驗(yàn)中完成對(duì)站點(diǎn)的瀏覽、對(duì)需求信息的尋找。這點(diǎn)毫無(wú)疑問(wèn),對(duì)提高站點(diǎn)轉(zhuǎn)化率、降低網(wǎng)站跳出率有著十分重要的作用。與之相反的是,現(xiàn)在互聯(lián)網(wǎng)上鋪天蓋地的淘寶客單頁(yè)站點(diǎn),看似頁(yè)面制作精美,實(shí)則用戶體驗(yàn)極差,大部分情況下,用戶都是找不到需要的內(nèi)容而誤點(diǎn)鏈接,其轉(zhuǎn)化率之低可想而知。2010年,被神化的單頁(yè)模式實(shí)際上是在低的不可思議的轉(zhuǎn)化率下實(shí)現(xiàn)盈利的,這也注定了這種模式不會(huì)長(zhǎng)久。事實(shí)上,最近已經(jīng)經(jīng)常在一些論壇上聽(tīng)人抱怨,用單頁(yè)的網(wǎng)站成家率極低,這種模式已基本上走到盡頭了。

2.站點(diǎn)代碼整齊有序、高效

我們知道頁(yè)面代碼是否遵循W3C標(biāo)準(zhǔn)是搜索引擎排名的參考因素之一,可能在一般人看來(lái)現(xiàn)在已經(jīng)不用考慮相關(guān)問(wèn)題了,市面上常見(jiàn)的CMS都做到了符合W3C標(biāo)準(zhǔn),其實(shí)不然,符合不代表最優(yōu)。以常見(jiàn)的DEDE為例,其默認(rèn)模板就有過(guò)多的JS調(diào)用、頁(yè)面中依然有style屬性(不符合W3C的結(jié)構(gòu)與表現(xiàn)分離的思想)等問(wèn)題。盡管過(guò)度考慮這些問(wèn)題有點(diǎn)過(guò)度吹毛求疵了,其對(duì)排名的影響幾乎為零。但是一個(gè)優(yōu)秀的前端工程師會(huì)在布局設(shè)計(jì)時(shí)為你考慮到相關(guān)問(wèn)題,實(shí)現(xiàn)頁(yè)面代碼的最優(yōu)化,提高JS代碼的執(zhí)行效率,縮小Cookies,用js調(diào)用代替iframe等。 不積小流無(wú)以成江海,這些看似小問(wèn)題,但也許你比排名在你前面的站點(diǎn)就差了這么點(diǎn)。

3.提升站點(diǎn)訪問(wèn)速率

這個(gè)其實(shí)跟第二點(diǎn)有點(diǎn)類似,主要是代碼的優(yōu)化,先看下百度統(tǒng)計(jì)新功能“網(wǎng)速診斷”的部分截圖:

 

細(xì)致入微的百度沒(méi)有像其他測(cè)速網(wǎng)站一樣,僅僅給出頁(yè)面下載總時(shí)間完事兒,而是在服務(wù)器速度一定的情況下,給出了提高頁(yè)面加載速度的幾種方案,其中主要有合并JS文件、合并CSS文件,使用Css Sprite以減少對(duì)服務(wù)器的請(qǐng)求次數(shù)等方法。 這些細(xì)節(jié)問(wèn)題,很少有人注意到,因?yàn)樘嵘膸缀撩胨俣葞缀蹩梢院雎圆挥?jì),但有經(jīng)驗(yàn)的前端工程師會(huì)考慮到這些問(wèn)題,這樣你的站點(diǎn)的速度拼不過(guò)幾大門戶,但是卻獲得了百度的不少加分。 類似的一些細(xì)節(jié)性可以提升頁(yè)面速度的技巧還有很多,比如,啟用gzip壓縮頁(yè)面體積(很多主機(jī)都擁有的功能,但是知道用的人很少),將JS文件放在頁(yè)面的后面可以明顯提升頁(yè)面加載速度(這點(diǎn)多少人的站點(diǎn)做到了?),圖片限定大小可以避免瀏覽器重新渲染等。

4.站點(diǎn)改版平穩(wěn)過(guò)渡

最后一點(diǎn),我想對(duì)很多站點(diǎn)是最重要的,伴隨著站點(diǎn)的發(fā)展,頁(yè)面改版是不可避免的,不過(guò)相信很多人都有站點(diǎn)改版造成的快照停滯、排名下跌甚至降權(quán)等問(wèn)題。其實(shí),處理這個(gè)問(wèn)題相當(dāng)簡(jiǎn)單,站點(diǎn)改版時(shí)僅僅修改CSS文件,不動(dòng)結(jié)構(gòu)內(nèi)容代碼,可以輕易在搜索引擎不察覺(jué)的情況下完成改版,通常小改版只需要前端工程師改幾行CSS代碼就行了,如果頁(yè)面布局的內(nèi)容需要大換血,可以分幾次小規(guī)模的改版完成修改,這期間只要不修改title等重要信息,站點(diǎn)完全可以平滑過(guò)渡,快照、排名、收錄不會(huì)有任何的異常。 下次站點(diǎn)改版需要換模板時(shí),不要很匆忙的就換上模板,進(jìn)行適當(dāng)?shù)男薷?,盡可能與原來(lái)各頁(yè)面的代碼相似,效果要好很多。市面上主流CMS的結(jié)構(gòu)內(nèi)容都很固定,更改的通常只有幾個(gè)div標(biāo)簽,想通過(guò)css更改布局還是非常容易的。

本文由無(wú)痘美眉網(wǎng),怎么去痘痘()站長(zhǎng)撰寫,闡述了下前端開(kāi)發(fā)與SEO工作的聯(lián)系,同時(shí)也提醒眾SEOER,不要認(rèn)為一味的的發(fā)外鏈就是SEO,回過(guò)頭來(lái)看看這些細(xì)節(jié)性的內(nèi)部問(wèn)題你都做好了么? 如果這篇文章反響好,以后還會(huì)推出更多關(guān)于與技術(shù)人員溝通實(shí)現(xiàn)最優(yōu)的SEO效果的文章,敬請(qǐng)期待。

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

相關(guān)文章

熱門排行

信息推薦