MOZ SEO初學(xué)者指南: 第五章 Technical SEO

基本的技術(shù)知識(shí)將幫助您針對(duì)搜索引擎優(yōu)化您的網(wǎng)站，并在開(kāi)發(fā)人員中建立信譽(yù)。

既然您已經(jīng)在扎實(shí)的關(guān)鍵字研究的基礎(chǔ)上制作了有價(jià)值的內(nèi)容，那么確保它不僅可以被人類(lèi)讀取，而且可以被搜索引擎讀取，這一點(diǎn)很重要！

您不需要對(duì)這些概念有深入的技術(shù)理解，但重要的是掌握這些技術(shù)資產(chǎn)的作用，以便您可以與開(kāi)發(fā)人員明智地談?wù)撍鼈儭Ｊ褂瞄_(kāi)發(fā)人員的語(yǔ)言很重要，因?yàn)槟赡苄枰麄儊?lái)執(zhí)行一些優(yōu)化。如果他們無(wú)法理解您的請(qǐng)求或看不到其重要性，他們就不太可能優(yōu)先考慮您的問(wèn)題。當(dāng)您與開(kāi)發(fā)人員建立信譽(yù)和信任時(shí)，您就可以開(kāi)始撕掉通常阻礙關(guān)鍵工作完成的繁文縟節(jié)。

SEO 需要跨團(tuán)隊(duì)支持才能有效

與您的開(kāi)發(fā)人員建立健康的關(guān)系至關(guān)重要，這樣您就可以成功應(yīng)對(duì)雙方的 SEO 挑戰(zhàn)。不要等到技術(shù)問(wèn)題導(dǎo)致負(fù)面 SEO 后果涉及開(kāi)發(fā)人員。相反，在計(jì)劃階段聯(lián)合起來(lái)，以完全避免這些問(wèn)題為目標(biāo)。如果不這樣做，以后可能會(huì)花費(fèi)您的時(shí)間和金錢(qián)。

除了跨團(tuán)隊(duì)支持之外，如果您想確保您的網(wǎng)頁(yè)結(jié)構(gòu)適合人類(lèi)和爬蟲(chóng)，那么了解 SEO 的技術(shù)優(yōu)化是必不可少的。為此，我們將本章分為三個(gè)部分：

1. 網(wǎng)站如何運(yùn)作

2. 搜索引擎如何理解網(wǎng)站

3. 用戶(hù)如何與網(wǎng)站互動(dòng)

由于站點(diǎn)的技術(shù)結(jié)構(gòu)可能對(duì)其性能產(chǎn)生巨大影響，因此每個(gè)人都必須了解這些原則。與您的程序員、內(nèi)容編寫(xiě)者和設(shè)計(jì)人員共享指南的這一部分可能也是一個(gè)好主意，以便參與站點(diǎn)構(gòu)建的所有各方都在同一頁(yè)面上。

網(wǎng)站如何運(yùn)作

如果搜索引擎優(yōu)化是針對(duì)搜索優(yōu)化網(wǎng)站的過(guò)程，那么 SEO 至少需要對(duì)他們正在優(yōu)化的內(nèi)容有基本的了解！

下面，我們概述了網(wǎng)站從購(gòu)買(mǎi)域名到在瀏覽器中完全呈現(xiàn)狀態(tài)的過(guò)程。網(wǎng)站旅程的一個(gè)重要組成部分是關(guān)鍵渲染路徑，這是瀏覽器將網(wǎng)站代碼轉(zhuǎn)換為可查看頁(yè)面的過(guò)程。

出于以下幾個(gè)原因，了解網(wǎng)站這一點(diǎn)對(duì)于 SEO 理解很重要：

• 此網(wǎng)頁(yè)組裝過(guò)程中的步驟會(huì)影響頁(yè)面加載時(shí)間，速度不僅對(duì)于將用戶(hù)留在您的網(wǎng)站上很重要，而且也是 Google 的排名因素之一。

• Google 在“第二次通過(guò)”時(shí)呈現(xiàn)某些資源，例如 JavaScript 。谷歌將首先查看沒(méi)有 JavaScript 的頁(yè)面，然后幾天到幾周后，它會(huì)呈現(xiàn) JavaScript，這意味著使用 JavaScript 添加到頁(yè)面的 SEO 關(guān)鍵元素可能不會(huì)被編入索引。

