很多人糾結(jié)于前端與seo有什么關(guān)聯(lián)，首先肯定是有關(guān)聯(lián)的，其次前端會(huì)嚴(yán)重影響關(guān)鍵詞排名，是做seo所必須考慮的點(diǎn)。

據(jù)百度的官方說法，相關(guān)性是排名的重要維度，前端布局或者說頁面模型是相關(guān)性的重要組成部分，也就是說前端，包括關(guān)鍵詞布局，內(nèi)鏈調(diào)用機(jī)制，頁面模型這幾個(gè)點(diǎn)影響相關(guān)性，相關(guān)性影響排名，排名就是seo的基本目標(biāo)。

如何做好前端優(yōu)化

①SEO前端優(yōu)化之TDK

SEO優(yōu)化中，想獲得某個(gè)搜索引擎的友好排名，前端代碼有一些非常重要，也需要做好優(yōu)化，如果你要優(yōu)化一個(gè)頁面，那么就要從頭到尾的優(yōu)化，首先第一點(diǎn)就是頭部標(biāo)簽的TDK，分別為title（頁面標(biāo)題）、description（頁面描述）、keywords（頁面關(guān)鍵詞）。

頁面TDK中，最為關(guān)鍵的就是title與description，title：只強(qiáng)調(diào)重點(diǎn)即可，重要關(guān)鍵詞出現(xiàn)不要超過2次，而且要靠前，每個(gè)頁面title要有所不同；description：把網(wǎng)頁內(nèi)容高度概括到這里，長(zhǎng)度要合理，不可過分堆砌關(guān)鍵詞，每個(gè)頁面description要有所不同。

②SEO前端優(yōu)化之代碼友好度

什么樣的代碼是對(duì)百度比較友好的？首先由JS作為輸出內(nèi)容的表現(xiàn)形式肯定是非常錯(cuò)誤的，因?yàn)檫@樣的代碼不利于蜘蛛爬取，可能造成蜘蛛陷阱，所有內(nèi)容盡量以HTML的形式呈現(xiàn)，并且盡少使用iframe框架。搜索引擎不會(huì)抓取到iframe里的內(nèi)容，重要內(nèi)容不要放在框架中。

③SEO前端優(yōu)化之必用代碼分析

SEO優(yōu)化中，有些代碼是必要存在的，比較常見的有nofollow標(biāo)簽（禁止對(duì)此鏈接進(jìn)行追蹤）、alt標(biāo)簽（描述圖片屬性）、H1-H6標(biāo)簽（突出內(nèi)容）、strong標(biāo)簽（文本加粗）、a鏈接（可以點(diǎn)擊的超鏈接）以上代碼都是比較常見的，如果對(duì)代碼的理解不深，可以百度進(jìn)行了解。