很多人對前端和SEO之間的關(guān)系感到困惑。首先，它必須是相關(guān)的。第二，前端會嚴(yán)重影響關(guān)鍵詞排名，這是SEO必須考慮的。

根據(jù)百度官方聲明，相關(guān)性是排名的重要維度，而前端布局或頁面模型是相關(guān)性的重要組成部分，即前端，包括關(guān)鍵詞布局、內(nèi)部鏈?zhǔn)秸{(diào)用機(jī)制、頁面模型這些點(diǎn)影響相關(guān)性，相關(guān)性影響排名，排名是SEO的基本目標(biāo)。

1、前端頁面模型與SEO密切相關(guān)。在SEO的教學(xué)過程中，我經(jīng)常向SEO培訓(xùn)的參與者灌輸頁面模型的概念。一個好的頁面模型有許多搜索引擎友好的元素，例如關(guān)鍵字出現(xiàn)的位置、關(guān)鍵字出現(xiàn)的頻率以及如何構(gòu)建當(dāng)前頁面?？偟膩碚f，當(dāng)前頁面的核心點(diǎn)是由不同的部分來解釋的，具有不同的維度、一致的主題和良好的豐富性。這些要點(diǎn)是SEO的核心。

2、標(biāo)題和描述前端優(yōu)化點(diǎn)被強(qiáng)調(diào)了太多次。標(biāo)題：只要把重點(diǎn)放在關(guān)鍵詞上。關(guān)鍵詞出現(xiàn)的次數(shù)不應(yīng)超過兩次，每一頁的標(biāo)題在使用前應(yīng)有所不同。說明：對網(wǎng)頁內(nèi)容進(jìn)行高層次的總結(jié)，長度要合理。不要把關(guān)鍵詞堆得太多，每頁的描述應(yīng)該不同。

3、SEO的基本功能是滿足W3C標(biāo)準(zhǔn)的前端HTML代碼編寫規(guī)范。對于搜索引擎來說，直接的是網(wǎng)頁的HTML代碼。如果代碼是按語義編寫的，搜索引擎將很容易理解網(wǎng)頁的含義。例如，文本模塊應(yīng)該有一個大標(biāo)題，充分利用h1-h6，列表代碼使用UL或ol，重要文本使用strong等等，總之，他們應(yīng)該充分利用各種HTML標(biāo)記來完成他們的工作。當(dāng)然，它們應(yīng)該與主流瀏覽器如ie、Firefox、chrome等兼容。

4、在HTML代碼中輸入重要的關(guān)鍵字。搜索引擎從上到下爬行HTML內(nèi)容。使用此函數(shù)，可以先讀取主代碼，然后在下面放置不重要的代碼，如廣告。例如，如果左右列中的代碼沒有更改，只需更改樣式并使用float:left；和float:right；您可以自由交換顯示器上的兩列，因此您很重要。代碼位于前端，允許爬蟲程序先爬網(wǎng)。這也適用于多列的情況。

5、前面部分的權(quán)重標(biāo)簽會影響SEO結(jié)果。搜索引擎不像普通人那樣看網(wǎng)頁。它查看源代碼。只要是源代碼中的信息，就可以通過搜索引擎查看。一般來說，H1標(biāo)簽、強(qiáng)標(biāo)簽等權(quán)重標(biāo)簽起著重要的作用，圖像標(biāo)簽ALT起著解釋作用。這些標(biāo)簽在前端影響SEO結(jié)果，但不是的。

6、SEO禁忌使用JS輸出重要內(nèi)容。spider不讀取JS內(nèi)容，所以重要內(nèi)容必須放在HTML中；盡量少使用iframe框架。搜索引擎不會抓取iframe中的內(nèi)容，重要內(nèi)容也不應(yīng)該放在框架中。

如果我們需要同時考慮用戶體驗和SEO效果，我們可以使用樣式控制來防止文本出現(xiàn)在瀏覽器中我們必須使用圖片的地方，比如個性化字體的標(biāo)題，但是在web代碼中有這樣一個標(biāo)題。

7、前端使用CSS截取字符以化SEO效果。如果文本太長，可以使用樣式剪切文本，設(shè)置高度，并隱藏多余部分。這樣做的好處是使文本完全呈現(xiàn)給搜索引擎，同時保證了美觀的性能。

8、壓縮并格式化代碼。在聯(lián)機(jī)之前，您可以使用一些工具來壓縮和格式化HTML、CSS和JS。你可以縮小頁面大小。如果不使用CSS表達(dá)式，則會影響效率。使用CDN網(wǎng)絡(luò)可以加快用戶訪問速度。啟用gzip壓縮。瀏覽速度越快，搜索引擎蜘蛛爬行的信息量就會增加。

9、偽靜態(tài)設(shè)置對SEO的影響。如果是動態(tài)網(wǎng)頁，可以打開偽靜態(tài)功能，讓蜘蛛“誤以為”這是靜態(tài)網(wǎng)頁，因為靜態(tài)網(wǎng)頁更適合蜘蛛的胃口，如果URL有關(guān)鍵字，效果更好。