想象一下，網(wǎng)站加載過(guò)程是您上班的通勤時(shí)間。您在家做好準(zhǔn)備，收拾東西帶到辦公室，然后從家里走最快的路線(xiàn)去上班。只穿上你的一只鞋，走更長(zhǎng)的路去上班，把你的東西放在辦公室，然后立即回家拿另一只鞋，那是很愚蠢的，對(duì)吧？這就是低效網(wǎng)站所做的。本章將教您如何診斷您的網(wǎng)站效率低下的地方，您可以采取哪些措施來(lái)精簡(jiǎn)，以及這種精簡(jiǎn)可能對(duì)您的排名和用戶(hù)體驗(yàn)產(chǎn)生的積極影響。

在訪(fǎng)問(wèn)網(wǎng)站之前，需要對(duì)其進(jìn)行設(shè)置！

1. 域名已購(gòu)買(mǎi)。moz.com 等域名是從域名注冊(cè)商處購(gòu)買(mǎi)的，例如 GoDaddy 或 HostGator。這些注冊(cè)商只是管理域名保留的組織。

2. 域名與 IP 地址相關(guān)聯(lián)。如果沒(méi)有域名服務(wù)器 (DNS) 的幫助，Internet 無(wú)法將諸如“moz.com”之類(lèi)的名稱(chēng)理解為網(wǎng)站地址。Internet 使用一系列稱(chēng)為 Internet 協(xié)議 (IP) 地址（例如：127.0.0.1）的數(shù)字，但我們希望使用諸如 moz.com 之類(lèi)的名稱(chēng)，因?yàn)樗鼈兏菀妆蝗祟?lèi)記住。我們需要使用 DNS 將這些人類(lèi)可讀的名稱(chēng)與機(jī)器可讀的數(shù)字聯(lián)系起來(lái)。

網(wǎng)站如何從服務(wù)器到瀏覽器

1. 用戶(hù)請(qǐng)求域。現(xiàn)在，該名稱(chēng)已通過(guò) DNS 鏈接到 IP 地址，人們可以通過(guò)直接在瀏覽器中鍵入域名或單擊指向網(wǎng)站的鏈接來(lái)請(qǐng)求網(wǎng)站。

2. 瀏覽器發(fā)出請(qǐng)求。該網(wǎng)頁(yè)請(qǐng)求會(huì)提示瀏覽器發(fā)出 DNS 查找請(qǐng)求，以將域名轉(zhuǎn)換為其 IP 地址。然后，瀏覽器向服務(wù)器請(qǐng)求構(gòu)建您的網(wǎng)頁(yè)所用的代碼，例如 HTML、CSS 和 JavaScript。

3. 服務(wù)器發(fā)送資源。一旦服務(wù)器收到對(duì)網(wǎng)站的請(qǐng)求，它就會(huì)發(fā)送要在搜索者瀏覽器中組裝的網(wǎng)站文件。

4. 瀏覽器組裝網(wǎng)頁(yè)。瀏覽器現(xiàn)在已經(jīng)從服務(wù)器接收到資源，但它仍然需要把它們放在一起并呈現(xiàn)網(wǎng)頁(yè)，以便用戶(hù)可以在他們的瀏覽器中看到它。當(dāng)瀏覽器解析和組織所有網(wǎng)頁(yè)資源時(shí)，它正在創(chuàng)建一個(gè)文檔對(duì)象模型 (DOM)。當(dāng)您在 Chrome 瀏覽器中的網(wǎng)頁(yè)上右鍵單擊并“檢查元素”時(shí)，您可以看到 DOM。

5. 瀏覽器發(fā)出最終請(qǐng)求。瀏覽器只會(huì)在所有頁(yè)面的必要代碼下載、解析和執(zhí)行后顯示一個(gè)網(wǎng)頁(yè)，所以此時(shí)，如果瀏覽器需要任何額外的代碼來(lái)顯示您的網(wǎng)站，它會(huì)從您的服務(wù)器發(fā)出額外的請(qǐng)求.

6. 網(wǎng)站出現(xiàn)在瀏覽器中。哇！畢竟，您的網(wǎng)站現(xiàn)在已經(jīng)從代碼轉(zhuǎn)換（呈現(xiàn)）為您在瀏覽器中看到的內(nèi)容。

與您的開(kāi)發(fā)人員討論異步！

