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

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

1,、前端中的頁面模型與關(guān)系密切,。一個優(yōu)質(zhì)的頁面模型具備很多對搜索引擎友好的要素，如關(guān)鍵詞出現(xiàn)的位置,，關(guān)鍵詞出現(xiàn)的頻次,，當(dāng)前頁面內(nèi)鏈建設(shè)機(jī)制等。從一般層面來講,，即通過不同的板塊來闡述當(dāng)前頁面的核心點(diǎn),，維度不同，主題一致,，具備很好的豐富性,，這些點(diǎn)即是做的核心。

2,、已經(jīng)強(qiáng)調(diào)過多遍的title和description前端整站營銷點(diǎn),。title：只強(qiáng)調(diào)重點(diǎn)即可，重要關(guān)鍵詞出現(xiàn)不要超過2次,，而且要靠前,，每個頁面title要有所不同；description：把網(wǎng)頁內(nèi)容高度概括到這里,，長度要合理,，不可過分堆砌關(guān)鍵詞，每個頁面description要有所不同,。

3,、符合W3C標(biāo)準(zhǔn)的前端HTML代碼書寫規(guī)范是的基本功,。對于搜索引擎來說，最直接面對的就是網(wǎng)頁HTML代碼,，如果代碼寫的語義化,，搜索引擎就會很容易的讀懂該網(wǎng)頁要表達(dá)的意思。例如文本模塊要有大標(biāo)題,，合理利用h1-h6,，列表形式的代碼使用ul或ol，重要的文字使用strong等等,?？傊褪且浞掷酶鞣NHTML標(biāo)簽完成他們本職的工作，當(dāng)然要兼容IE,、火狐,、Chrome等主流瀏覽器。

4,、重要的關(guān)鍵詞放置到HTML代碼中,。搜索引擎抓取HTML內(nèi)容是從上到下，利用這一特點(diǎn),，可以讓主要代碼優(yōu)先讀取,，廣告等不重要代碼放在下邊。例如,，在左欄和右欄的代碼不變的情況下,，只需改一下樣式，利用float:left;和float:right;就可以隨意讓兩欄在展現(xiàn)上位置互換,，這樣就可以保證重要代碼在最前,，讓爬蟲最先抓取。同樣也適用于多欄的情況,。

5,、前端部分權(quán)重標(biāo)簽?zāi)苡绊懡Y(jié)果。搜索引擎看網(wǎng)頁不像普通人,，他是看源代碼,，只要是源碼中的信息，都能被搜索引擎查看到,。通常所說的權(quán)重標(biāo)簽如H1標(biāo)簽,，strong標(biāo)簽等，起著強(qiáng)調(diào)作用,；圖片標(biāo)簽alt起著解釋作用。這些前端中的標(biāo)簽影響結(jié)果,，但不是絕對的,。

6,、忌諱用js輸出重要內(nèi)容。蜘蛛不會讀取JS里的內(nèi)容,，所以重要內(nèi)容必須放在HTML里,；盡少使用iframe框架。搜索引擎不會抓取到iframe里的內(nèi)容,，重要內(nèi)容不要放在框架中,。

7、保留文字效果,。如果需要兼顧用戶體驗和效果,，在必須用圖片的地方，例如個性字體的標(biāo)題,，我們可以利用樣式控制,，讓文本文字不會出現(xiàn)在瀏覽器上，但在網(wǎng)頁代碼中是有該標(biāo)題的,。

例如這里的“電視劇分類”,，為了完美還原設(shè)計圖，前端工程師可以把文字做成背景圖,，之后用樣式讓html中的文字的縮進(jìn)設(shè)置成足夠大的負(fù)數(shù),，偏離出瀏覽器之外，也可以利用設(shè)置行高的方法讓文字隱藏,。注意：不可使用display:none;的方法讓文字隱藏,，因為搜索引擎會過濾掉display:none;里邊的內(nèi)容，就不會被蜘蛛檢索了,。

8,、前端利用CSS截取字符讓效果最大化。如果文字長度過長,，可以用樣式截取,，設(shè)置高度，超出的部分隱藏即可,。這樣做的好處是讓文字完整呈現(xiàn)給搜索引擎,，同時在表現(xiàn)上也保證了美觀。

9,、壓縮與格式化代碼,。可以在上線前，使用一些工具,，把HTML,、CSS和JS都壓縮、格式化一下，可以減少頁面大??；不使用CSS表達(dá)式，會影響效率,；使用CDN網(wǎng)絡(luò),，可加快用戶訪問速度；啟用GZIP壓縮,，瀏覽速度變快,，搜索引擎的蜘蛛抓取信息量也會增大。

10,、偽靜態(tài)設(shè)置對于的作用,。如果是動態(tài)網(wǎng)頁，可以開啟偽靜態(tài)功能,，讓蜘蛛“誤以為”這是靜態(tài)網(wǎng)頁,，因為靜態(tài)網(wǎng)頁比較合蜘蛛的胃口，如果url中帶有關(guān)鍵詞效果更好,。

前端與的關(guān)聯(lián)極大,，網(wǎng)站上線，搜索引擎能識別的網(wǎng)站前端源碼都可以歸結(jié)于的操作點(diǎn),，這是基礎(chǔ)整站營銷點(diǎn),，這個點(diǎn)到位后，做正常的內(nèi)容建設(shè),，外鏈建設(shè),，用戶行為建設(shè)，網(wǎng)站的結(jié)果就會蒸蒸日上,，且是一定的,。