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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    不過，JavaScript可能會給SEO帶來一些問題，因為搜索引擎對JavaScript的瀏覽方式與訪客不一樣。這是因為客戶端渲染與服務(wù)器端渲染有關(guān)。大多數(shù)JavaScript在客戶端的瀏覽器中執(zhí)行。另一方面，在服務(wù)器端渲染中，文件在服務(wù)器上執(zhí)行，服務(wù)器將它們以完全渲染狀態(tài)發(fā)送到瀏覽器。

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

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

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

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

    （3）JavaScript過于復(fù)雜或過時，Googlebot無法理解

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

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

    (轉(zhuǎn)載請注明轉(zhuǎn)自：gafsjz.com，謝謝!珍惜別人的勞動成果，就是在尊重自己!）