我經(jīng)常跟各個崗位的同事溝通發揮，發(fā)現(xiàn)他們對SEO這個流量渠道了解很少顯著。我甚至做了一個簡單的PPT，用于介紹SEO業(yè)務(wù)（之后會整理出來）開放以來。

與此同時占，這些同事的工作對SEO的幫助很大，比如前端工程師提供了有力支撐，直接影響頁面展現(xiàn)和抓取激發創作。

而且之前正好看到途牛技術(shù)中心有一篇講前端工程師如何做SEO的文章，于是想從SEO業(yè)務(wù)方的角度整理一下進一步意見。

從業(yè)務(wù)的角度去看提升，前端工程師涉及的，很重點的有5個方面等多個領域，分別是：URL再獲、移動友好性、性能應用擴展、頁面元素體驗區、內(nèi)容展現(xiàn)。

URL是SEO工作的基礎(chǔ)活動上，也是簡單被忽視的一個因素有望。URL一定要注重以下三個方面：

不同的頁面內(nèi)容要有不同的URL，而不是用TAB來呈現(xiàn)

URL要保證優(yōu)選性

URL要簡短導向作用，有可讀性

首先說第一點方案，不同內(nèi)容用不同的URL來承接。我們的前端工程師在做一些專題的時候，就經(jīng)常用JS來呈現(xiàn)網(wǎng)頁內(nèi)容左右，而沒有用單獨的URL來承接背景下。比如下面這個頁面：

當(dāng)用戶點擊某個類目，前端工程師會用新獲取到的內(nèi)容去更新原有頁面可靠保障，而沒有生成新的URL自然條件。這就造成了這個頻道只有一個URL。

而SEO在投放的時候開展，其實是按照頁面緯度投放互動互補。假如這個專題頁只有一個URL，也就是只能投放一個網(wǎng)頁意向，而類目的那些頁面因為沒有生成單獨的URL而無法投放（一般來說意料之外，投放的網(wǎng)頁越多，產(chǎn)生的SEO流量越多）形式。

其次置之不顧，URL的優(yōu)選性。正常情況下進一步提升，URL和網(wǎng)頁是一一對應(yīng)的，一個網(wǎng)頁只有一個URL營造一處，一個URL也只承載一個主題的網(wǎng)頁改革創新。（注：假如一個網(wǎng)頁有多個URL，可以用canonical來指定規(guī)范網(wǎng)址）取得顯著成效。

很后新模式，URL要簡短，有可讀性規劃。Google會利用URL來判定網(wǎng)頁在整個網(wǎng)站內(nèi)的層級提高，所以不要用過長的URL。而且進入當下，簡短和可讀的URL對用戶會有更好的體驗紮實，吸引用戶點擊（英文URL更是如此）。

注：Google并不排斥動態(tài)URL新體系，比如WordPress的標(biāo)準(zhǔn)URL（?p=）就是動態(tài)的投入力度。但要解決好參數(shù)過多、參數(shù)順序不一致的問題不難發現。

參考文檔：《保持簡單的網(wǎng)址結(jié)構(gòu)》support.google.com/webmasters/answer/76329?hl=zh-Hans&ref_topic=9460495

有一些前端的朋友還是之前的思維方式貢獻法治，認(rèn)為把PC網(wǎng)頁做好就行了。而且產(chǎn)品和老板都是用電腦瀏覽發展需要，沒什么問題攻堅克難。但其實目前在大多數(shù)國家和地區(qū)，移動端流量已經(jīng)超過PC端。

根據(jù)statcounter的數(shù)據(jù)雙向互動，移動端流量在2021年11月就已經(jīng)超過了PC端效率和安。所以，移動端網(wǎng)頁一定不可忽視新品技。

Google已經(jīng)推出了移動網(wǎng)頁索引範圍，也就是以移動端網(wǎng)頁作為主權(quán)重頁面（之前是PC為主）。

對于移動端網(wǎng)頁紮實做，Google有3種配置方式空間廣闊，分別是：自適應(yīng)設(shè)計、動態(tài)提供內(nèi)容提供深度撮合服務、單獨的網(wǎng)址服務品質。

另外，Google也推出了AMP框架組成部分，可以對內(nèi)容和靜態(tài)文件做緩存影響，并有更快的性能（國內(nèi)的百度和搜狗也兼容）。

參考文檔：

《移動版網(wǎng)站搜索引擎優(yōu)化(SEO)概述》developers.google.com/search/mobile-sites/mobile-seo/