您可以向開(kāi)發(fā)人員提出的一些事情是通過(guò)將腳本設(shè)置為“異步”來(lái)縮短關(guān)鍵渲染路徑" 當(dāng)不需要它們?cè)谑灼脸尸F(xiàn)內(nèi)容時(shí)，這可以使您的網(wǎng)頁(yè)加載速度更快。異步告訴 DOM 在瀏覽器獲取顯示網(wǎng)頁(yè)所需的腳本時(shí)它可以繼續(xù)組裝。如果每次瀏覽器獲取腳本（稱(chēng)為“渲染阻塞腳本”）時(shí)，DOM 都必須暫停組裝，這會(huì)大大減慢您的頁(yè)面加載速度。這就像和朋友出去吃飯，每次都不得不暫停對(duì)話(huà)你們中的一個(gè)人去柜臺(tái)訂購(gòu)，只有他們回來(lái)后才恢復(fù)。使用異步，即使你們中的一個(gè)人正在訂購(gòu)，你和你的朋友也可以繼續(xù)聊天。你可能還想提出開(kāi)發(fā)人員可以實(shí)施的其他優(yōu)化縮短關(guān)鍵渲染路徑，例如完全刪除不必要的腳本，例如舊的跟蹤腳本。

現(xiàn)在你知道一個(gè)網(wǎng)站是如何出現(xiàn)在瀏覽器中，我們將重點(diǎn)關(guān)注哪些網(wǎng)站是由-換句話(huà)說(shuō)，代碼（編程語(yǔ)言）來(lái)構(gòu)建這些網(wǎng)頁(yè)。

最常見(jiàn)的三種是：

• HTML?– 網(wǎng)站內(nèi)容（標(biāo)題、正文內(nèi)容等）

• CSS?– 網(wǎng)站的外觀(guān)（顏色、字體等）

• JavaScript?- 它的行為方式（交互式、動(dòng)態(tài)等）

此圖片的靈感來(lái)自Alexis Sanders在JavaScript 和 SEO 中的精彩示例：讓您的機(jī)器人體驗(yàn)與您的用戶(hù)體驗(yàn)一樣好

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

HTML 代表超文本標(biāo)記語(yǔ)言，它是網(wǎng)站的支柱。標(biāo)題、段落、列表和內(nèi)容等元素都在 HTML 中定義。

下面是一個(gè)網(wǎng)頁(yè)示例及其對(duì)應(yīng)的 HTML 的外觀(guān)：

這是來(lái)自W3schools.com的屏幕截圖，這是我們最喜歡學(xué)習(xí)和練習(xí) HTML、CSS 和 JavaScript 的地方。

HTML 對(duì) SEO 來(lái)說(shuō)很重要，因?yàn)樗撬麄儎?chuàng)建或處理的任何頁(yè)面的“幕后”。雖然您的 CMS 可能不要求您用 HTML 編寫(xiě)頁(yè)面（例如：選擇“超鏈接”將允許您創(chuàng)建鏈接而無(wú)需輸入“a href=”），但這是您每次修改的內(nèi)容當(dāng)您對(duì)網(wǎng)頁(yè)執(zhí)行某些操作時(shí)，例如添加內(nèi)容、更改內(nèi)部鏈接的錨文本等。Google 會(huì)抓取這些 HTML 元素以確定您的文檔與特定查詢(xún)的相關(guān)性。換句話(huà)說(shuō)，您的 HTML 中的內(nèi)容對(duì)您的網(wǎng)頁(yè)在 Google 自然搜索中的排名起著重要作用！

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

CSS 代表“級(jí)聯(lián)樣式表”，這就是使您的網(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)得更像真正的瀏覽器，而不是純文本瀏覽器。一種試圖利用 Google 舊索引系統(tǒng)的黑帽 SEO 實(shí)踐是通過(guò) CSS 隱藏文本和鏈接，以操縱搜索引擎排名。這種“隱藏文本和鏈接”的做法違反了 Google 的質(zhì)量指南。

SEO 尤其應(yīng)該關(guān)心的 CSS 組件：

• 由于樣式指令可以存在于外部樣式表文件（CSS 文件）而不是頁(yè)面的 HTML 中，因此它可以減少頁(yè)面的代碼量，減少文件傳輸大小并加快加載速度。

• 瀏覽器仍然需要下載您的 CSS 文件等資源，因此壓縮它們可以使您的網(wǎng)頁(yè)加載速度更快，而頁(yè)面速度是一個(gè)排名因素。

• 讓您的頁(yè)面內(nèi)容豐富而不是代碼豐富，可以更好地索引您網(wǎng)站的內(nèi)容。

• 使用 CSS 隱藏鏈接和內(nèi)容會(huì)使您的網(wǎng)站受到人工處罰并從 Google 的索引中刪除。

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

