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

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

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

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

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

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

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

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

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

    HTML –網站所說的內容（標題，正文內容等）

    CSS –網站的外觀（顏色，字體等）

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

    HTML：網站怎么說

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

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

    CSS：網站的外觀

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

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

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

    （3）讓我們的頁面內容比代碼更多，可以更好地索引我們網站的內容。

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

    JavaScript：網站的行為

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

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

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

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

    （1）我們已經從JavaScript資源中阻止了Googlebot

    （2）我們的服務器無法處理所有抓取我們內容的請求

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

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

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

    (轉載請注明轉自：smyunshangcheng.cn，謝謝!珍惜別人的勞動成果，就是在尊重自己!）