技術流程的頁面 SEO 指南

這篇文章是一篇客座文章——在文章底部閱讀更多關於作者的信息。

有什麼比頁面上的 SEO 指南更好的呢？

技術頁面SEO指南怎麼樣！

我們知道有很多這樣的資源漂浮在那裡——可能有幾十個，如果不是幾百個的話。

我們找不到幫助 Google 思考（是的，它現在有了大腦）和從其爬蟲和語義原則的角度對您的數字資產“感覺良好”的技術流程指南。

希望本指南從技術角度清楚地描繪了頁面上的 SEO，並幫助您提高網站的排名。

讓我們從頂部開始，按順序向下瀏覽頁面。

看起來我們有一些工作要做……

頁面速度

雖然頁面速度本身並不是谷歌的直接排名信號，但由於以下因素，用戶對網站的反應是。

旨在達到或超過這些基線：

• 頁面大小 < 800KB

• 滿載時間 < 2.4 秒

• 總共 40 個或更少的請求

• 來自服務器的 400 ms 響應時間或更短

您可以在 Google Page Speed Insights 免費測試您的頁面速度。

注意：上述指標適用於 80% 的網站和利基市場。 它們不適用於電子商務網站和其他利基屬性。

固定鏈接/網址

從技術角度來看，谷歌希望你的 URL 信息豐富、簡潔、易於理解，最重要的是，淺顯。

他們有很多網站要抓取。

例如：

不要這樣做： https://viictorymedia.com/tucson/services/SEO/

或： https://viictorymedia.com/tucson/SEO

而是： https://viictorymedia.com/tucson-SEO-services/

這種結構允許 Google 具有在目錄之間跳躍較少的爬網深度。

用戶也更喜歡這種結構，因為從 URL 中可以很容易地辨別頁面的內容。

（來源：媒體）

白色空間

關於空白空間以及它應該在網站上佔用多少空間存在許多相反的觀點，但有一個事實很突出……

空白有助於引導用戶的注意力。

它還可以更容易地實現理想的對比度。

此外，許多人認為與深色相比，白色背景使訪問者更容易接受頁面上顯示的信息。

（來源：對比度）

對比度

對比度的技術要求是4:1。 這個比率應該始終作為網頁設計的起點。

隨著 ADA（美國殘疾人法案）指南變得越來越重要，搜索引擎將繼續獎勵充分實施這些指南的網站。

提示：免費測試您的設計的對比度。

（來源：粉碎雜誌）

麵包屑

順著頁面往下看，我們提出的下一個技術建議是麵包屑。

麵包屑主要被視為您網站上頁面之間的相互鏈接結構，還可以幫助可能最終“迷路”的訪問者。

雖然麵包屑不是絕對必要的，但它們確實讓用戶和爬蟲更好地了解您的頁面是如何鏈接的以及它們的層次結構。

內容主體

轉到內容正文，我們強調了一些被忽視但至關重要的領域，這些領域應該可以幫助您的網站更容易被 Google 看到。

（來源：W3-Lab）

字體大小

雖然 Google 指南建議使用 16 像素字體，但我們更進一步，建議考慮目標市場和媒體的年齡人口統計。

• 18 至 35 歲的 16 像素字體或同等字體

• 35 - 55 歲的 18px 字體或同等字體

• 55 歲以上的 20px 字體或同等字體

• 16px 字體或同等字體，主要用於桌面

• 移動設備的 18px 字體或等效字體

（來源：SEOptimer）

標題

H1 – H6 標題應按正確順序使用。

從語義上講，你的 H1 也應該是第一行文本，以便爬蟲和人類第一眼就能理解主題是什麼或爬取。

注意：創建標題時不要使用它們來滿足風格需求。

我們經常發現 SEO 使用諸如“我們的服務”或“關於我們”之類的標題。

出於視覺格式化目的使用標題不可避免地會降低頁面的主題相關性。

主要關鍵字

主要關鍵字應該自然地出現在您的整個文本中，而不是在任何一個區域中濃縮。

由於爬蟲將頁面從上到下級聯，因此必須在整個頁面、文章或博客的正文中包含關鍵字“自然”。

在嘗試確定理想的關鍵字密度時，請找到與您競爭的前三個網站的平均密度。

您可以通過在每個頁面上搜索您的關鍵字，計算每個文檔中的總數，然後將其除以示例中使用的網站數量來做到這一點。

近端詞