在互聯(lián)網(wǎng)的早期，網(wǎng)頁(yè)是用 HTML 構(gòu)建的。當(dāng) CSS 出現(xiàn)時(shí)，網(wǎng)頁(yè)內(nèi)容有能力呈現(xiàn)某種風(fēng)格。當(dāng)編程語(yǔ)言 JavaScript 出現(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)有人嘗試訪(fǎng)問(wèn)使用這種編程語(yǔ)言增強(qiáng)的頁(yè)面時(shí)，該用戶(hù)的瀏覽器將針對(duì)服務(wù)器返回的靜態(tài) HTML 執(zhí)行 JavaScript，從而生成具有某種交互性的網(wǎng)頁(yè)。

你肯定見(jiàn)過(guò) JavaScript 的實(shí)際應(yīng)用——你可能不知道！這是因?yàn)?JavaScript 幾乎可以對(duì)頁(yè)面執(zhí)行任何操作。例如，它可以創(chuàng)建一個(gè)彈出窗口，或者它可以請(qǐng)求第三方資源（如廣告）顯示在您的頁(yè)面上。

客戶(hù)端渲染與服務(wù)器端渲染

但是，JavaScript 可能會(huì)給 SEO 帶來(lái)一些問(wèn)題，因?yàn)樗阉饕娌粫?huì)像人類(lèi)訪(fǎng)問(wèn)者那樣查看 JavaScript。這是因?yàn)榭蛻?hù)端與服務(wù)器端渲染。大多數(shù) JavaScript 在客戶(hù)端的瀏覽器中執(zhí)行。另一方面，使用服務(wù)器端渲染，文件在服務(wù)器上執(zhí)行，服務(wù)器將它們以完全渲染的狀態(tài)發(fā)送到瀏覽器。

對(duì) SEO 至關(guān)重要的頁(yè)面元素（例如文本、鏈接和標(biāo)簽）在客戶(hù)端使用 JavaScript 加載，而不是在您的 HTML 中表示，在頁(yè)面代碼中不可見(jiàn)，直到它們被呈現(xiàn)。這意味著搜索引擎爬蟲(chóng)不會(huì)看到您的 JavaScript 中的內(nèi)容——至少在最初不會(huì)。

Google 表示，只要您不阻止 Googlebot 抓取您的 JavaScript 文件，它們通常就能像瀏覽器一樣呈現(xiàn)和理解您的網(wǎng)頁(yè)，這意味著 Googlebot 應(yīng)該看到與用戶(hù)查看相同的內(nèi)容他們?yōu)g覽器中的網(wǎng)站。然而，由于客戶(hù)端 JavaScript 的“第二波索引浪潮”，谷歌可能會(huì)錯(cuò)過(guò)某些只有在 JavaScript 執(zhí)行后才可用的元素。

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

• 您已阻止 Googlebot 使用 JavaScript 資源（例如：使用 robots.txt，就像我們?cè)?/span>第 2 章中了解到的那樣）

• 您的服務(wù)器無(wú)法處理所有抓取您內(nèi)容的請(qǐng)求

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

• JavaScript 不會(huì)將內(nèi)容“延遲加載”到頁(yè)面中，直到爬蟲(chóng)完成頁(yè)面并繼續(xù)前進(jìn)。

不用說(shuō)，雖然 JavaScript 確實(shí)為網(wǎng)頁(yè)創(chuàng)建提供了很多可能性，但如果您不小心，它也會(huì)對(duì)您的 SEO 產(chǎn)生一些嚴(yán)重的影響。

值得慶幸的是，有一種方法可以檢查 Google 是否看到與您的訪(fǎng)問(wèn)者相同的內(nèi)容。要查看 Googlebot 如何查看您的網(wǎng)頁(yè)，請(qǐng)使用 Google Search Console 的“網(wǎng)址檢查”工具。只需將您頁(yè)面的 URL 粘貼到 GSC 搜索欄中：

從這里，單擊“測(cè)試實(shí)時(shí) URL”。

Googlebot 重新抓取您的網(wǎng)址后，點(diǎn)擊“查看測(cè)試頁(yè)面”以查看您的頁(yè)面是如何被抓取和呈現(xiàn)的。

點(diǎn)擊“HTML”旁邊的“屏幕截圖”標(biāo)簽會(huì)顯示 Googlebot 智能手機(jī)如何呈現(xiàn)您的頁(yè)面。

作為回報(bào)，您將看到 Googlebot 如何查看您的頁(yè)面以及訪(fǎng)問(wèn)者（或您）如何查看頁(yè)面。在“更多信息”選項(xiàng)卡中，Google 還會(huì)向您顯示他們可能無(wú)法通過(guò)您輸入的 URL 獲得的任何資源的列表。

了解網(wǎng)站的工作方式為我們接下來(lái)要討論的內(nèi)容奠定了良好的基礎(chǔ)：技術(shù)優(yōu)化可幫助 Google 更好地了解您網(wǎng)站上的頁(yè)面。

