原文: awesome-seo-checklist-zh/README.md at main · tentenco/awesome-seo-checklist-zh · GitHub
搜尋引擎優化清單 (Awesome List)
SEO 檢查表是您需要滿足的 SEO 要求的綜合列表，以提高排名並將您的 SEO 遊戲提升到一個新的水平。 
目錄
-
3.2.文件頭
- 3.2.1.文檔類型設定為 HTML5
- 3.2.2.文件有標題標籤
- 3.2.3.文檔具有有效的 hreflang
- 3.2.4.網站圖示存在
3.3.文件結構
- 3.3.1. SEO 友善的 URL
- 3.3.2.標題按順序排列
- 3.3.3.圖像元素具有 [alt] 屬性
- 3.3.4.文件使用清晰的字體大小
- 3.3.5.點擊目標的大小適當
- 3.3.6.文件避免插件
3.4.可讀性
工具
_如果你無法衡量它，你就無法改進它 - 第一步是使用分析工具，它可以幫助你得出結論並定位潛在問題_
以下列出的工具可以免費使用
-
分析工具
Google Analytics -分析您網站上使用者的流量和行為。啟動實驗並追蹤轉化- Google Search Console -衡量網站的搜尋流量和效能，顯示點擊率和無法存取連結等問題
- Google 關鍵字規劃器-圍繞您想要排名的關鍵字規劃您的內容。比較關鍵字以檢查搜尋量和競爭力
- Google 趨勢-發現全世界都在搜尋什麼
- Bing 網站站長工具-追蹤展示次數、規劃關鍵字以及 Bing 的更多功能
- SimilarWeb -識別_流量來源_
- LSIGraph -為您的關鍵字產生潛在語意索引術語
- WordPress - Yoast SEO -用於頁面內容分析的 WordPress 插件
- WordPress - RankMath -用於 seo 分析的 WordPress 插件
- Keyword.com -每日更新的準確關鍵字排名追蹤軟體
-
搜尋引擎優化檢查器
線上工具可協助您尋找並解決可能損害排名的問題
Lighthouse -解決技術與現場搜尋引擎最佳化問題
- 內建於 Chrome DevTools 內。
- 除了 SEO 之外，它還可以用於審核效能、PWA、最佳實踐和可訪問性問題
- Webhint -檢查以下問題：可訪問性、相容性、PWA、效能、陷阱和安全性
- Google 的行動裝置友善測試-測試頁面是否適合行動裝置
- Varvy SEO 工具-檢查：
- 無障礙問題
- 連結數量過多並且可以找到
- 效能：頁面速度最佳
- Robots.txt 和網站地圖可用
- 安全性：頁面透過 HTTPS 提供服務
- 網站可用性：Google 可以存取您的 CSS 和 JavaScript 資源
- 網站反應迅速
- 驗證文檔
- 線上 SEO 測試儀- *根據 4 個不同方面分析您的網站：
- 文件結構
- 頁面內容
- 網路和行動效能
- 社交存在（開放圖標籤）
- 站點檢查器專業版
- Seobility -因素包括元資訊、頁面品質和結構、連結和伺服器配置
- SEO 網站檢查-除了一般 SEO 之外，還檢查：速度、伺服器和安全性以及行動可用性
- Web Check -一款強大的一體化工具，用於發現有關網站/主機的資訊。
-
Chrome 擴充功能
-
其他工具
技術搜尋引擎優化
_技術SEO的目的是幫助搜尋引擎毫無問題地找到並抓取您的網站。_
識別抓取錯誤
使用Google 搜尋控制台中的覆蓋率工具 _（以前稱為抓取錯誤報告）_來查看哪些網頁已被編入索引以及索引期間遇到的任何問題。
Google Search Console - 覆蓋率狀態報告
確保您的網址已被 Google 正確索引。 Google 的 URL 檢查工具提供有關特定頁面的索引版本的資訊。有了它，您可以執行各種任務，例如：
具有不成功 HTTP 狀態代碼的頁面（傳回 400、500 的頁面）可能無法正確索引。確保您沒有為 404 等錯誤頁面建立索引。
頁面不會被封鎖索引。如果搜尋引擎沒有抓取您的網頁的權限，則無法將您的網頁包含在搜尋結果中。
<!-- this will prevent all crawlers from accessing your page: -->
<meta name="robots" content="noindex" />
複製
# This response header also blocks crawlers
X-Robots-Tag: noindex
複製
404（找不到頁面）頁面應該要優化。預設 404 錯誤頁面可能會導致糟糕的使用者體驗。它可能會誤導用戶認為整個網站已關閉或損壞，從而增加了他們完全離開網站的機會。
您可以採取以下措施來優化 404 頁面：
- 包含無法找到使用者正在尋找的頁面的通知
- 包含指向您主頁的連結
- 包括搜尋欄
- 您的導航應該存在
確保您網站的連線受到 HTTPS 的保護。使用 HTTPS 發送的資料經過加密，提高了安全性，並確保資料在傳輸過程中無法被修改而不被偵測到。另請確保將所有 HTTP 請求重新導向到等效的 HTTPS 版本。
強烈的安全感將隨著時間的推移建立信任，這只會有利於您的業務。
網路使用情況在2016 年發生了逆轉：透過行動裝置存取網路的人數多於透過桌上型裝置存取網路的人數。透過讓您的網站適合行動設備，您可以確保您的頁面在所有裝置上正常運作。
優化頁面速度本身就是一個完整的主題，但您可以充分利用一些關鍵方面。
利用瀏覽器快取靜態資源，例如圖像或字體。這樣，您可以透過將網站資訊儲存在快取中來減少經常訪客的頁面載入時間。它們不是從伺服器訪問，而是從快取請求。
.htaccess文件中圖像的瀏覽器快取設定<IfModule mod_expires.c> ExpiresActive On # Expiration date set for images ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType image/webp "access plus 1 year" ExpiresByType image/svg+xml "access plus 1 year" ExpiresByType image/x-icon "access plus 1 year" </IfModule>複製
伺服器端啟用 gzip 或 brotli 壓縮。這進一步減少了網路請求大小，從而加快頁面載入速度並減少使用的頻寬。
所有資源（HTML、CSS、JavaScript）都應縮小以減少其大小
壓縮圖像和字體可以節省大部分資料位元組。圖像優化
的一些技巧**：**
- 嘗試使用 CSS3 效果而不是使用圖像
- 使用向量圖像，最好是 SVG
- 縮小 SVG 標記
- 選擇正確的光柵格式
- GIF 動畫
- JPG 提供精細的圖像
- PNG-8/24 適用於透明/低調色盤影像
- 內在尺寸應盡可能接近顯示尺寸
- 壓縮
字體優化的一些技巧：
- 最大限度地減少字體使用數量（字體系列和變體）
- 子集字體
- 用於
rel="preload"處理高優先級資源- 快取和壓縮
如果您的 robots.txt 檔案格式不正確，抓取工具可能無法了解您希望如何對您的網站進行抓取或編制索引。
有效的 robots.txt 檔案範例
user-agent: *
disallow: /downloads/
複製
網站地圖是一個文件，您可以在其中提供有關網站頁面的資訊。 Google 等搜尋引擎會讀取此檔案以更聰明地抓取您的網站。它告訴 Google 哪些頁面在您的網站中很重要。
您可能不需要網站地圖的情況：
- 如果您只有一個登陸頁面或一個小型網站（500 頁或更少）
- 您正在使用 Wix 或 Webflow 等託管服務，它會自動產生網站地圖
- 您的網站已全面內部鏈接
站點具有有效的結構化資料。運行結構化資料測試工具和結構化資料 Linter進行驗證。
使用結構化資料標記您的內容使其更有可能包含在豐富的搜尋結果中。
核心網路生命力是三個核心指標，重點在於使用者體驗的三個面向；負載、互動性和視覺穩定性。這些是透過以下指標來衡量的：
LCP簡稱 LCP，測量瀏覽器完全呈現頁面主要內容所需的時間。當 LCP在 2.5 秒內發生時，就認為是良好的。
FID簡稱FID，測量處理第一個使用者輸入所需的時間。任何低於 100 毫秒的時間都被認為是好的。
CLS簡稱 CLS，測量頁面上導致元素意外更改位置的佈局變化量。良好的 CLS 分數低於 0.1。
現場搜尋引擎優化
_現場 SEO 是關於頁面的結構和內容。它的目標是指導您如何創建搜尋引擎易於理解的 SEO 友善內容。_
元資訊
_元資訊提供網頁的詳細資訊。元資料不會顯示，但會被搜尋引擎解析_
元描述提供搜尋引擎在搜尋結果中包含的頁面內容的摘要
<meta name="description" content="Meta descriptions should not be more than 150 characters, but should be above 120 characters" />
複製
元視口針對行動螢幕最佳化您的應用程式。
<meta name="viewport" content="width=device-width, initial-scale=1" />
複製
開放圖譜協議使任何網頁都可以成為社交圖譜中的豐富物件。要將網頁變成豐富的對象，您需要
meta在頭部添加額外的標籤。
四個必需的屬性是：
og:title- 物件的標題，通常會與title標籤的內容相符og:type- 物件的類型，例如：article,profile,website。（要查看所有可用的物件類型，請造訪開放圖官方頁面上的物件類型部分。）og:image- 代表該物件的圖像的 URLog:url- 互動後物件將帶使用者到您網站的 URL要查看所有其他可用的開放圖標籤，請訪問開放圖協議的官方網站。
<!-- Example markup for the movie "The Rock" on IMDB -->
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
複製
文件頭
_除了元標記之外，文件頭還有許多其他標記需要您注意。_
聲明
<!DOCTYPE>必須是 HTML 文件中的第一部分。它告訴瀏覽器該頁面是用什麼版本的 HTML 編寫的。
<!DOCTYPE html>
複製
標題為螢幕閱讀器使用者提供了頁面的概述，搜尋引擎使用者嚴重依賴它來確定頁面是否與他們的搜尋相關。
標題不宜太長或太短，盡量保持在50-60字左右。
<!doctype html>
<html lang="en">
<head>
…
<title>SEO Checklist</title>
…
</head>
<body>
…
</body>
</html>
複製
hreflang 連結告訴搜尋引擎應在給定語言或區域的搜尋結果中列出頁面的哪個版本。
<link rel="alternate" hreflang="en" href="https://my-site.com" />
<link rel="alternate" hreflang="es" href="https://es.my-site.com" />
<link rel="alternate" hreflang="de" href="https://de.my-site.com" />
複製
如果您的網站有收藏夾，它可以包含在搜尋結果頁面中。
<link rel="shortcut icon" href="/path/to/favicon.ico" />
複製
文件結構
_文件結構概述了您的 html 應該如何構建，並顯示了哪些是可以影響您的 SEO 的關鍵因素。_
SEO 友善的 URL 應僅包含字母和數字、破折號 (-) 或底線 (_)。盡量避免使用空格、符號或其他特殊字元。讓它們簡短並與主題相關。嘗試將關鍵字納入其中。
<!-- 🔴 Don't -->
<a href="https://example.com/index.php?page=articles&order=desc">Latest articles</a>
<!-- ✅ Do -->
<a href="http://example.com/articles/latest">Latest articles</a>
複製
標題可以幫助 Google 理解您的文字和頁面的上下文。標題應按層次順序建立。這意味著 an 後面
h1應該跟一個h2，而不是h3。
<!-- ❌ Don't -->
<h1>Title of your page</h1>
<h3>Heading</h3>
<!-- ❌ Don't -->
<h3>Title of your page</h3>
<h1>Heading</h1>
<!-- ✔️ Do -->
<h1>Title of your page</h1>
<h2>Heading</h2>
<h3>Sub-heading</h3>
複製
資訊元素應以簡短的描述性替代文字為目標。如果 alt 屬性為空，則可以忽略裝飾元素。對於圖像，提供
width和height屬性以避免佈局變化。始終透過將loading屬性設為 來延遲載入離屏圖像lazy。
<!-- Images should have a short, descriptive alt text -->
<img src="..." alt="Diagram showing the steps of critical rendering path" />
<!-- If the image doesn't provide any value, still give it an empty alt tag -->
<img src="..." alt="" />
<!-- Use `width` and `height` attributes to avoid layout shifts -->
<!-- Lazy load off-screen images -->
<!-- ⚠️ Never lazy load ATF (above-the-fold) images -->
<img src="..." alt="" width="100" height="100" loading="lazy" />
複製
小於 12 像素的字體太小而難以辨認，需要移動訪客「捏合縮放」才能閱讀。
按鈕和連結等互動元素應該足夠大（48x48px），周圍有足夠的空間，以便能夠輕鬆點擊而不會與其他元素重疊。
搜尋引擎無法索引插件內容，並且許多設備限制插件或不支援它們。
embed檢查、object或等元素applet，以及它們的 MIME 類型是否與以下任一項相符：
application/x-java-appletapplication/x-java-beanapplication/x-shockwave-flashapplication/x-silverlightapplication/x-silverlight-2然後它將被標記為插件。
可讀性
文件標題不僅顯示在標籤中，而且還顯示在 Google 搜尋結果頁面中作為藍色連結。這是用戶在搜尋結果頁面上首先看到的有關您網站的內容。為了吸引使用者的注意力，請簡短而切中要點。寬度超過 600 像素的標題將被截斷，因此請確保標題不要太長。也嘗試合併您的主要關鍵字。
大多數超過 300 字的文字都需要副標題，以幫助讀者更輕鬆地瀏覽文字。使用副標題不僅可以使您的文字更具可讀性和可訪問性，還可以幫助Google了解您的內容的內容。
如果可以的話，也可以將主要關鍵字納入副標題。
描述性連結文字有助於搜尋引擎理解您的內容。
<!-- 🔴 Don't -->
<p>To see more articles like this, <a href="articles.html">click here</a>.</p>
<!-- ✅ Do -->
<p>Are you interesed in more? Check out these <a href="articles.html">similar articles</a>.</p>
複製
在整個網站中使用內部連結。它可以幫助 Google 了解頁面的結構和層次結構。您應該擁有指向基礎內容的最內部連結。這樣，您網站上最重要的內容就會獲得最高的連結價值。
透過添加內部鏈接，您可以讓 Google 了解：
- 頁面的相關性
- 頁面之間的關係
- 每頁的價值
最後但並非最不重要的一點是，它可以幫助用戶和搜尋引擎更輕鬆地瀏覽您的網站。
出站或外部連結是從您的頁面指向其他網站的連結。使用外部連結並連結到網路上的其他相關頁面可以幫助搜尋引擎更了解您網站的上下文。
焦點關鍵字（或關鍵字）是您希望頁面排名最高的搜尋字詞。對於部落格文章，您通常應該瞄準長尾關鍵字（包含多個單字的關鍵字），因為這些關鍵字的競爭較低。為了幫助您決定關鍵字，您可以使用Google Trends、Google Keyword Planner、Answer The Public等工具，或直接在 Google 上搜尋您建議的術語，然後讓自動建議向您顯示其他人正在搜尋的內容。
確保您的關鍵字：
- 出現在標題標籤中
- 出現在副標題中
- 出現在第一段
- 是獨一無二的，之前沒有在您的整個網站中使用過
- 用於 slug （您的 SEO 友善 URL）
- 用於元描述
- 用於影像 [alt] 屬性
- 不太長
- 密度在 1-3% 之間_（您的關鍵字在副本中出現的次數，例如：您的文字有 100 個單詞，其中 5 個是您的關鍵字，而您的關鍵字密度為 5%）_
在大多數情況下，主動句比被動句更容易理解。寫完文字後，掃描它的被動語態結構。常問自己：是否有更好、更積極的替代方案？如果有，就使用它。如果沒有，請使用被動語態。
諸如and、but、so、because 之類的過渡詞使閱讀和理解文本變得更容易。雖然過渡詞不會直接影響您的搜尋引擎優化，但它們是可讀性的關鍵因素之一。
如果您的頁面上有大量內容，最好是 1000 字或以上的帖子，您在 Google 中排名的機會就更高。
這將幫助您排名更高的原因：
- 谷歌將有更多線索來確定您的頁面的內容
- 文字越長，您的關鍵字出現在其中的頻率就越高
- 內容越多，能帶給使用者的價值就越大，讓您的網站更具相關性
段落有助於將文字分解為小塊且易於理解的區塊。大塊的文字很難閱讀，而且往往會嚇跑訪客。試著將段落長度限制在200 個字以內。
較長的句子通常比較短的句子更難閱讀。將較長的句子分成較短的句子有助於提高可讀性。
站外 SEO
_站外SEO不是技術細節，而是行銷推廣技巧。_
連結建設
_連結建設是讓其他網站連結回您網站的過程。反向連結是搜尋引擎決定哪個網站針對哪個關鍵字排名較高的重要因素。_
連結數量不宜過多。單一頁面上有太多連結可能會損害您的 SEO 排名，因為這通常是垃圾郵件的標誌。此限制可能取決於您擁有的網站類型，無論您是報道新聞還是在單一登陸頁面上作為自由工作者提供服務。
處理連結時，品質比數量更重要。您在網站上使用的連結類型以及從中獲得的流量，可以決定或破壞您的排名。
我們可以將好連結和壞連結分為兩個子類別：傳入連結和傳出連結。下面列出了兩者的一些範例。可以被認為是好的連結的連結：
- 來自高權威網站的鏈接
- 編輯連結
- 來賓發文
- 利基特定目錄
可以被視為壞連結的連結：
- 指向用戶個人資料頁面的鏈接
- 指向評論的鏈接
- 指向失效網站的連結
- 使用連結產生器建立的連結
- 來自國外網站的連結
- 來自不相關內容的鏈接
- 來自付費鏈接的鏈接
- 來自垃圾評論的鏈接
連結標籤上的屬性
rel指定頁面和連結 URL 之間的關係。由 Google 用於指定搜尋蜘蛛是否應追蹤連結。僅當href存在連結到外部資源的屬性時才使用。它可以採用與 SEO 相關的屬性：
- nofollow：表示連結的文檔未獲得該文檔作者的認可。不要與noopener或noreferrer混淆。
其他資源
- Google Search Console - SEO 入門指南
- Google 搜尋控制台 - 網站站長指南
- Moz - SEO 學習中心
- Moz - SEO 初學者指南
- TutorialsPoint - SEO 教程
- Ahrefs - 連結建立新手友善指南
- 為開發者掌握 SEO
Ahrefs - SEO 初學者- Ahrefs - 2019 年 SEO 檢查表
- Backlinko - 2020 年 SEO 檢查表
- WordPress - Yoast SEO 教學 2019
其他資源
- SEO - Tenten 科技與設計週報
- SEO 權威指南(生成式AI內容演算法2024/03更新)
- 最佳 SEO 軟體指南 - 征服搜尋引擎排名!
- 技術性 SEO：全面指南（19個最佳實踐）
- Webflow SEO 優化秘訣：14 項關鍵檢查項目
- SERP 深入解析：探索搜尋引擎結果頁面的運作原理
- SEM 是什麼？揭密搜尋引擎行銷的運作原理和優化秘訣
- 告別低排名! SEO 軟體懶人包助您網站流量扶搖直上
- 本地SEO：Local SEO 如何讓你在當地搜尋結果中排名第一?
- Google 為什麼不喜歡緩慢的網站?
- 什麼是 SEO - 您的搜尋引擎優化指南 (2024)
- 免費 SEO 軟體推薦：29 款幫您提升排名的工具
- AIPRM - ChatGPT for SEO 終極工具
- AI 行銷新策略：訪談國際 SEO 權威 Neil Patel 的前瞻觀點
- YouTube 影片優化關鍵字研究終極指南
- 什麼是 SEO 結構標記? (6種中小型企業常使用的類型)
- 寫給電商的技術SEO指南 | 2023年檢查清單
- 什麼是技術性搜尋引擎最佳化(Technical SEO)？基礎知識和 10 項最佳方法
- 技術 SEO 初學者指南 (by Ahrefs)
- Core Web Vitals (核心頁面指標) 是什麼及如何優化-完整版
- 破解 SEO 的祕密: Core Web Vitals
- Core Web Vitals 檢測工具推薦
- 加速 Google Web Vitals 重要指標 LCP 的五種方法
- Tendemy Webflow 課程: 搜索引擎優化 (SEO) 清單
- 利用 AI SEO 的力量增強您的 SEO 策略 - 技術 SEO 由 Tenten
- 很棒的 SEO 工具包 - 技術 SEO by Tenten
- 2024 年 Google Search Console 指南：SEO 提示以及如何使用 Google 網站最佳化工具 - 技術 SEO by Tenten
- 揭秘 Google 的 EAT：提高網站品質的 SEO 指南 - 技術 SEO by Tenten
- SEO 的連結建立：提高排名的初學者指南 - 技術 SEO by Tenten
- Google 時間表：SEO 和 SEM 策略如何攜手合作（回顧） - 技術 SEO 由 Tenten
- XML 網站地圖對於 SEO 的重要性：為什麼您的網站需要網站地圖 - 技術 SEO by Tenten
- 行動 SEO：吸引當今數位受眾的關鍵 - 技術 SEO by Tenten
- 如何用SEO軟體工具超越競爭對手：揭露對手關鍵字策略
- SEMrush 評論：揭開 SEO 頂級工具的面紗