也許有人會(huì)想到我的前端和搜索引擎優(yōu)化之間的聯(lián)系。答案是肯定的。前端頁(yè)面設(shè)計(jì)和制作的質(zhì)量直接關(guān)系到SEO優(yōu)化的性能，這將嚴(yán)重影響網(wǎng)站的排名。百度官方稱，相關(guān)性是優(yōu)化的一個(gè)關(guān)鍵點(diǎn)，而前端關(guān)鍵詞布局、內(nèi)部鏈?zhǔn)秸{(diào)用、頁(yè)面模型等都會(huì)影響相關(guān)性，因此前端與SEO的聯(lián)系至關(guān)重要。現(xiàn)在我想簡(jiǎn)單介紹一下SEO和前面段落之間的關(guān)系：

1、前端的web模型與SEO優(yōu)化有著密切的關(guān)系。一個(gè)好的web模型將帶來(lái)一個(gè)好的用戶體驗(yàn)，并且它將更容易被瀏覽器搜索。在一個(gè)好的web模型中，會(huì)對(duì)關(guān)鍵詞的使用頻率進(jìn)行嚴(yán)格的控制，包括網(wǎng)頁(yè)中的連接跳轉(zhuǎn)、圖片提示等，從不同的版塊內(nèi)容前友好的提示是SEO的一個(gè)關(guān)鍵點(diǎn)。

2、網(wǎng)頁(yè)中的標(biāo)題和描述也是前端優(yōu)化的關(guān)注點(diǎn)。標(biāo)題：強(qiáng)調(diào)***，***不要出現(xiàn)兩次以上，而且要寫(xiě)在網(wǎng)頁(yè)的頭部，方便瀏覽器搜索，而需要注意的是描述要高度概括網(wǎng)頁(yè)的內(nèi)容，一般只有一個(gè)網(wǎng)頁(yè)，而且每個(gè)網(wǎng)頁(yè)都不一樣。

3、重要的關(guān)鍵字應(yīng)該寫(xiě)在HTML標(biāo)簽中，因?yàn)闉g覽器是自上而下解析網(wǎng)頁(yè)的，這樣我們可以更快地檢索到我們需要的內(nèi)容，同時(shí)，像一些不重要的東西，如廣告、小圖標(biāo)等，也可以放在網(wǎng)頁(yè)的底部，這樣爬蟲(chóng)程序就有了優(yōu)先權(quán)爬到關(guān)鍵部位。

4、符合W3C規(guī)范也是SEO優(yōu)化的基本點(diǎn)。我們都知道網(wǎng)頁(yè)解析是由瀏覽器通過(guò)一定的標(biāo)準(zhǔn)來(lái)執(zhí)行的，所以當(dāng)我們的代碼寫(xiě)得很漂亮的時(shí)候，當(dāng)它符合規(guī)范的時(shí)候就更容易被解析了。例如，一篇文章必須有相應(yīng)的標(biāo)題，熟練使用h1-h6標(biāo)簽，***部分一般可以用強(qiáng)標(biāo)記，網(wǎng)站主頁(yè)的logo作為背景圖片保存在H2標(biāo)簽中。

5、在SEO中，禁止使用js輸出一些重要的東西。我們需要知道爬蟲(chóng)程序不會(huì)爬進(jìn)JS的內(nèi)容，但也會(huì)盡量避免使用iframe框架。搜索引擎不能抓取里面的內(nèi)容，重要的東西都是用HTML進(jìn)行的，而不是用框架編寫(xiě)的。

6、在一些特殊的地方，當(dāng)我們想要保證美觀和保持優(yōu)化的程度時(shí)，我們可以將需要的文本寫(xiě)在標(biāo)簽上，同時(shí)插入個(gè)性化的字體主題。通過(guò)CSS，我們的文本不會(huì)顯示在網(wǎng)頁(yè)上，但同時(shí)，我們保存了我們需要的文本，比如使用logo，這樣我們就可以優(yōu)化網(wǎng)頁(yè)。