搜索引擎如何理解網(wǎng)站

想象一下，搜索引擎爬蟲(chóng)正在掃描一篇關(guān)于如何烤蛋糕的 10,000 字的文章。您如何確定制作蛋糕的作者、食譜、配料或步驟？這就是模式標(biāo)記的用武之地。它允許您為搜索引擎提供更具體的分類(lèi)，以了解您頁(yè)面上的信息類(lèi)型。

架構(gòu)是一種標(biāo)記或組織內(nèi)容的方法，以便搜索引擎更好地了解網(wǎng)頁(yè)上的某些元素。此代碼為您的數(shù)據(jù)提供結(jié)構(gòu)，這就是模式通常被稱(chēng)為“結(jié)構(gòu)化數(shù)據(jù)”的原因。構(gòu)建數(shù)據(jù)的過(guò)程通常稱(chēng)為“標(biāo)記”，因?yàn)槟谑褂媒M織代碼標(biāo)記您的內(nèi)容。

JSON-LD是 Google 的首選架構(gòu)標(biāo)記（于 2016 年 5 月發(fā)布），Bing 也支持它。要查看數(shù)千個(gè)可用架構(gòu)標(biāo)記的完整列表，請(qǐng)?jiān)L問(wèn)Schema.org或查看Google Developers 結(jié)構(gòu)化數(shù)據(jù)簡(jiǎn)介，以獲取有關(guān)如何實(shí)現(xiàn)結(jié)構(gòu)化數(shù)據(jù)的更多信息。在實(shí)現(xiàn)最適合您的網(wǎng)頁(yè)的結(jié)構(gòu)化數(shù)據(jù)后，您可以使用 Google 的結(jié)構(gòu)化數(shù)據(jù)測(cè)試工具測(cè)試您的標(biāo)記。

除了幫助像谷歌這樣的機(jī)器人了解特定內(nèi)容的內(nèi)容之外，模式標(biāo)記還可以啟用特殊功能來(lái)伴隨您在 SERP 中的頁(yè)面。這些特殊功能被稱(chēng)為“豐富的片段”，您可能已經(jīng)看過(guò)它們的實(shí)際應(yīng)用。它們是這樣的：

• 頭條新聞?shì)啿?/span>

• 評(píng)論明星

• 附加鏈接搜索框

• 食譜

請(qǐng)記住，使用結(jié)構(gòu)化數(shù)據(jù)有助于提供豐富的代碼段，但并不能保證。隨著模式標(biāo)記使用的增加，未來(lái)可能會(huì)添加其他類(lèi)型的豐富片段。

關(guān)于模式成功的一些最后建議：

• 您可以在頁(yè)面上使用多種類(lèi)型的架構(gòu)標(biāo)記。但是，如果您標(biāo)記了一個(gè)元素，例如產(chǎn)品，并且頁(yè)面上列出了其他產(chǎn)品，則您還必須標(biāo)記這些產(chǎn)品。

• 不要標(biāo)記訪(fǎng)問(wèn)者看不到的內(nèi)容并遵循Google 的質(zhì)量指南。例如，如果您向頁(yè)面添加評(píng)論結(jié)構(gòu)化標(biāo)記，請(qǐng)確保這些評(píng)論在該頁(yè)面上實(shí)際可見(jiàn)。

• 如果您有重復(fù)的頁(yè)面，Google 會(huì)要求您使用結(jié)構(gòu)化標(biāo)記來(lái)標(biāo)記每個(gè)重復(fù)的頁(yè)面，而不僅僅是規(guī)范版本。

• 提供原創(chuàng)和更新（如果適用）conten牛逼你的結(jié)構(gòu)化數(shù)據(jù)的網(wǎng)頁(yè)。

• 結(jié)構(gòu)化標(biāo)記應(yīng)該準(zhǔn)確反映您的頁(yè)面。

• 嘗試為您的內(nèi)容使用最具體類(lèi)型的架構(gòu)標(biāo)記。

• 標(biāo)記的評(píng)論不應(yīng)由企業(yè)撰寫(xiě)。它們應(yīng)該是來(lái)自實(shí)際客戶(hù)的真正無(wú)償商業(yè)評(píng)論。

通過(guò)規(guī)范化告訴搜索引擎您的首選頁(yè)面

當(dāng) Google 在不同的網(wǎng)頁(yè)上抓取相同的內(nèi)容時(shí)，它有時(shí)不知道要在搜索結(jié)果中索引哪個(gè)頁(yè)面。這就是發(fā)明 rel="canonical" 標(biāo)簽的原因：幫助搜索引擎更好地索引內(nèi)容的首選版本，而不是所有重復(fù)內(nèi)容。

