給前端工程師的五個(gè)SEO建議

給前端工程師的五個(gè)SEO建議!我經(jīng)常跟各個(gè)崗位的同事溝通，發(fā)現(xiàn)他們對(duì) SEO 這個(gè)流量渠道了解很少。我甚至做了一個(gè)簡(jiǎn)單的 PPT ，用于介紹 SEO 業(yè)務(wù)(之后會(huì)整理出來)。網(wǎng)站建設(shè)★網(wǎng)站設(shè)計(jì)★網(wǎng)站制作★網(wǎng)頁設(shè)計(jì)-800元全包;企業(yè)網(wǎng)絡(luò)推廣☆網(wǎng)站優(yōu)化☆seo☆關(guān)鍵詞排名☆百度快照-2200元全年展示;做網(wǎng)站優(yōu)化排名-網(wǎng)站建設(shè)公司

創(chuàng)新互聯(lián)建站專注于企業(yè)成都營銷網(wǎng)站建設(shè)、網(wǎng)站重做改版、通山網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5網(wǎng)站設(shè)計(jì)、商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為通山等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

與此同時(shí)，這些同事的工作對(duì) SEO 的幫助很大，比如前端工程師，直接影響頁面展現(xiàn)和抓取。

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

從業(yè)務(wù)的角度去看，前端工程師涉及的 SEO 建議，最重點(diǎn)的有 5 個(gè)方面，分別是：URL、移動(dòng)友好性、性能、頁面元素、內(nèi)容展現(xiàn)。

第一. URL 的三要素

URL 是 SEO 工作的基礎(chǔ)，也是容易被忽視的一個(gè)因素。URL 一定要注意以下三個(gè)方面：

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

URL 要保證唯一性

URL 要簡(jiǎn)短，有可讀性

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

當(dāng)用戶點(diǎn)擊某個(gè)類目，前端工程師會(huì)用新獲取到的內(nèi)容去更新原有頁面，而沒有生成新的 URL。這就造成了這個(gè)頻道只有一個(gè)URL。

而 SEO 在投放的時(shí)候，其實(shí)是按照頁面緯度投放。如果這個(gè)專題頁只有一個(gè) URL，也就是只能投放一個(gè)網(wǎng)頁，而類目的那些頁面因?yàn)闆]有生成單獨(dú)的 URL 而無法投放(一般來說，投放的網(wǎng)頁越多，產(chǎn)生的 SEO 流量越多)。

其次，URL 的唯一性。正常情況下， URL 和網(wǎng)頁是一一對(duì)應(yīng)的，一個(gè)網(wǎng)頁只有一個(gè) URL，一個(gè) URL 也只承載一個(gè)主題的網(wǎng)頁。(注：如果一個(gè)網(wǎng)頁有多個(gè) URL，可以用 canonical 來指定規(guī)范網(wǎng)址)。

最后，URL 要簡(jiǎn)短，有可讀性。Google 會(huì)利用 URL 來判斷網(wǎng)頁在整個(gè)網(wǎng)站內(nèi)的層級(jí)，所以不要用過長(zhǎng)的 URL。而且，簡(jiǎn)短和可讀的 URL 對(duì)用戶會(huì)有更好的體驗(yàn)，吸引用戶點(diǎn)擊(英文 URL 更是如此)。

注：Google 并不排斥動(dòng)態(tài) URL，比如 WordPress 的標(biāo)準(zhǔn) URL (?p=)就是動(dòng)態(tài)的。但要解決好參數(shù)過多、參數(shù)順序不一致的問題。

第二. 移動(dòng)端不能忽視

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

根據(jù) statcounter 的數(shù)據(jù)，移動(dòng)端流量在 2016 年 11 月就已經(jīng)超過了 PC 端。所以，移動(dòng)端網(wǎng)頁一定不可忽視。

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

對(duì)于 移動(dòng)端網(wǎng)頁，Google 有 3 種配置方式，分別是：自適應(yīng)設(shè)計(jì)、動(dòng)態(tài)提供內(nèi)容、單獨(dú)的網(wǎng)址。

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

第三. 速度 / 性能直接影響 SEO

有兩個(gè)速度指標(biāo)會(huì)對(duì) SEO 有直接影響，一個(gè)是 TTFB，一個(gè)是網(wǎng)頁打開時(shí)間。

TTFB 是直接影響爬蟲的抓取。首先，大多數(shù)爬蟲仍是對(duì)網(wǎng)頁源碼進(jìn)行抓取，并不做渲染;其次，每個(gè)網(wǎng)站的抓取配額是有限的，爬蟲更高效的訪問，會(huì)帶來更多的收錄量，從而產(chǎn)生流量。

(注：爬蟲技術(shù)也在發(fā)展，目前已經(jīng)可以對(duì)一部分 JS 內(nèi)容進(jìn)行識(shí)別，但因?yàn)樾瘦^低，這部分比例還比較小。)

網(wǎng)頁打開時(shí)間，會(huì)影響用戶的搜索體驗(yàn)，也是 Google 公開的排名因素之一。網(wǎng)頁打開速度越慢，用戶跳出率越高，會(huì)被認(rèn)定為 Bad Click，從而降低排名。

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

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

第四. 頁面元素有三檔

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

第一檔：TDK

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

第三檔：H 標(biāo)簽、ALT 標(biāo)簽

TDK 是 Title, Description, Keywords 這 3 個(gè)標(biāo)簽的簡(jiǎn)稱，其中 Title、Description 最關(guān)鍵，直接影響 SEO 的搜索詞和搜索結(jié)果展現(xiàn)(簡(jiǎn)稱 SERP )。

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

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

第五. 重要內(nèi)容最好同步展示

Google 官方文檔曾說過：

大部分“蜘蛛”程序查看網(wǎng)站的方式與Lynx一樣。如果因應(yīng)用了JavaScript、Cookie、會(huì)話ID、DHTML或Macromedia Flash等技術(shù)，而造成在文本瀏覽器中無法看到整個(gè)網(wǎng)站，則“蜘蛛”程序在抓取此網(wǎng)站時(shí)可能也會(huì)遇到麻煩。

我之前參加 Google 會(huì)議時(shí)了解到，Googlebot 已經(jīng)能抓取解析簡(jiǎn)單的 JS，并能通過 CSS 識(shí)別重要的內(nèi)容。但從成本來看，對(duì) JS 和 CSS 的解析和識(shí)別，效率還是偏低(相比于只抓源碼)。所以 Google 仍建議重要內(nèi)容用同步展示，而不是異步。

分享文章：給前端工程師的五個(gè)SEO建議
瀏覽路徑：http://muchs.cn/article12/dghshdc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、外貿(mào)建站、網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)、做網(wǎng)站、網(wǎng)頁設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)