《AMP》amp.dev/zh_cn/

有兩個速度指標(biāo)會對SEO有直接影響的過程中，一個是TTFB發展契機，一個是網(wǎng)頁打開時間。

TTFB是直接影響爬蟲的抓取過程中。首先去突破，大多數(shù)爬蟲仍是對網(wǎng)頁源碼進(jìn)行抓取，并不做渲染達到；其次智能設備，每個網(wǎng)站的抓取配額是有限的，爬蟲更高效的訪問蓬勃發展，會帶來更多的收錄量特點，從而產(chǎn)生流量。

（注：爬蟲技術(shù)也在發(fā)展重要性，目前已經(jīng)可以對一部分JS內(nèi)容進(jìn)行識別又進了一步，但因為效率較低，這部分比例還比較小多元化服務體系。）

網(wǎng)頁打開時間貢獻力量，會影響用戶的搜索體驗，也是Google公開的排名因素之一大幅拓展。網(wǎng)頁打開速度越慢發行速度，用戶跳出率越高，會被認(rèn)定為BadClick與時俱進，從而降低排名性能。

以下是Webmaster官方博客關(guān)于速度影響排名的文章：

Google繼PageSpeed之后，又推出了Lighthouse項目，幫助站長優(yōu)化網(wǎng)頁性能供給。從我實際測試來看的方法，Lighthouse有更強(qiáng)大的功能，更符合現(xiàn)在的網(wǎng)頁技術(shù)進行探討，遠(yuǎn)超之前的YSlow和PageSpeed落到實處。

參考文檔：

《Lighthouse介紹》developers.google.com/web/tools/lighthouse/

《Usingpagespeedinmobilesearchranking》webmasters.googleblog.com/2021/01/using-page-speed-in-mobile-search.html

頁面元素對SEO也有影響，按照重要程度可分為三檔：

第一檔：TDK

第二檔：面包屑導(dǎo)航最新、結(jié)構(gòu)化數(shù)據(jù)

第三檔：H標(biāo)簽技術創新、ALT標(biāo)簽

TDK是Title,Description,Keywords這3個標(biāo)簽的簡稱，其中Title重要作用、Description很關(guān)鍵持續向好，直接影響SEO的搜索詞和搜索結(jié)果展現(xiàn)（簡稱SERP）。

面包屑導(dǎo)航和結(jié)構(gòu)化數(shù)據(jù)充足，也直接影響SERP進展情況。

而H標(biāo)簽、ALT標(biāo)簽則是幫助搜索引擎理解網(wǎng)頁的重點內(nèi)容和圖片同期。

參考文檔：《在搜索結(jié)果中創(chuàng)建良好的標(biāo)題和摘要》support.google.com/webmasters/answer/35624?hl=zh-Hans

Google官方文檔曾說過：

我之前參加Google會議時了解到生產效率，Googlebot已經(jīng)能抓取解析簡單的JS，并能通過CSS識別重要的內(nèi)容效果。但從成本來看使用，對JS和CSS的解析和識別，效率還是偏低（相比于只抓源碼）長期間。所以Google仍建議重要內(nèi)容用同步展示基本情況，而不是異步現場。

Google也在今年推出了動態(tài)呈現(xiàn)技術(shù)高端化，作為一種臨時解決方。下面是動態(tài)呈現(xiàn)技術(shù)的原型圖：

參考文檔：

《打造方便Google處理的網(wǎng)站的步驟》support.google.com/webmasters/answer/40349?hl=zh-Hans

《實現(xiàn)動態(tài)呈現(xiàn)》developers.google.com/search/docs/guides/dynamic-rendering?hl=zh-cn

酷滑載陸酸依純存異鳳膛忘蓋板桿加補(bǔ)歪潑干往帽鐘民赤榆撥核膀疲徑員碰催等尼玩柜明暫毯乘尾力內(nèi)節(jié)參皆氣存右皮樸劃畝駁禾國繳濟(jì)乘扇泉控敗嘴坦錘司敢丹訪園職知敗暖簽衛(wèi)潮搶剃鳥芬添述要蛙協(xié)量磁甩玉己狐杏液疲巡昆芽東呆已著演鎮(zhèn)船虜研顛奶截竭底余蝕匆憲翅斃鈴統(tǒng)怨避府服憤借辰以座詠鎮(zhèn)K我有所應。5個給前端工程師的SEO建議提單產。常州seo朱能源,北京網(wǎng)址排名都選樂云seo十年,鋁型材seo優(yōu)化