rel="canonical" 標(biāo)簽允許您告訴搜索引擎一段內(nèi)容的原始主版本位于何處。你本質(zhì)上是在說(shuō)，“嘿搜索引擎！不要索引這個(gè)；而是索引這個(gè)源頁(yè)面。”?因此，如果您想重新發(fā)布一段內(nèi)容，無(wú)論是完全修改還是略微修改，但又不想冒險(xiǎn)創(chuàng)建重復(fù)的內(nèi)容，那么規(guī)范標(biāo)簽就可以挽救這一天。

正確的規(guī)范化可確保您網(wǎng)站上的每個(gè)獨(dú)特內(nèi)容都只有一個(gè) URL。為防止搜索引擎將單個(gè)頁(yè)面的多個(gè)版本編入索引，Google 建議在您網(wǎng)站的每個(gè)頁(yè)面上都有一個(gè)自引用規(guī)范標(biāo)簽。如果沒(méi)有規(guī)范標(biāo)簽告訴 Google 您的網(wǎng)頁(yè)的哪個(gè)版本是首選版本，https://www.example.com可能會(huì)與 https://example.com 分開(kāi)編入索引，從而創(chuàng)建重復(fù)項(xiàng)。

“避免重復(fù)內(nèi)容”是互聯(lián)網(wǎng)的老生常談，而且有充分的理由！谷歌希望用獨(dú)特的、有價(jià)值的內(nèi)容來(lái)獎(jiǎng)勵(lì)網(wǎng)站——而不是從其他來(lái)源獲取并在多個(gè)頁(yè)面上重復(fù)的內(nèi)容。由于引擎希望提供最佳的搜索者體驗(yàn)，他們很少會(huì)顯示相同內(nèi)容的多個(gè)版本，而是選擇僅顯示規(guī)范化版本，或者如果規(guī)范標(biāo)簽不存在，則選擇他們認(rèn)為最有可能是原始版本的版本。

區(qū)分內(nèi)容過(guò)濾和內(nèi)容懲罰

沒(méi)有重復(fù)內(nèi)容懲罰這樣的事情。但是，您應(yīng)該盡可能使用 rel="canonical" 標(biāo)簽來(lái)避免重復(fù)內(nèi)容導(dǎo)致索引問(wèn)題。當(dāng)一個(gè)頁(yè)面存在重復(fù)時(shí)，谷歌會(huì)選擇一個(gè)規(guī)范的，并從搜索結(jié)果中過(guò)濾掉其他的。這并不意味著你受到了懲罰。這只是意味著 Google 只想顯示您內(nèi)容的一個(gè)版本。

由于排序和過(guò)濾選項(xiàng)，網(wǎng)站有多個(gè)重復(fù)頁(yè)面也很常見(jiàn)。例如，在電子商務(wù)網(wǎng)站上，您可能有所謂的分面導(dǎo)航，允許訪(fǎng)問(wèn)者縮小產(chǎn)品范圍以準(zhǔn)確找到他們正在尋找的內(nèi)容，例如“排序依據(jù)”功能，可對(duì)產(chǎn)品類(lèi)別的結(jié)果重新排序頁(yè)從最低到最高的價(jià)格。這可能會(huì)創(chuàng)建一個(gè)類(lèi)似于以下內(nèi)容的 URL：example.com/mens-shirts?sort=price_ascending。添加更多分類(lèi)/過(guò)濾選項(xiàng)，如顏色、尺寸、材料、品牌等，然后想想這將創(chuàng)建的主要產(chǎn)品類(lèi)別頁(yè)面的所有變體！

用戶(hù)如何與網(wǎng)站互動(dòng)

在第 1 章中，我們說(shuō)過(guò)，盡管 SEO 代表搜索引擎優(yōu)化，但 SEO 與人有關(guān)，也與搜索引擎本身有關(guān)。那是因?yàn)樗阉饕娴拇嬖谑菫榱藶樗阉髡叻?wù)。這個(gè)目標(biāo)有助于解釋為什么 Google 的算法會(huì)獎(jiǎng)勵(lì)為搜索者提供最佳體驗(yàn)的網(wǎng)站，以及為什么一些網(wǎng)站盡管具有強(qiáng)大的反向鏈接配置文件等品質(zhì)，但在搜索中可能表現(xiàn)不佳。

當(dāng)我們了解是什么使他們的 Web 瀏覽體驗(yàn)最佳時(shí)，我們就可以創(chuàng)建這些體驗(yàn)以實(shí)現(xiàn)最佳搜索性能。