在構建內容時，請確保在關鍵字附近使用積極形容詞來增強情感價值。

示例：如果您的關鍵字是 Tucson Web Design，則執行情感值的鄰近詞可能是：最佳、專家、專業或誠實。

從本質上講，情緒分析有助於為搜索引擎提供對關鍵字的主觀理解，並為搜索查詢提供更好的結果。

（來源：詹姆斯麥迪遜大學）

線高

你的 line-height 應該是字體大小的 150%。

因此，我們可以計算出 150% 或 1.5 到 1-7。

遵循本指南還可以提高可讀性和理解力。

（來源：巴比奇）

線長

多項研究表明，9 到 12 個單詞（+/- 60 個字符）的行長可以幫助讀者減少被文字牆所淹沒的感覺，從而增加他們的停留時間。

換行符

搜索引擎優化現在已經知道分解文本行會增加停留時間。

文字牆使讀者遠離您的頁面和內容。
（來源：UXMovement）

按鈕大小

按鈕大小很重要，尤其是在移動設備和屏幕上。

如果訪問者無法點擊點擊目標或目標太小，Google 可能會因您的網站可用性差而對其進行處罰。

為防止這種情況，請始終確保您的按鈕的行高至少為 56 像素或等值。

圖片

您的圖片應按 div 容器的正確比例調整大小，並且不得大於或小於指定寬度。

以盡可能低的分辨率將圖像導出為 JPEG，以保持必要的質量。

如果相關，請在圖片的命名約定中包含關鍵字 - 使用 alt 標籤進行匹配。

注意：Photoshop 中的 Save for Web 命令可以幫助解決此問題。

（來源：莫茲）

替代標籤/文本

alt 標籤中的 alt 是“alternative”的縮寫。

Alt 標籤用於向無法看到圖像的用戶描述圖像的外觀或功能。

理想情況下，alt 標籤應該是完整的句子，沒有連字符、下劃線或特殊字符，因為它們主要用於屏幕閱讀器。

Div 類和 ID

如果您正在創建 div 類和 id，它們應該包含有關表格內容的有用信息。

例如，如果您要創建一個包含前十名賭場列表的表格，我們的建議是將該表格命名為：

<div class=”top-10-casino-list”>

這有助於爬蟲更好地了解您提供的信息以及它與整個網站的關係。

內部鏈接

每個文檔、頁面、博客或文章都應包含至少一個指向您自己網站上其他相關內容的鏈接。

在許多情況下，您需要使用錨文本鏈接到其他權威內容，該錨文本使用在您鏈接到的頁面的 H1 中建立的關鍵字。

出站鏈接

鏈接到外部網站上的內容會建立一個單向鏈接，幫助 Google 了解您的內容與您的內容相似，或者它是可驗證的和權威的。

出站鏈接對於 YMYL 利基中的內容至關重要。

（來源：也問）

人們還問

在您的頁面底部添加“人們也詢問”部分，您可以鏈接到您網站上與類似主題相關的其他頁面。

例如，如果您的文章是關於 Web 設計的未來的，並且您知道人們也在詢問 SEO 的未來，您可以創建一個 People Also Ask 部分，並簡要描述第二個主題。 簡要回答問題並鏈接到您網站上其他地方的長篇內容。

提示：您可以通過在 Google SERP 中查找您的查詢或使用 AlsoAsked 來找出關於您的主題的“人們還問什麼”。

作者傳記

作者傳記有助於在您的內容和品牌中建立信任和可信度——無論是來自積極關注您的用戶還是在 Google 搜索算法的眼中。

注意：Google 已經開始將人名（實體）與其他實體關聯起來。 例如，如果你用谷歌搜索我（Schieler Mew）並查看圖片，你會看到搜索引擎將我作為個人實體與 SEO 和網頁設計等相關聯。

作者註：本指南中的所有信息均來自多項薈萃分析，並直接來自 Google。 這些指南並不嚴格，但一次又一次地，它們已被證明可以增加多個案例研究中的搜索優化。

下載技術 SEO 清單！

參考：

https://design.google/resources/

https://developers.google.com/style

https://support.google.com/webmasters/answer/7451184?hl=en

https://uxdesign.cc/building-a-design-system-where-to-start-part-4-typography-5065b8d360c

https://medium.com/successivetech/importance-of-whitespace-in-good-design-de03ea0ab4db

https://material.io/design/usability/accessibility.html