通過(guò)對(duì)搜索引擎和網(wǎng)站內(nèi)優(yōu)化的操作，想必大家對(duì)SEO已經(jīng)有了比較基礎(chǔ)的了解。不單單如此，通過(guò)我們對(duì)關(guān)鍵詞的研究，可以讓我們知道，關(guān)鍵詞存在對(duì)于網(wǎng)站優(yōu)化的價(jià)值存在，那么在真正的網(wǎng)站運(yùn)營(yíng)操作中，我們要如何通過(guò)關(guān)鍵詞等內(nèi)容來(lái)保證我們的所創(chuàng)造的內(nèi)容不但不用戶所讀取的同時(shí)也能夠被搜索引擎所收錄呢？

    在整個(gè)優(yōu)化過(guò)程中，需要的的是一個(gè)SEO團(tuán)隊(duì)而非單獨(dú)的幾個(gè)網(wǎng)絡(luò)編輯等，就像荒野求生一樣是需要整體的團(tuán)隊(duì)配合來(lái)共同作戰(zhàn)的。團(tuán)隊(duì)中我們需要多程序語(yǔ)言精通的開(kāi)發(fā)人員，需要對(duì)內(nèi)容編輯有一定造詣的編輯人員，還需要對(duì)SEO工作有統(tǒng)籌規(guī)劃的SEO管理人員。那下面我們要來(lái)分析的就是如何在熟知SEO基礎(chǔ)技術(shù)知識(shí)的前提下來(lái)幫助我們的網(wǎng)站在搜索引擎中建立一個(gè)信譽(yù)品牌。

    在網(wǎng)站優(yōu)化中我們要確保用戶和爬蟲(chóng)都可以讀取到我們的站點(diǎn)，所以就要團(tuán)隊(duì)的默契合作，接下來(lái)的幾天筆者針對(duì)SEO技術(shù)操作分為網(wǎng)站運(yùn)作、網(wǎng)站剖析以及用戶和網(wǎng)站的交互三部分對(duì)SEO技術(shù)操作進(jìn)行系統(tǒng)的分析說(shuō)明。今天我們先來(lái)分析第一部分—網(wǎng)站運(yùn)作。

    我們都在說(shuō)網(wǎng)絡(luò)時(shí)代要對(duì)網(wǎng)站進(jìn)行推廣優(yōu)化，那么網(wǎng)站到底是如何運(yùn)作的呢？如果搜索引擎優(yōu)化是優(yōu)化網(wǎng)站以進(jìn)行搜索的過(guò)程，那么SEO至少需要對(duì)他們正在優(yōu)化的事物有基本的了解。我們概述了網(wǎng)站從域名購(gòu)買(mǎi)到在瀏覽器中完全呈現(xiàn)狀態(tài)的過(guò)程。網(wǎng)站瀏覽過(guò)程中的重要組成部分是關(guān)鍵的呈現(xiàn)路徑，這是瀏覽器將網(wǎng)站代碼轉(zhuǎn)換為可見(jiàn)頁(yè)面的過(guò)程。要知道了解有關(guān)網(wǎng)站對(duì)于SEO來(lái)說(shuō)很重要的，為什么呢？

    首先網(wǎng)頁(yè)組裝過(guò)程中的步驟可能會(huì)影響頁(yè)面加載時(shí)間，并且速度不僅對(duì)于將用戶保留在我們的網(wǎng)站上很重要，而且也是Google的排名因素之一。Google在“第二遍”中呈現(xiàn)了某些資源，例如JavaScript。Google將首先查看沒(méi)有JavaScript的頁(yè)面，然后幾天到幾周后，它將呈現(xiàn)JavaScript，這意味著使用JavaScript添加到頁(yè)面中的SEO關(guān)鍵元素可能不會(huì)被索引。如果網(wǎng)站加載過(guò)程是我們的通勤工作，那么我們可以在家中做好準(zhǔn)備，收集要帶到辦公室的東西，然后采取最快的路線從家到公司。只穿一雙鞋子，走更長(zhǎng)的路去上班，在辦公室放下東西，然后立即回家拿另一雙鞋子，對(duì)嗎？這就是效率低下的網(wǎng)站的作用。我們?nèi)绾卧\斷網(wǎng)站效率低下的地方，可以做些什么來(lái)簡(jiǎn)化，以及這種簡(jiǎn)化可能對(duì)我們的排名和用戶體驗(yàn)產(chǎn)生積極的影響。在可以訪問(wèn)網(wǎng)站之前，需要先建好它。

    域名購(gòu)買(mǎi)。域名從域名注冊(cè)商購(gòu)買(mǎi)，這些注冊(cè)商只是管理域名保留的組織。域名鏈接到IP地址。如果沒(méi)有域名服務(wù)器（DNS）的幫助，互聯(lián)網(wǎng)無(wú)法將wangzhan.net.cn之類的域名理解為網(wǎng)站地址?；ヂ?lián)網(wǎng)使用一系列稱為互聯(lián)網(wǎng)協(xié)議（IP）地址的數(shù)字，但我們希望使用諸如wangzhan.net.cn之類的域名，因?yàn)樗鼈円子谟洃?。我們需要使用DNS將那些人類可讀的域名與機(jī)器可讀的數(shù)字鏈接起來(lái)。

    網(wǎng)站如何從服務(wù)器到瀏覽器的呢？這時(shí)候需要戶請(qǐng)求域名，該域名已通過(guò)DNS鏈接到IP地址，人們可以通過(guò)直接在瀏覽器中鍵入域名或單擊網(wǎng)站鏈接來(lái)請(qǐng)求網(wǎng)站。瀏覽器發(fā)出請(qǐng)求對(duì)該網(wǎng)頁(yè)的請(qǐng)求提示瀏覽器發(fā)出DNS查找請(qǐng)求，以將域名轉(zhuǎn)換為其IP地址。然后，瀏覽器向服務(wù)器發(fā)出請(qǐng)求，以請(qǐng)求構(gòu)造我們的網(wǎng)頁(yè)的代碼，例如HTML，CSS和JavaScript。服務(wù)器發(fā)送資源。服務(wù)器收到網(wǎng)站請(qǐng)求后，就會(huì)將網(wǎng)站文件發(fā)送到搜索者的瀏覽器中進(jìn)行匯編。瀏覽器組裝網(wǎng)頁(yè)。瀏覽器現(xiàn)在已經(jīng)從服務(wù)器接收了資源，但是仍然需要將所有資源放在一起并呈現(xiàn)網(wǎng)頁(yè)，以便用戶可以在瀏覽器中看到它。當(dāng)瀏覽器解析并整理網(wǎng)頁(yè)的所有資源時(shí)，它會(huì)創(chuàng)建一個(gè)文檔對(duì)象模型（DOM）。右鍵單擊并在hrome瀏覽器中的網(wǎng)頁(yè)上“檢查元素”時(shí)，我們會(huì)看到DOM。瀏覽器發(fā)出最終請(qǐng)求。瀏覽器僅在下載，解析和執(zhí)行所有頁(yè)面所需的代碼后才會(huì)顯示網(wǎng)頁(yè)，因此，如果瀏覽器需要任何其他代碼來(lái)顯示我們的網(wǎng)站，它將從我們的服務(wù)器發(fā)出其他請(qǐng)求。然后，網(wǎng)站出現(xiàn)在瀏覽器中了。畢竟，我們的網(wǎng)站現(xiàn)在已經(jīng)從代碼轉(zhuǎn)換為我們?cè)跒g覽器中看到的內(nèi)容。

    網(wǎng)站出現(xiàn)在瀏覽器只是建站的部分，SEO開(kāi)始需要我們我們帶給開(kāi)發(fā)人員的一些東西是通過(guò)將腳本設(shè)置為“同步”來(lái)縮短關(guān)鍵的渲染路徑，這些腳本不需要它們來(lái)渲染首屏內(nèi)容時(shí)可以“同步”，這可以使我們的網(wǎng)頁(yè)加載更快。同步告訴DOM，當(dāng)瀏覽器獲取顯示我們的網(wǎng)頁(yè)所需的腳本時(shí)，它可以繼續(xù)進(jìn)行組裝。如果DOM在每次瀏覽器獲取腳本（稱為“渲染阻止腳本”）時(shí)都必須暫停匯編，則可能會(huì)大大降低頁(yè)面加載速度。這就好比和我們的朋友一起吃飯，每次我們一個(gè)人去柜臺(tái)訂購(gòu)時(shí)都必須暫停對(duì)話，直到他們回來(lái)后才恢復(fù)。使用同步，即使我們中的一個(gè)正在訂購(gòu)，我們和我們的朋友也可以繼續(xù)聊天。我們可能還想提出開(kāi)發(fā)人員可以實(shí)現(xiàn)的其他優(yōu)化方法，以縮短關(guān)鍵的渲染路徑，例如完全刪除不必要的腳本，例如舊的跟蹤腳本。

    現(xiàn)在我們已經(jīng)知道了網(wǎng)站在瀏覽器中的顯示方式，接下來(lái)我們將重點(diǎn)介紹網(wǎng)站的構(gòu)成，即構(gòu)成這些網(wǎng)頁(yè)的代碼（編程語(yǔ)言）。三種最常見(jiàn)的是：

    HTML –網(wǎng)站所說(shuō)的內(nèi)容（標(biāo)題，正文內(nèi)容等）

    CSS –網(wǎng)站的外觀（顏色，字體等）

    JavaScript –行為方式（交互式，動(dòng)態(tài)等）

    HTML：網(wǎng)站怎么說(shuō)

    HTML代表超文本標(biāo)記語(yǔ)言，并且它是網(wǎng)站的基礎(chǔ)。標(biāo)題，段落，列表和內(nèi)容等元素均在HTML中定義。這是一個(gè)網(wǎng)頁(yè)示例及其相應(yīng)的HTML外觀：

    HTML對(duì)于SEO來(lái)說(shuō)很重要，因?yàn)樗撬麄儎?chuàng)建或處理的任何頁(yè)面的基底。盡管我們的CMS可能不需要我們以HTML編寫(xiě)頁(yè)面，如：選擇“超鏈接”將使我們無(wú)需輸入“a href =”即可創(chuàng)建鏈接，但這正是我們要修改的內(nèi)容我們?cè)诰W(wǎng)頁(yè)上執(zhí)行某些操作時(shí)，如添加內(nèi)容，更改內(nèi)部鏈接的錨文本等。Google會(huì)抓取這些HTML元素，以確定我們的文檔與特定查詢的相關(guān)性。換句話說(shuō)，HTML內(nèi)容在網(wǎng)頁(yè)在Google自然搜索中的排名方式中起著重要作用。

    CSS：網(wǎng)站的外觀

    CSS代表“層疊樣式表”，這就是使我們的網(wǎng)頁(yè)采用某些字體，顏色和布局的原因。創(chuàng)建HTML是為了描述內(nèi)容，而不是為其設(shè)置樣式，因此，當(dāng)CSS進(jìn)入場(chǎng)景時(shí)，它將改變游戲規(guī)則。使用CSS，可以美化網(wǎng)頁(yè)，而無(wú)需將樣式手動(dòng)編碼到每個(gè)頁(yè)面的HTML中，這是一個(gè)繁瑣的過(guò)程，特別是對(duì)于大型網(wǎng)站。到2014年，Google的索引系統(tǒng)才開(kāi)始將網(wǎng)頁(yè)呈現(xiàn)為更像實(shí)際的瀏覽器，而不是純文本的瀏覽器。試圖利用Google較早的索引系統(tǒng)的黑帽SEO做法是通過(guò)CSS隱藏文本和鏈接，以操縱搜索引擎排名。這種“隱藏的文字和鏈接”做法違反了Google的質(zhì)量準(zhǔn)則。SEO尤其應(yīng)注意的CSS組件：

    （1）由于樣式指令可以存在于外部樣式表文件中，而不是頁(yè)面的HTML中，因此可以減少頁(yè)面的代碼量，減小文件傳輸大小并縮短加載時(shí)間。

    （2）瀏覽器仍然必須下載CSS文件之類的資源，因此壓縮它們可以使我們的網(wǎng)頁(yè)加載更快，并且頁(yè)面速度是排名因素。

    （3）讓我們的頁(yè)面內(nèi)容比代碼更多，可以更好地索引我們網(wǎng)站的內(nèi)容。

    （4）使用CSS隱藏鏈接和內(nèi)容可以使我們的網(wǎng)站受到人工懲罰，并從Google的索引中刪除。

    JavaScript：網(wǎng)站的行為

    在網(wǎng)站的早期，網(wǎng)頁(yè)是使用HTML構(gòu)建的。當(dāng)CSS出現(xiàn)時(shí)，網(wǎng)頁(yè)內(nèi)容就可以采用某種樣式。當(dāng)JavaScript編程語(yǔ)言出現(xiàn)時(shí)，網(wǎng)站現(xiàn)在不僅可以具有結(jié)構(gòu)和樣式，而且可以是動(dòng)態(tài)的。JavaScript為非靜態(tài)網(wǎng)頁(yè)創(chuàng)建開(kāi)辟了很多機(jī)會(huì)。當(dāng)某人嘗試訪問(wèn)使用此編程語(yǔ)言增強(qiáng)的頁(yè)面時(shí)，該用戶的瀏覽器將針對(duì)服務(wù)器返回的靜態(tài)HTML執(zhí)行JavaScript，從而使該頁(yè)面具有某種交互性。我們肯定已經(jīng)看過(guò)JavaScript的應(yīng)用了，我們可能還不知道它。那是因?yàn)镴avaScript幾乎可以對(duì)頁(yè)面執(zhí)行任何操作如，它可以創(chuàng)建一個(gè)彈出窗口，也可以請(qǐng)求第三方資源顯示在我們的頁(yè)面上。

    不過(guò)，JavaScript可能會(huì)給SEO帶來(lái)一些問(wèn)題，因?yàn)樗阉饕鎸?duì)JavaScript的瀏覽方式與訪客不一樣。這是因?yàn)榭蛻舳虽秩九c服務(wù)器端渲染有關(guān)。大多數(shù)JavaScript在客戶端的瀏覽器中執(zhí)行。另一方面，在服務(wù)器端渲染中，文件在服務(wù)器上執(zhí)行，服務(wù)器將它們以完全渲染狀態(tài)發(fā)送到瀏覽器。

    SEO關(guān)鍵的頁(yè)面元素如文本，鏈接和標(biāo)簽，這些元素使用JavaScript加載到客戶端，而不是用HTML表示。在頁(yè)面代碼中不可見(jiàn)，直到呈現(xiàn)出來(lái)。這意味著搜索引擎抓取工具將看不到我們的JavaScript中的內(nèi)容-至少最初不會(huì)。Google聲明只要我們不阻止Googlebot抓取JavaScript文件，它們通常就可以像瀏覽器一樣呈現(xiàn)和理解我們的網(wǎng)頁(yè)，這意味著Googlebot應(yīng)該與用戶瀏覽時(shí)看到的東西相同他們?yōu)g覽器中的網(wǎng)站。但是，由于客戶端JavaScript的這種“第二次索引編制”，Google可能會(huì)錯(cuò)過(guò)某些僅在執(zhí)行JS后才用的元素。

    在Googlebot呈現(xiàn)網(wǎng)頁(yè)的過(guò)程中，還有其他一些地方可能出錯(cuò)，這可能會(huì)阻止Google了解JavaScript中的內(nèi)容：

    （1）我們已經(jīng)從JavaScript資源中阻止了Googlebot

    （2）我們的服務(wù)器無(wú)法處理所有抓取我們內(nèi)容的請(qǐng)求

    （3）JavaScript過(guò)于復(fù)雜或過(guò)時(shí)，Googlebot無(wú)法理解

    （4）直到搜尋器完成頁(yè)面并繼續(xù)前進(jìn)后，JavaScript才會(huì)將內(nèi)容“延遲加載”到頁(yè)面中。

    雖然JavaScript確實(shí)為網(wǎng)頁(yè)創(chuàng)建提供了很多可能性，但是如果我們不小心的話，它也會(huì)對(duì)我們的SEO產(chǎn)生嚴(yán)重影響。有一種方法可以檢查Google是否看到與我們的用戶相同的事物。要查看網(wǎng)頁(yè)，Googlebot如何查看我們的網(wǎng)頁(yè)，請(qǐng)使用Google Search Console的URL Inspection工具。只需將頁(yè)面的URL粘貼到GSC搜索欄中，Googlebot重新抓取我們的網(wǎng)址后，點(diǎn)擊“查看經(jīng)過(guò)測(cè)試的頁(yè)面”以查看我們的頁(yè)面如何被抓取和呈現(xiàn)。點(diǎn)擊“HTML”旁邊的標(biāo)簽，即可顯示Googlebot智能手機(jī)如何呈現(xiàn)我們的頁(yè)面。然后，我們將看到Googlebot如何看待我們的頁(yè)面以及用戶如何看待該頁(yè)面。在更多信息標(biāo)簽中，Google還將顯示我們可能無(wú)法獲取的輸入網(wǎng)址的所有資源列表。

    (轉(zhuǎn)載請(qǐng)注明轉(zhuǎn)自：mjyil.cn，謝謝!珍惜別人的勞動(dòng)成果，就是在尊重自己!）