確保為您的移動(dòng)訪(fǎng)問(wèn)者提供積極的體驗(yàn)

由于當(dāng)今所有網(wǎng)絡(luò)流量的一半以上來(lái)自移動(dòng)設(shè)備，因此可以肯定地說(shuō)，您的網(wǎng)站應(yīng)該易于移動(dòng)訪(fǎng)問(wèn)者訪(fǎng)問(wèn)和導(dǎo)航。2015 年 4 月，谷歌推出了對(duì)其算法的更新，將在非移動(dòng)友好頁(yè)面上推廣移動(dòng)友好頁(yè)面。那么，您如何確保您的網(wǎng)站適合移動(dòng)設(shè)備使用？盡管可以通過(guò)三種主要方式為移動(dòng)設(shè)備配置網(wǎng)站，但Google 建議使用響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)。

響應(yīng)式設(shè)計(jì)

響應(yīng)式網(wǎng)站旨在適合您的訪(fǎng)問(wèn)者使用的任何類(lèi)型設(shè)備的屏幕。您可以使用 CSS 使網(wǎng)頁(yè)“響應(yīng)”設(shè)備大小。這是理想的，因?yàn)樗梢苑乐乖L(fǎng)問(wèn)者為了查看您頁(yè)面上的內(nèi)容而必須雙擊或雙指縮放。不確定您的網(wǎng)頁(yè)是否適合移動(dòng)設(shè)備？您可以使用谷歌的移動(dòng)友好測(cè)試來(lái)檢查！

AMP

AMP 代表 Accelerated Mobile Pages，它用于以比非 AMP 交付快得多的速度向移動(dòng)訪(fǎng)問(wèn)者交付內(nèi)容。AMP 能夠如此快速地交付內(nèi)容，因?yàn)樗鼜钠渚彺娣?wù)器（而不是原始站點(diǎn)）交付內(nèi)容，并使用特殊的 AMP 版本的 HTML 和 JavaScript。

移動(dòng)優(yōu)先索引

截至 2018 年，谷歌開(kāi)始將網(wǎng)站切換到移動(dòng)優(yōu)先索引。這一變化引發(fā)了移動(dòng)友好和移動(dòng)優(yōu)先之間的一些混淆，因此消除歧義是有幫助的。通過(guò)移動(dòng)優(yōu)先索引，Google 會(huì)抓取您網(wǎng)頁(yè)的移動(dòng)版本并將其編入索引。使您的網(wǎng)站與移動(dòng)屏幕兼容對(duì)用戶(hù)和您的搜索性能都有好處，但移動(dòng)優(yōu)先索引的發(fā)生與移動(dòng)友好無(wú)關(guān)。

這引起了一些網(wǎng)站在移動(dòng)版和桌面版之間缺乏平等性的擔(dān)憂(yōu)，例如在其移動(dòng)視圖上顯示不同的內(nèi)容、導(dǎo)航、鏈接等。例如，具有不同鏈接的移動(dòng)網(wǎng)站會(huì)改變 Googlebot（移動(dòng)）抓取您的網(wǎng)站并將鏈接權(quán)益發(fā)送到您的其他頁(yè)面的方式。

提高頁(yè)面速度以減輕訪(fǎng)問(wèn)者的挫敗感

谷歌希望為搜索者提供快速加載的內(nèi)容。我們已經(jīng)開(kāi)始期待快速加載的結(jié)果，當(dāng)我們沒(méi)有得到它們時(shí)，我們會(huì)迅速回到 SERP 以尋找更好、更快的頁(yè)面。這就是為什么頁(yè)面速度是現(xiàn)場(chǎng)搜索引擎優(yōu)化的一個(gè)重要方面。

圖像是頁(yè)面緩慢的罪魁禍?zhǔn)字唬?/span>

正如第 4 章所討論的，圖像是網(wǎng)頁(yè)加載緩慢的首要原因之一！除了圖像壓縮、優(yōu)化圖像替代文本、選擇正確的圖像格式和提交圖像站點(diǎn)地圖之外，還有其他技術(shù)方法可以?xún)?yōu)化向用戶(hù)顯示圖像的速度和方式。改進(jìn)圖像傳輸?shù)囊恍┲饕椒ㄈ缦拢?/span>

1. SRCSET：如何為每個(gè)設(shè)備提供最佳圖像尺寸

SRCSET 屬性允許您擁有圖像的多個(gè)版本，然后指定在不同情況下應(yīng)使用哪個(gè)版本。這段代碼被添加到 <img> 標(biāo)簽（你的圖片在 HTML 中的位置），為特定尺寸的設(shè)備提供獨(dú)特的圖片。

