2021-10-03 分類: 網(wǎng)站建設(shè)
前端開(kāi)發(fā)工程師不僅需要要跟視覺(jué)設(shè)計(jì)師、交互式設(shè)計(jì)師配合,好還原設(shè)計(jì)圖稿,編寫(xiě)兼容各大瀏覽器、加載速度快、用戶體驗(yàn)好的頁(yè)面?,F(xiàn)在還需要跟SEO人員配合,調(diào)整頁(yè)面的代碼結(jié)構(gòu)和標(biāo)簽。一些成熟的平臺(tái),在開(kāi)發(fā)初期并沒(méi)有考慮優(yōu)化問(wèn)題,所以做出來(lái)的頁(yè)面,就算是效果很炫,功能很強(qiáng),但是對(duì)搜索引擎非常的不友善。任何一個(gè)成熟的網(wǎng)站,后期頁(yè)面都是動(dòng)輒幾百萬(wàn)的,到這個(gè)時(shí)候再來(lái)調(diào)整結(jié)構(gòu),既費(fèi)時(shí)又費(fèi)力,最怕的還是會(huì)影響到排名和收錄。所以說(shuō)與其在后期碰到問(wèn)題再來(lái)調(diào)整,還不如把問(wèn)題解決在源頭。我本人也是從事前端開(kāi)發(fā)工作的,下面把我工作過(guò)程中,積累的幾個(gè)開(kāi)發(fā)過(guò)程中就需要做好的SEO優(yōu)化技巧,分享給大家。
1、簡(jiǎn)化代碼結(jié)構(gòu),更利于搜索引擎分析抓取有用內(nèi)容:頁(yè)面盡量采用div+CSS,當(dāng)然,表格展現(xiàn)模式用table還是比div方便很多的;所有js、css采用外聯(lián)方式,圖片采用css精靈,減少請(qǐng)求次數(shù)??聪孪旅嫱瑯拥膬?nèi)容,用div和talbe布局的代碼比較,顯而易見(jiàn)用div簡(jiǎn)便的多。
2、重要內(nèi)容優(yōu)先加載(第一個(gè)鏈接最好是網(wǎng)站主關(guān)鍵詞,不刻意要求),可以用css來(lái)處理,索引一篇文章的長(zhǎng)度也是有限制的,一定要把最重要的內(nèi)容,優(yōu)先展現(xiàn)給蜘蛛,這方面你可以通過(guò)查看一些比較大的網(wǎng)頁(yè)快照來(lái)求證。
6、鏈接可根據(jù)實(shí)際需求添加title屬性以及nofllow值;非特殊性鏈接,鏈接地址一定要寫(xiě)入herf屬性,有些前端開(kāi)發(fā)人員為了省事,直接用div加個(gè)click事件當(dāng)鏈接,在視覺(jué)上和使用上確實(shí)是實(shí)現(xiàn)了鏈接效果,但是做過(guò)SEO優(yōu)化的人員都知道,蜘蛛目前對(duì)于js的支持很差,基本無(wú)法讀取里面的鏈接地址。所以說(shuō)用click事件是絕對(duì)不允許的,特別是一些重要的導(dǎo)航鏈接。
7、頁(yè)面內(nèi)容盡量不要做成flash、圖片、視頻,這些東西蜘蛛是抓不到的,就算是必須的,也要生成相應(yīng)的靜態(tài)頁(yè)面。有很多企業(yè)站看著很炫,全站flash,老板看著是爽了,做SEO優(yōu)化的人員就要抓狂了,全站沒(méi)一個(gè)鏈接。8、除首頁(yè)外別的頁(yè)面最好要加上面包屑型導(dǎo)航,導(dǎo)航結(jié)構(gòu)一定要清晰。
本文題目:前端開(kāi)發(fā)人員應(yīng)考慮哪些SEO優(yōu)化技巧
轉(zhuǎn)載注明:http://www.rwnh.cn/news/129559.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序、網(wǎng)站內(nèi)鏈、靜態(tài)網(wǎng)站、動(dòng)態(tài)網(wǎng)站、企業(yè)建站、App設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容