1赤炒、鏈接優(yōu)化:
一般而言,建立的網(wǎng)站結(jié)構(gòu)層次越少亏较,越容易被“蜘蛛”抓取,也就容易被收錄掩缓。
示例:首頁-->產(chǎn)品中心-->立刷POS雪情,隨行付POS,瑞和寶POS你辣,
扁平化的目錄層次巡通,盡量讓“蜘蛛”只要跳轉(zhuǎn)3次,就能到達(dá)網(wǎng)站內(nèi)的任何一個內(nèi)頁
2舍哄、導(dǎo)航優(yōu)化:
導(dǎo)航盡量采用文字宴凉,也可以搭配圖片,注意img圖片alt描述文字表悬,a標(biāo)簽title描述弥锄,告訴搜索引擎導(dǎo)航的定位。
其次蟆沫,在每一個網(wǎng)頁上應(yīng)該加上面包屑導(dǎo)航籽暇,好處:從用戶體驗(yàn)方面來說,可以讓用戶了解當(dāng)前所處的位置以及當(dāng)前頁面在整個網(wǎng)站中的位置饭庞,幫助用戶很快了解網(wǎng)站組織形式戒悠,從而形成更好的位置感,同時提供了返回各個頁面的接口舟山,方便用戶操作绸狐,
對“蜘蛛”而言卤恳,能夠清楚的了解網(wǎng)站結(jié)構(gòu),同時還增加了大量的內(nèi)部鏈接寒矿,方便抓取突琳,降低跳出率。
3劫窒、控制頁面的大小本今,減少http請求,提高網(wǎng)站的加載速度主巍。
一個頁面最好不要超過100k冠息,太大,頁面加載速度慢孕索。當(dāng)速度很慢時逛艰,用戶體驗(yàn)不好,留不住訪客搞旭,并且一旦超時散怖,“蜘蛛”也會離開。
常見優(yōu)化做法是:
剔除空標(biāo)簽肄渗,無用代碼镇眷,壓縮CSSJShtml代碼,推薦使用iconfont字體圖標(biāo)翎嫡,整合背景圖片制作CSS精靈圖欠动,圖片懶加載處理,設(shè)置瀏覽器緩存等等惑申。
4具伍、巧妙利用CSS布局
將重要內(nèi)容的HTML代碼放在最前面,最前面的內(nèi)容被認(rèn)為是最重要的圈驼,優(yōu)先讓“蜘蛛”讀取人芽,進(jìn)行內(nèi)容關(guān)鍵詞抓取。
5绩脆、避免使用iframe框架,因?yàn)椤爸┲搿币话悴粫x取其中的內(nèi)容
6萤厅、謹(jǐn)慎使用 display:none ,對于不想顯示的文字內(nèi)容衙伶,應(yīng)當(dāng)設(shè)置z-index或設(shè)置到瀏覽器顯示器之外祈坠。因?yàn)樗阉饕鏁^濾掉display:none其中的內(nèi)容。
7矢劲、頁面標(biāo)簽使用
<h1-6><strong>赦拘、<em>標(biāo)簽 : 需要強(qiáng)調(diào)時使用。
<strong>標(biāo)簽在搜索引擎中能夠得到高度的重視芬沉,它能突出關(guān)鍵詞躺同,表現(xiàn)重要的內(nèi)容阁猜,
<em>標(biāo)簽強(qiáng)調(diào)效果僅次于<strong>標(biāo)簽。
<b>蹋艺、<i>標(biāo)簽: 只是用于顯示效果時使用剃袍,在SEO中不會起任何效果。
慎用h標(biāo)簽捎谨。不可濫用民效,造成頁面結(jié)構(gòu)過于發(fā)雜,常用做法是:只在每個模塊的標(biāo)題部分使用H標(biāo)簽涛救,h3以下標(biāo)簽盡量不使用畏邢,因?yàn)镠3以下已經(jīng)沒有多少權(quán)重,同普通文字差不多检吆。
查看更多前端優(yōu)化知識請點(diǎn)這里:孫魯意前端博客