這就像我們之前討論的響應(yīng)式設(shè)計(jì)的概念，除了圖像！

這不僅可以加快您的圖片加載時(shí)間，而且還是一種通過(guò)為不同設(shè)備類(lèi)型提供不同且最佳的圖片來(lái)增強(qiáng)頁(yè)面用戶(hù)體驗(yàn)的獨(dú)特方式。

2. 顯示訪(fǎng)客圖片加載正在進(jìn)行中，延遲加載

當(dāng)您訪(fǎng)問(wèn)網(wǎng)頁(yè)時(shí)，會(huì)發(fā)生延遲加載，并且在加載周?chē)谋緯r(shí)會(huì)出現(xiàn)圖像的模糊輕量版本或彩色框，而不是看到圖像所在的空白區(qū)域。幾秒鐘后，圖像以全分辨率清晰加載。流行的博客平臺(tái) Medium 在這方面做得很好。

該低分辨率版本最初加載，然后全高分辨率版本。這也有助于優(yōu)化您的關(guān)鍵渲染路徑！因此，當(dāng)您正在下載所有其他頁(yè)面資源時(shí)，您會(huì)顯示一個(gè)低分辨率的預(yù)告圖像，有助于告訴用戶(hù)事情正在發(fā)生/正在加載。有關(guān)如何延遲加載圖像的更多信息，請(qǐng)查看Google 的延遲加載指南。

通過(guò)壓縮和捆綁文件來(lái)提高速度

頁(yè)面速度審核通常會(huì)提出諸如“縮小資源”之類(lèi)的建議，但這實(shí)際上意味著什么？縮小通過(guò)刪除換行符和空格等內(nèi)容以及盡可能縮寫(xiě)代碼變量名稱(chēng)來(lái)壓縮代碼文件。

“捆綁”是您在提高頁(yè)面速度方面會(huì)聽(tīng)到的另一個(gè)常用術(shù)語(yǔ)。捆綁的過(guò)程將一堆相同的編碼語(yǔ)言文件合并為一個(gè)文件。例如，可以將一堆 JavaScript 文件放入一個(gè)更大的文件中，以減少瀏覽器的 JavaScript 文件數(shù)量。

通過(guò)縮小和捆綁構(gòu)建您的網(wǎng)頁(yè)所需的文件，您將加速您的網(wǎng)站并減少您的 HTTP（文件）請(qǐng)求的數(shù)量。

改善國(guó)際觀(guān)眾的體驗(yàn)

針對(duì)來(lái)自多個(gè)國(guó)家/地區(qū)的受眾的網(wǎng)站應(yīng)該熟悉國(guó)際 SEO最佳實(shí)踐，以便提供最相關(guān)的體驗(yàn)。如果沒(méi)有這些優(yōu)化，國(guó)際訪(fǎng)問(wèn)者可能難以找到適合他們的網(wǎng)站版本。

網(wǎng)站國(guó)際化主要有兩種方式：

• 以講多種語(yǔ)言的人為目標(biāo)的語(yǔ)言網(wǎng)站被視為多語(yǔ)言網(wǎng)站。這些網(wǎng)站應(yīng)該添加一個(gè)叫做 hreflang 標(biāo)簽的東西，以向 Google 表明您的網(wǎng)頁(yè)有另一種語(yǔ)言的副本。

• 針對(duì)多個(gè)國(guó)家/地區(qū)的受眾的國(guó)家/地區(qū)網(wǎng)站稱(chēng)為多區(qū)域網(wǎng)站，他們應(yīng)該選擇一種 URL 結(jié)構(gòu)，以便輕松將其域或頁(yè)面定位到特定國(guó)家/地區(qū)。這可以包括使用國(guó)家代碼頂級(jí)域 (ccTLD)，例如“.ca”代表加拿大，或使用帶有國(guó)家特定子文件夾的通用頂級(jí)域 (gTLD)，例如“example.com/ca”代表加拿大。加拿大。

您已經(jīng)進(jìn)行了研究、編寫(xiě)并針對(duì)搜索引擎和用戶(hù)體驗(yàn)優(yōu)化了您的網(wǎng)站。下一個(gè) SEO 難題是一個(gè)大難題：建立權(quán)威，以便您的網(wǎng)頁(yè)在搜索結(jié)果中排名靠前。繼續(xù)，到第 6 章（鏈接建立和建立權(quán)限）！

由布蘭妮穆勒和 Moz 工作人員撰寫(xiě)。

翻譯來(lái)源：moz