An open API service indexing awesome lists of open source software.

https://github.com/tentenco/awesome-seo-checklist-zh

不再為 SEO 優化感到迷茫! 這份 SEO 網站優化清單涵蓋所有您需要的步驟,助您輕鬆優化網站,提升排名,成為搜尋引擎霸主!
https://github.com/tentenco/awesome-seo-checklist-zh

List: awesome-seo-checklist-zh

Last synced: 2 months ago
JSON representation

不再為 SEO 優化感到迷茫! 這份 SEO 網站優化清單涵蓋所有您需要的步驟,助您輕鬆優化網站,提升排名,成為搜尋引擎霸主!

Awesome Lists containing this project

README

        

# 搜尋引擎優化清單 (Awesome List)

#### 🕵️ SEO 檢查表是您需要滿足的 SEO 要求的綜合列表,以提高排名並將您的 SEO 遊戲提升到一個新的水平。 🆙

🗃️ 目錄
------

1. **🛠️[工具](#%EF%B8%8F-tools)**
1.1。[分析工具](#analytics-tools)
1.2。[SEO 檢查器](#seo-checkers)
1.3。[Chrome 擴充](#chrome-extensions)
1.4。[其他工具](#other-tools)

2. **⚙️[技術 SEO](#%EF%B8%8F-technical-seo)**
2.1。 2.2.[辨識抓取錯誤](#%EF%B8%8F-identify-crawl-errors)
* 2.3. [URL檢查](#%EF%B8%8F-url-inspection)[沒有損壞的連結](#%EF%B8%8F-no-broken-links)
* 2.4。[沒有被封鎖的頁面](#%EF%B8%8F-no-blocked-pages)
* 2.5。[優化404](#%EF%B8%8F-optimized-404)
* 2.6。[透過 HTTPS](#%EF%B8%8F-served-over-https)
* 2.7 提供服務。[行動友善](#%EF%B8%8F-mobile-friendly)
* 2.8。[頁面速度效率](#%EF%B8%8F-page-speed-efficiency)
* 2.8.1.[瀏覽器快取](#%EF%B8%8F-browser-caching)
* 2.8.2.[啟用壓縮](#%EF%B8%8F-compression-enabled)
* 2.8.3.[資源精簡](#%EF%B8%8F-resources-minified)
* 2.8.4.[圖像和字體進行了優化](#%EF%B8%8F-images-and-fonts-are-optimized)
* 2.9.[具有有效的 robots.txt](#%EF%B8%8F-has-valid-robottxt)
* 2.10。[具有有效的 sitemap.xml](#%EF%B8%8F-has-valid-sitemapxml)
* 2.11。[結構化資料](#%EF%B8%8F-structured-data)
* 2.12。[核心網路生命力](#%EF%B8%8F-core-web-vitals)
* 2.12.1.[最大的內容塗料](#%EF%B8%8F-largest-contentful-paint)
* 2.12.2.[第一個輸入延遲](#%EF%B8%8F-first-input-delay)
* 2.12.3.[累積佈局偏移](#%EF%B8%8F-cumulative-layout-shift)
3. **📜[現場 SEO](#-on-site-seo)**
3.1。[元資訊](#meta-information)

* 3.1.1.[有元描述](#%EF%B8%8F-has-meta-description)
* 3.1.2.[有元視口](#%EF%B8%8F-has-meta-viewport)
* 3.1.3.[具有開放圖標籤](#%EF%B8%8F-has-open-graph-tags)

3.2.[文件頭](#document-head)

* 3.2.1.[文檔類型設定為 HTML5](#%EF%B8%8F-doctype-is-set-to-html5)
* 3.2.2.[文件有標題標籤](#%EF%B8%8F-document-has-a-title-tag)
* 3.2.3.[文檔具有有效的 hreflang](#%EF%B8%8F-document-has-a-valid-hreflang)
* 3.2.4.[網站圖示存在](#%EF%B8%8F-favicon-exists)

3.3.[文件結構](#document-structure)

* 3.3.1. [SEO 友善的 URL](#%EF%B8%8F-seo-friendly-urls)
* 3.3.2.[標題按順序排列](#%EF%B8%8F-heading-in-order)
* 3.3.3.[圖像元素具有 \[alt\] 屬性](#%EF%B8%8F-image-elements-have-alt-attributes)
* 3.3.4.[文件使用清晰的字體大小](#%EF%B8%8F-document-uses-legible-font-sizes)
* 3.3.5.[點擊目標的大小適當](#%EF%B8%8F-tap-targets-are-sized-appropriately)
* 3.3.6.[文件避免插件](#%EF%B8%8F-document-avoids-plugins)

3.4.[可讀性](#readability)

* 3.4.1.[標題寬度](#%EF%B8%8F-title-width)
* 3.4.2.[副標題分佈](#%EF%B8%8F-subheading-distribution)
* 3.4.3.[連結有描述性文字](#%EF%B8%8F-links-have-descriptive-text)
* 3.4.4.[內部連結](#%EF%B8%8F-internal-links)
* 3.4.5。[出站連結](#%EF%B8%8F-outbound-links)
* 3.4.6。[關鍵字的使用](#%EF%B8%8F-use-of-keyphrases)
* 3.4.7.[被動語態的使用](#%EF%B8%8F-use-of-passive-voice)
* 3.4.8.[過渡詞的使用](#%EF%B8%8F-use-of-transition-words)
* 3.4.9.[文字長度](#%EF%B8%8F-text-length)
* 3.4.10.[段落長度](#%EF%B8%8F-length-of-paragraphs)
* 3.4.11.[句子長度](#%EF%B8%8F-length-of-sentences)
4. **📊[站外 SEO](#-off-site-seo)**
4.1。[連結建設](#link-building)

* 4.1.1.[連結數量](#%EF%B8%8F-amount-of-links)
* 4.1.2.[好連結與壞連結](#%EF%B8%8F-good-vs-bad-links)
* 4.1.3.[相對值的使用](#%EF%B8%8F-the-use-of-rel)
5. **📚[其他資源](#-other-resources)**

🛠️工具
-----

ℹ️_如果你無法衡量它,你就無法改進它 - 第一步是使用分析工具,它可以幫助你得出結論並定位潛在問題_

> 🆓 以下列出的工具可以免費使用

* #### 分析工具

* 📈 [Google Analytics](https://analytics.google.com/) -_分析您網站上使用者的流量和行為。啟動實驗並追蹤轉化_
* 📈 [Google Search Console](https://search.google.com/search-console/about) -_衡量網站的搜尋流量和效能,顯示點擊率和無法存取連結等問題_
* 📈 [Google 關鍵字規劃器](https://ads.google.com/intl/en_gb/home/tools/keyword-planner/)\-_圍繞您想要排名的關鍵字規劃您的內容。比較關鍵字以檢查搜尋量和競爭力_
* 📈 [Google 趨勢](https://trends.google.com/trends)\-_發現全世界都在搜尋什麼_
* 📈 [Bing 網站站長工具](https://www.bing.com/toolbox/webmaster)\-_追蹤展示次數、規劃關鍵字以及 Bing 的更多功能_
* 📈SimilarWeb [\-](https://www.similarweb.com/)識別_流量來源_
* 📈 [LSIGraph](https://lsigraph.com/) -_為您的關鍵字產生潛在語意索引術語_
* 📈 [WordPress - Yoast SEO](https://yoast.com/wordpress/plugins/seo/) -_用於頁面內容分析的 WordPress 插件_
* 📈 [WordPress - RankMath](https://wordpress.org/plugins/seo-by-rank-math/) -_用於 seo 分析的 WordPress 插件_
* 📈 [Keyword.com](https://keyword.com/) -_每日更新的準確關鍵字排名追蹤軟體_
* #### 搜尋引擎優化檢查器

_線上工具可協助您尋找並解決可能損害排名的問題_
* ✔️ [Lighthouse](https://developers.google.com/web/tools/lighthouse/) -_解決技術與現場搜尋引擎最佳化問題_
* 內建於 Chrome DevTools 內。
* 除了 SEO 之外,它還可以用於審核**效能、PWA、最佳實踐和可訪問性**問題
* ✔️ [Webhint](https://webhint.io/) -_檢查以下問題:**可訪問性、相容性、PWA、效能、陷阱和安全性**_
* ✔️ [Google 的行動裝置友善測試](https://search.google.com/test/mobile-friendly)\-_測試頁面是否適合行動裝置_
* ✔️ [Varvy SEO 工具](https://varvy.com/)\-_檢查:_
* 無障礙問題
* 連結數量過多並且可以找到
* 效能:頁面速度最佳
* Robots.txt 和網站地圖可用
* 安全性:頁面透過 HTTPS 提供服務
* 網站可用性:Google 可以存取您的 CSS 和 JavaScript 資源
* 網站反應迅速
* 驗證文檔
* ✔️[線上 SEO 測試儀](https://suite.seotesteronline.com/seo-checker)\- \*根據 4 個不同方面分析您的網站:
* 文件結構
* 頁面內容
* 網路和行動效能
* 社交存在(開放圖標籤)
* ✔️[站點檢查器專業版](https://sitechecker.pro/)
* ✔️ [Seobility](https://www.seobility.net/en/seocheck/) -_因素包括**元資訊、頁面品質和結構、連結和伺服器配置**_
* ✔️ [SEO 網站檢查](https://seositecheckup.com/)\-_除了一般 SEO 之外,還檢查:**速度、伺服器和安全性以及行動可用性**_
* ✔️ [Web Check](https://web-check.xyz/) -_一款強大的一體化工具,用於發現有關網站/主機的資訊。_
* #### Chrome 擴充功能

* 💻 [Serpstat 網站 SEO 檢查器](https://chrome.google.com/webstore/detail/serpstat-website-seo-chec/fcgbopaomlpldhbinhgebmkcnkfconmn)
* 💻 [SEO 檢查工具](https://chrome.google.com/webstore/detail/seo-checker-tool-get-free/ljkhgacfcnhpfafpcdpaadgklajibdak)
* 💻[網站 SEO 檢查器:免費審核和分析](https://chrome.google.com/webstore/detail/website-seo-checker-free/nljcdkjpjnhlilgepggmmagnmebhadnk)
* 💻[關鍵字無所不在 - Chrome 和 Firefox](https://keywordseverywhere.com/)
* 💻[詳細 - Chrome 和 Firefox](https://detailed.com/extension/)
* #### 其他工具

* 🛠️ [Facebook 共享調試器](https://developers.facebook.com/tools/debug/sharing/)\-_驗證開放圖標籤_
* 🛠️ [JSON-LD 模式標記產生器](https://www.jamesdflynn.com/json-ld-schema-generator/)
* 🛠️[結構化資料測試工具](https://search.google.com/structured-data/testing-tool/u/0/)
* 🛠️[結構化資料檢查器](http://linter.structured-data.org/)
* 🛠️ [W3C 標記驗證服務](https://validator.w3.org/)
* 🛠️ [LinkedIn 職位檢查員](https://www.linkedin.com/post-inspector/)
* 🛠️ [Pinterest 豐富 Pin 圖驗證器](https://developers.pinterest.com/tools/url-debugger/)
* 🛠️ [Twitter 卡片驗證器](https://cards-dev.twitter.com/validator)

⚙️ 技術搜尋引擎優化
-----------

ℹ️_技術SEO的目的是幫助搜尋引擎毫無問題地找到並抓取您的網站。_

> #### ☑️ 識別抓取錯誤
>
> 使用Google 搜尋控制台中的[覆蓋率工具](https://search.google.com/search-console/about) _(以前稱為抓取錯誤報告)_來查看哪些網頁已被編入索引以及索引期間遇到的任何問題。
>
> 📖 [Google Search Console - 覆蓋率狀態報告](https://support.google.com/webmasters/answer/7440203)
> 📖 [Google Search Console - 從舊版 Search Console 遷移](https://support.google.com/webmasters/answer/9073702?hl=en)

* * *

> #### ☑️ URL檢查
>
> 確保您的網址已被 Google 正確索引。 Google 的 URL 檢查工具提供有關特定頁面的索引版本的資訊。有了它,您可以執行各種任務,例如:
>
> * [測試您的頁面是否能夠被索引](https://support.google.com/webmasters/answer/9012289#test_live_page)
> * [請求 Google(重新)抓取 URL](https://support.google.com/webmasters/answer/9012289#request_indexing)
> * [查看 URL 的目前狀態](https://support.google.com/webmasters/answer/9012289#using_the_tool)
> * [查看 Google 如何查看您的頁面](https://support.google.com/webmasters/answer/9012289#view_screenshot)
>
> 📖 [Google Search Console - URL 檢查工具](https://support.google.com/webmasters/answer/9012289)

* * *

> #### ☑️沒有損壞的鏈接
>
> 具有不成功 HTTP 狀態代碼的頁面(傳回 400、500 的頁面)可能無法正確索引。確保您沒有為 404 等錯誤頁面建立索引。
>
> 📖 [Web.dev - 頁面有不成功的 HTTP 狀態碼](https://web.dev/http-status-code/?utm_source=lighthouse&utm_medium=devtools)

* * *

> #### ☑️沒有被阻止的頁面
>
> 頁面不會被封鎖索引。如果搜尋引擎沒有抓取您的網頁的權限,則無法將您的網頁包含在搜尋結果中。
>
> 📖 [Web.dev - 頁面被阻止索引](https://web.dev/is-crawable/?utm_source=lighthouse&utm_medium=devtools)



複製

# This response header also blocks crawlers
X-Robots-Tag: noindex

複製

* * *

> #### ☑️優化404
>
> 404(找不到頁面)頁面應該要優化。預設 404 錯誤頁面可能會導致糟糕的使用者體驗。它可能會誤導用戶認為整個網站已關閉或損壞,從而增加了他們完全離開網站的機會。
> 您可以採取以下措施來優化 404 頁面:
>
> * 包含無法找到使用者正在尋找的頁面的通知
> * 包含指向您主頁的連結
> * 包括搜尋欄
> * 您的導航應該存在
>
> 📖 [SEO 網站檢查 - 404 頁面測試](https://seositecheckup.com/tools/custom-404-error-page-test)

* * *

> #### ☑️ 透過 HTTPS 提供服務
>
> 確保您網站的連線受到 HTTPS 的保護。使用 HTTPS 發送的資料經過加密,提高了安全性,並確保資料在傳輸過程中無法被修改而不被偵測到。另請確保將所有 HTTP 請求重新導向到等效的 HTTPS 版本。
>
> 強烈的安全感將隨著時間的推移建立信任,這只會有利於您的業務。
>
> 📖 [Google Search Console - 使用 HTTPS 保護您的網站](https://support.google.com/webmasters/answer/6073543)

* * *

> #### ☑️ 行動友好
>
> [網路使用情況在2016 年](https://gs.statcounter.com/download/internet_usage_2009_2016_ww.png)發生了逆轉:透過行動裝置存取網路的人數多於透過桌上型裝置存取網路的人數。透過讓您的網站適合行動設備,您可以確保您的頁面在所有裝置上正常運作。
>
> 🛠️ [Google 的行動裝置友善測試](https://search.google.com/test/mobile-friendly)
> 📖 [Google 開發人員:對行動裝置友善](https://developers.google.com/search/mobile-sites/)
> 📖 [Google 開發人員:響應式網頁設計基礎知識](https://developers.google.com/web/fundamentals/design-and-ux/responsive)
> 📖 [Varvy:行動優化指南](https://varvy.com/mobile/)

* * *

> #### ☑️ 頁面速度效率
>
> 優化頁面速度本身就是一個完整的主題,但您可以充分利用一些關鍵方面。
>
> * ##### ✔️ 瀏覽器快取
>
> 利用瀏覽器快取靜態資源,例如圖像或字體。這樣,您可以透過將網站資訊儲存在快取中來減少經常訪客的頁面載入時間。它們不是從伺服器訪問,而是從快取請求。
>
> `.htaccess`文件中圖像的瀏覽器快取設定
>
>
> 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"
>
>
>
> 複製
>
> * ##### ✔️ 啟用壓縮
>
> 伺服器端啟用 gzip 或 brotli 壓縮。這進一步減少了網路請求大小,從而加快頁面載入速度並減少使用的頻寬。
>
> * ##### ✔️ 資源精簡
>
> 所有資源(HTML、CSS、JavaScript)都應縮小以減少其大小
>
> * ##### ✔️ 圖像和字體進行了最佳化
>
> 壓縮圖像和字體可以節省大部分資料位元組。圖像優化
> 的一些技巧**:**
>
> * 嘗試使用 CSS3 效果而不是使用圖像
> * 使用向量圖像,最好是 SVG
> * 縮小 SVG 標記
> * 選擇正確的光柵格式
> * GIF 動畫
> * JPG 提供精細的圖像
> * PNG-8/24 適用於透明/低調色盤影像
> * 內在尺寸應盡可能接近顯示尺寸
> * 壓縮
>
> **字體優化**的一些技巧:
>
> * 最大限度地減少字體使用數量(字體系列和變體)
> * 子集字體
> * 用於`rel="preload"`處理高優先級資源
> * 快取和壓縮
>
> 📖 [Webtips.dev - 您應該採取的 10 個關鍵效能優化步驟](https://webtips.dev/10-critical-performance-optimization-steps-you-should-take)
> 📖 [Webtips.dev - 如何透過優化內容來提高頁面速度](https://webtips.dev/how-to-improve-page-speed-by-optimizing-content)
> 📖 [Webtips.dev - 3 種對 JavaScript 進行基準測試的方法](https://webtips.dev/webtips/javascript/benchmark-javascript)
> 📖 [Web 基礎知識- 使用RAIL 模型衡量效能](https://developers.google.com/web/fundamentals/performance/rail)
> 📖 [Web 基礎知識- 為什麼效能很重要](https://developers.google.com/web/fundamentals/performance/why-performance-matters)
> 📖 [Varvy.com - 利用瀏覽器快取](https://varvy.com/pagespeed/leverage-browser-caching.html)
> 📖 [Varvy.com - 啟用 gzip 壓縮](https://varvy.com/pagespeed/enable-compression.html)

* * *

> #### ☑️ 具有有效的 robots.txt
>
> 如果您的 robots.txt 檔案格式不正確,抓取工具可能無法了解您希望如何對您的網站進行抓取或編制索引。
>
> 📖 [Web.dev - robots.txt 無效](https://web.dev/robots-txt/?utm_source=lighthouse&utm_medium=devtools)

_有效的 robots.txt 檔案範例_

user-agent: *
disallow: /downloads/

複製

* * *

> #### ☑️ 具有有效的 sitemap.xml
>
> 網站地圖是一個文件,您可以在其中提供有關網站頁面的資訊。 Google 等搜尋引擎會讀取此檔案以更聰明地抓取您的網站。它告訴 Google 哪些頁面在您的網站中很重要。
>
> 您可能不需要網站地圖的情況:
>
> * 如果您只有一個登陸頁面或一個小型網站(500 頁或更少)
> * 您正在使用 Wix 或 Webflow 等託管服務,它會自動產生網站地圖
> * 您的網站已全面內部鏈接
>
> 📖 [Google Search Console - 了解網站地圖](https://support.google.com/webmasters/answer/156184)

* * *

> #### ☑️ 結構化數據
>
> 站點具有有效的結構化資料。運行[結構化資料測試工具](https://search.google.com/structured-data/testing-tool/u/0/)和[結構化資料 Linter](http://linter.structured-data.org/)進行驗證。
> 使用結構化資料標記您的內容使其更有可能包含在豐富的搜尋結果中。
>
> 📖 [Webtips.dev - 如何在 HTML 中使用架構標記](https://webtips.dev/lessons/schema-markup-in-html)
> 📖 [Web.dev - 結構化資料有效](https://web.dev/structured-data/?utm_source=lighthouse&utm_medium=devtools)
> 📖[了解更多 - Schema.org](http://schema.org/)

* * *

> #### ☑️ 核心網路生命力
>
> 核心網路生命力是三個核心指標,重點在於使用者體驗的三個面向;負載、互動性和視覺穩定性。這些是透過以下指標來衡量的:
>
> * ##### ✔️ 最大的內容繪畫
>
> **LCP**簡稱 LCP,測量瀏覽器完全呈現頁面主要內容所需的時間。當 LCP[在 2.5 秒內](https://web.dev/lcp/#what-is-a-good-lcp-score)發生時,就認為是良好的。
>
> * ##### ✔️ 第一次輸入延遲
>
> **FID**簡稱FID,測量處理第一個使用者輸入所需的時間。任何[低於 100 毫秒的](https://web.dev/fid/#what-is-a-good-fid-score)時間都被認為是好的。
>
> * ##### ✔️ 累積佈局偏移
>
> **CLS**簡稱 CLS,測量頁面上導致元素意外更改位置的佈局變化量。良好的 CLS 分數[低於 0.1](https://web.dev/cls/#what-is-a-good-cls-score)。
>
>
> 📖 [Webtips.dev - 核心 Web 生命](https://webtips.dev/core-web-vitals)
> 📖 [Web.dev - 最大內容繪製 (LCP)](https://web.dev/lcp/)
> 📖 [Web.dev - 首次輸入延遲 (FID)](https://web.dev/fid/)
> 📖 [Web.dev - 累積佈局偏移 (CLS)](https://web.dev/cls/)

📜 現場搜尋引擎優化
-----------

ℹ️_現場 SEO 是關於頁面的結構和內容。它的目標是指導您如何創建搜尋引擎易於理解的 SEO 友善內容。_

### 元資訊

ℹ️_元資訊​​提供網頁的詳細資訊。元資料不會顯示,但會被搜尋引擎解析_

> #### ☑️ 有元描述
>
> 元描述提供搜尋引擎在搜尋結果中包含的頁面內容的摘要
>
> 📖 [Web.dev - 文件有元描述](https://web.dev/meta-description/?utm_source=lighthouse&utm_medium=devtools)


複製

* * *

> #### ☑️ 有元視口
>
> 元視口針對行動螢幕最佳化您的應用程式。
>
> 📖 [Web.dev - 文件有一個視口元標記](https://web.dev/viewport/?utm_source=lighthouse&utm_medium=devtools)


複製

* * *

> #### ☑️ 有開放圖標籤
>
> 開放圖譜協議使任何網頁都可以成為社交圖譜中的豐富物件。要將網頁變成豐富的對象,您需要`meta`在頭部添加額外的標籤。
> 四個必需的屬性是:
>
> * `og:title`\- 物件的標題,通常會與`title`標籤的內容相符
> * `og:type`\- 物件的類型,例如:`article`, `profile`, `website`。_(要查看所有可用的物件類型,請造訪開放圖官方頁面上的[物件類型部分。)](https://ogp.me/#types)_
> * `og:image`\- 代表該物件的圖像的 URL
> * `og:url`\- 互動後物件將帶使用者到您網站的 URL
>
> 要查看所有其他可用的開放圖標籤,請訪問開放圖協議的[官方網站。](https://ogp.me/)
>
> 📖[開放圖譜協定](https://ogp.me/)
> 🛠️ [Facebook - 開放圖譜物件偵錯器](https://developers.facebook.com/tools/debug/og/object)






複製

* * *

### 文件頭

ℹ️_除了元標記之外,文件頭還有許多其他標記需要您注意。_

> #### ☑️ Doctype 設定為 HTML5
>
> 聲明``必須是 HTML 文件中的第一部分。它告訴瀏覽器該頁面是用什麼版本的 HTML 編寫的。
>
> 📖 [W3Schools - HTML 聲明](https://www.w3schools.com/tags/tag_doctype.asp)
> 🛠️ [SEO 網站檢查 - Doctype 測試](https://seositecheckup.com/tools/doctype-test)


複製

* * *

> #### ☑️文件有標題標籤
>
> 標題為螢幕閱讀器使用者提供了頁面的概述,搜尋引擎使用者嚴重依賴它來確定頁面是否與他們的搜尋相關。
> 標題不宜太長或太短,盡量保持在50-60字左右。
>
> 📖 [Web.dev - 文件有標題標籤](https://web.dev/document-title/?utm_source=lighthouse&utm_medium=devtools)





SEO Checklist






複製

* * *

> #### ☑️ 文件具有有效的 hreflang
>
> hreflang 連結告訴搜尋引擎應在給定語言或區域的搜尋結果中列出頁面的哪個版本。
>
> 📖 [Web.dev - 文件的有效 href](https://web.dev/hreflang/?utm_source=lighthouse&utm_medium=devtools)




複製

* * *

> #### ☑️ 網站圖示存在
>
> 如果您的網站有收藏夾,它可以包含在搜尋結果頁面中。
>
> 📖 [Google Search Console - 定義要在搜尋結果中顯示的圖標](https://support.google.com/webmasters/answer/9290858?hl=en)


複製

* * *

### 文件結構

ℹ️_文件結構概述了您的 html 應該如何構建,並顯示了哪些是可以影響您的 SEO 的關鍵因素。_

> #### ☑️ SEO 友善的 URL
>
> SEO 友善的 URL 應僅包含字母和數字、破折號 (-) 或底線 (\_)。盡量避免使用空格、符號或其他特殊字元。讓它們簡短並與主題相關。嘗試將關鍵字納入其中。
>
> 📖 [Google Search Console - 保持簡單的 URL 結構](https://support.google.com/webmasters/answer/76329)
> 📖 [Moz - URL](https://moz.com/learn/seo/url)
> 🛠️ [SEO 網站檢查 - SEO 友好的 URL 測試](https://seositecheckup.com/tools/seo-friendly-url-test)


Latest articles


Latest articles

複製

* * *

> #### ☑️ 標題依順序
>
> 標題可以幫助 Google 理解您的文字和頁面的上下文。標題應按層次順序建立。這意味著 an 後面`h1`應該跟一個`h2`,而不是`h3`。
>
> 📖 [Webtips.dev - HTML 的 10 種最佳實踐](https://webtips.dev/10-best-practices-for-html)
> 📖 [Yoast - 不只一個 H1](https://yoast.com/academy/seo-copywriting-training/single-h1/)


Title of your page


Heading




Title of your page


Heading




Title of your page


Heading


Sub-heading


複製

* * *

> #### ☑️ 圖像元素具有 \[alt\] 屬性
>
> 資訊元素應以簡短的描述性替代文字為目標。如果 alt 屬性為空,則可以忽略裝飾元素。對於圖像,提供`width`和`height`屬性以避免佈局變化。始終透過將`loading`屬性設為 來延遲載入離屏圖像`lazy`。
>
> 📖 [Web.dev - 影像元素具有 \[alt\] 屬性](https://web.dev/image-alt/?utm_source=lighthouse&utm_medium=devtools)


Diagram showing the steps of critical rendering path








複製

* * *

> #### ☑️ 文件使用清晰的字體大小
>
> 小於 12 像素的字體太小而難以辨認,需要移動訪客「捏合縮放」才能閱讀。
>
> 📖 [Web.dev - 文件使用清晰的字體大小](https://web.dev/font-size/?utm_source=lighthouse&utm_medium=devtools)

* * *

> #### ☑️ 點選目標的大小適當
>
> 按鈕和連結等互動元素應該足夠大(48x48px),周圍有足夠的空間,以便能夠輕鬆點擊而不會與其他元素重疊。
>
> 📖 [Web.dev - 點擊目標的大小適當](https://web.dev/tap-targets/?utm_source=lighthouse&utm_medium=devtools)

* * *

> #### ☑️ 文件避免插件
>
> 搜尋引擎無法索引插件內容,並且許多設備限制插件或不支援它們。
>
> `embed`檢查、`object`或等元素`applet`,以及它們的 MIME 類型是否與以下任一項相符:
>
> * `application/x-java-applet`
> * `application/x-java-bean`
> * `application/x-shockwave-flash`
> * `application/x-silverlight`
> * `application/x-silverlight-2`
>
> 然後它將被標記為插件。
>
> 📖 [Web.dev - 文件避免插件](https://web.dev/plugins/?utm_source=lighthouse&utm_medium=devtools)

* * *

### 可讀性

> #### ☑️ 標題寬度
>
> 文件標題不僅顯示在標籤中,而且還顯示在 Google 搜尋結果頁面中作為藍色連結。這是用戶在搜尋結果頁面上首先看到的有關您網站的內容。為了吸引使用者的注意力,請簡短而切中要點。寬度超過 600 像素的標題將被截斷,因此請確保標題不要太長。也嘗試合併您的主要關鍵字。
>
> 📖 [Yoast - 標題的理想寬度](https://yoast.com/academy/all-around-seo-training/seo-title-width)

* * *

> #### ☑️副標題分佈
>
> 大多數超過 300 字的文字都需要副標題,以幫助讀者更輕鬆地瀏覽文字。使用副標題不僅可以使您的文字更具可讀性和可訪問性,還可以幫助Google了解您的內容的內容。
> 如果可以的話,也可以將主要關鍵字納入副標題。
>
> 📖 [Yoast - 如何改善副標題分佈](https://yoast.com/academy/seo-copywriting-training/subheading-distribution/)

* * *

> #### ☑️ 連結有描述性文字
>
> 描述性連結文字有助於搜尋引擎理解您的內容。
>
> 📖 [Web.dev - 連結有描述性文本](https://web.dev/link-text/?utm_source=lighthouse&utm_medium=devtools)


To see more articles like this, click here.




Are you interesed in more? Check out these similar articles.


複製

* * *

> #### ☑️內部鏈接
>
> 在整個網站中使用內部連結。它可以幫助 Google 了解頁面的結構和層次結構。您應該擁有指向基礎內容的最內部連結。這樣,您網站上最重要的內容就會獲得最高的連結價值。
> 透過添加內部鏈接,您可以讓 Google 了解:
>
> * 頁面的相關性
> * 頁面之間的關係
> * 每頁的價值
>
> 最後但並非最不重要的一點是,它可以幫助用戶和搜尋引擎更輕鬆地瀏覽您的網站。
>
> 📖 [Yoast - SEO 內部連結:為什麼以及如何?](https://yoast.com/internal-linking-for-seo-why-and-how/)

* * *

> #### ☑️ 出站鏈接
>
> 出站或外部連結是從您的頁面指向其他網站的連結。使用外部連結並連結到網路上的其他相關頁面可以幫助搜尋引擎更了解您網站的上下文。
>
> 📖 [Moz - 外部鏈接](https://moz.com/learn/seo/external-link)

* * *

> #### ☑️ 關鍵字的使用
>
> 焦點關鍵字(或關鍵字)是您希望頁面排名最高的搜尋字詞。對於部落格文章,您通常應該瞄準長尾關鍵字(包含多個單字的關鍵字),因為這些關鍵字的競爭較低。為了幫助您決定關鍵字,您可以使用[Google Trends](https://trends.google.com/trends)、[Google Keyword Planner](https://ads.google.com/intl/en_gb/home/tools/keyword-planner/)、[Answer The Public](https://answerthepublic.com/)等工具,或直接在 Google 上搜尋您建議的術語,然後讓自動建議向您顯示其他人正在搜尋的內容。
>
> 確保您的關鍵字:
>
> * 出現在標題標籤中
> * 出現在副標題中
> * 出現在第一段
> * 是獨一無二的,之前沒有在您的整個網站中使用過
> * 用於 slug _(您的 SEO 友善 URL)_
> * 用於元描述
> * 用於影像 \[alt\] 屬性
> * 不太長
> * 密度在 1-3% 之間_(您的關鍵字在副本中出現的次數,例如:您的文字有 100 個單詞,其中 5 個是您的關鍵字,而您的關鍵字密度為 5%)_
>
> 📖 [Yoast - 關鍵字密度的重要性](https://yoast.com/academy/seo-copywriting-training/keyphrase-density/)
> 📖 [Yoast - 焦點關鍵字的長度](https://yoast.com/academy/keyword-research-training/keyphrase-length/)

* * *

> #### ☑️被動語態的使用
>
> 在大多數情況下,主動句比被動句更容易理解。寫完文字後,掃描它的被動語態結構。常問自己:是否有更好、更積極的替代方案?如果有,就使用它。如果沒有,請使用被動語態。
>
> 📖 [Yoast - 使用和避免被動語態](https://yoast.com/academy/seo-copywriting-training/passive-voice/)

* * *

> #### ☑️ 過渡詞的使用
>
> **諸如and**、**but**、**so**、**because 之**類的過渡詞使閱讀和理解文本變得更容易。雖然過渡詞不會直接影響您的搜尋引擎優化,但它們是可讀性的關鍵因素之一。
>
> 📖 [Yoast - 過渡詞:為什麼以及如何使用它們](https://yoast.com/academy/seo-copywriting-training/transition-words/)

* * *

> #### ☑️ 文字長度
>
> 如果您的頁面上有大量內容,最好是 1000 字或以上的帖子,您在 Google 中排名的機會就更高。
> 這將幫助您排名更高的原因:
>
> * 谷歌將有更多線索來確定您的頁面的內容
> * 文字越長,您的關鍵字出現在其中的頻率就越高
> * 內容越多,能帶給使用者的價值就越大,讓您的網站更具相關性
>
> 📖 [Yoast - 文字長度:部落格文章應該多長?](https://yoast.com/academy/seo-copywriting-training/text-length/)

* * *

> #### ☑️ 段落長度
>
> 段落有助於將文字分解為小塊且易於理解的區塊。大塊的文字很難閱讀,而且往往會嚇跑訪客。試著將段落長度限制在**200 個字以內。**
>
> 📖 [Yoast - 寫較短的段落:為什麼以及如何](https://yoast.com/academy/seo-copywriting-training/paragraph-length/)

* * *

> #### ☑️句子的長度
>
> 較長的句子通常比較短的句子更難閱讀。將較長的句子分成較短的句子有助於提高可讀性。
>
> 📖 [Yoast - 寫出較短的句子](https://yoast.com/academy/seo-copywriting-training/sentence-length/)

* * *

📊 站外 SEO
---------

* * *

ℹ️_站外SEO不是技術細節,而是行銷推廣技巧。_

### 連結建設

ℹ️_連結建設是讓其他網站連結回您網站的過程。反向連結是搜尋引擎決定哪個網站針對哪個關鍵字排名較高的重要因素。_

> #### ☑️連結數量
>
> 連結數量不宜過多。單一頁面上有太多連結可能會損害您的 SEO 排名,因為這通常是垃圾郵件的標誌。此限制可能取決於您擁有的網站類型,無論您是報道新聞還是在單一登陸頁面上作為自由工作者提供服務。
>
> 📖 [Varvy - 有多少個連結?](https://varvy.com/howmanylinks.html)
> 📖 [Backlinko - 連結建設](https://backlinko.com/link-building)

* * *

> #### ☑️ 好鏈接與壞鏈接
>
> 處理連結時,品質比數量更重要。您在網站上使用的連結類型以及從中獲得的流量,可以決定或破壞您的排名。
> 我們可以將好連結和壞連結分為兩個子類別:傳入連結和傳出連結。下面列出了兩者的一些範例。
>
> 可以被認為是**好的連結的連結:**
>
> * 來自高權威網站的鏈接
> * 編輯連結
> * 來賓發文
> * 利基特定目錄
>
> 可以被視為**壞連結的連結:**
>
> * 指向用戶個人資料頁面的鏈接
> * 指向評論的鏈接
> * 指向失效網站的連結
> * 使用連結產生器建立的連結
> * 來自國外網站的連結
> * 來自不相關內容的鏈接
> * 來自付費鏈接的鏈接
> * 來自垃圾評論的鏈接
>
> 📖 [Moz - 鏈接類型](https://moz.com/beginners-guide-to-link-building/types-of-links)
> 📖 [Ahrefs - 壞鏈接](https://ahrefs.com/blog/bad-links/)

* * *

> #### ☑️rel的使用
>
> 連結標籤上的屬性`rel`指定頁面和連結 URL 之間的關係。由 Google 用於指定搜尋蜘蛛是否應追蹤連結。僅當`href`存在連結到外部資源的屬性時才使用。
>
> 它可以採用與 SEO 相關的屬性:
>
> * **nofollow:**表示連結的文檔未獲得該文檔作者的認可。不要與**noopener**或**noreferrer**混淆。
>
> 📖 [MDN 網路文件 - 連結類型](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)
> 📖 [W3Schools - rel 屬性](https://www.w3schools.com/TAGS/att_a_rel.asp)

* * *

📚 其他資源
-------

* 📖 [Google Search Console - SEO 入門指南](https://support.google.com/webmasters/answer/7451184?hl=en&ref_topic=9460495)
* 📖 [Google 搜尋控制台 - 網站站長指南](https://support.google.com/webmasters/answer/35769)
* 📖 [Moz - SEO 學習中心](https://moz.com/learn/seo)
* 📖 [Moz - SEO 初學者指南](http://d2eeipcrcdle6.cloudfront.net/guides/Moz-The-Beginners-Guide-To-SEO.pdf)
* 📖 [TutorialsPoint - SEO 教程](http://www.tutorialspoint.com/seo/index.htm)
* 📖 [Ahrefs - 連結建立新手友善指南](https://ahrefs.com/blog/link-building/)
* 📖[為開發者掌握 SEO](https://www.git-tower.com/blog/seo-for-developers/)
* 📺 [Ahrefs - SEO 初學者](https://www.youtube.com/watch?v=DvwS7cV9GmQ)
* 📺 [Ahrefs - 2019 年 SEO 檢查表](https://www.youtube.com/watch?v=taU9P98zfjk)
* 📺 [Backlinko - 2020 年 SEO 檢查表](https://www.youtube.com/watch?v=SEQBi9LtZjQ)
* 📺 [WordPress - Yoast SEO 教學 2019](https://www.youtube.com/watch?v=uNL82kDhG3w)

* * *

📚 其他資源
-------

- [SEO - Tenten 科技與設計週報](https://tenten.co/learning/tag/seo/)
- [SEO 權威指南(生成式AI內容演算法2024/03更新)](https://tenten.co/learning/seo-guide-ultimate/)
- [最佳 SEO 軟體指南 - 征服搜尋引擎排名!](https://tenten.co/learning/best-seo-tools/)
- [技術性 SEO:全面指南(19個最佳實踐)](https://tenten.co/learning/technical-seo-simple-guide/)
- [Webflow SEO 優化秘訣:14 項關鍵檢查項目](https://tenten.co/learning/14-seo-tips/)
- [SERP 深入解析:探索搜尋引擎結果頁面的運作原理](https://tenten.co/learning/search-engine-results-page/)
- [SEM 是什麼?揭密搜尋引擎行銷的運作原理和優化秘訣](https://tenten.co/learning/search-engine-marketing/)
- [告別低排名! SEO 軟體懶人包助您網站流量扶搖直上](https://tenten.co/learning/seo-tools-unlocked/)
- [本地SEO:Local SEO 如何讓你在當地搜尋結果中排名第一?](https://tenten.co/learning/local-seo-guide/)
- [Google 為什麼不喜歡緩慢的網站?](https://tenten.co/learning/google-punish-slow-websites/)
- [什麼是 SEO - 您的搜尋引擎優化指南 (2024)](https://tenten.co/learning/seo-guide-2024/)
- [免費 SEO 軟體推薦:29 款幫您提升排名的工具](https://tenten.co/learning/free-seo-tool-2024/)
- [AIPRM - ChatGPT for SEO 終極工具](https://tenten.co/learning/aiprm-chrome-chatgpt-seo/)
- [AI 行銷新策略:訪談國際 SEO 權威 Neil Patel 的前瞻觀點](https://tenten.co/learning/ai-marketing-neil-patel/)
- [YouTube 影片優化關鍵字研究終極指南](https://tenten.co/learning/youtube-keyword-tool/)
- [什麼是 SEO 結構標記? (6種中小型企業常使用的類型)](https://tenten.co/learning/seo-schema-markup/)
- [寫給電商的技術SEO指南 | 2023年檢查清單](https://tenten.co/learning/technical-seo-for-ecommerce/)
- [什麼是技術性搜尋引擎最佳化(Technical SEO)?基礎知識和 10 項最佳方法](https://tenten.co/learning/technical-seo-10-best-practices/)
- [技術 SEO 初學者指南 (by Ahrefs)](https://tenten.co/learning/technical-seo-1/)
- [Core Web Vitals (核心頁面指標) 是什麼及如何優化-完整版](https://tenten.co/learning/how-to-improve-core-web-vitals/)
- [破解 SEO 的祕密: Core Web Vitals](https://tenten.co/learning/technical-seo-core-web-vitals/)
- [Core Web Vitals 檢測工具推薦](https://tenten.co/learning/core-web-vitals-tools/)
- [加速 Google Web Vitals 重要指標 LCP 的五種方法](https://tenten.co/learning/google-web-vitals-lcp-speed-up/)
- [Tendemy Webflow 課程: 搜索引擎優化 (SEO) 清單](https://tentenweb.notion.site/Tendemy-Webflow-SEO-38828e0f550b4a759427e80e2c1d3ae1)
- [利用 AI SEO 的力量增強您的 SEO 策略 - 技術 SEO 由 Tenten](https://seo.tenten.co/zh/ai-seo/%E4%BB%80%E9%BA%BC%E6%98%AFai-seo-2/)
- [很棒的 SEO 工具包 - 技術 SEO by Tenten](https://seo.tenten.co/zh/seo/awesome-seo-toolkits/)
- [2024 年 Google Search Console 指南:SEO 提示以及如何使用 Google 網站最佳化工具 - 技術 SEO by Tenten](https://seo.tenten.co/zh/seo/2024-guide-to-google-search-console-seo-tips-and-h/)
- [揭秘 Google 的 EAT:提高網站品質的 SEO 指南 - 技術 SEO by Tenten](https://seo.tenten.co/zh/advanced-seo/googles-eat-an-seo-guide/)
- [SEO 的連結建立:提高排名的初學者指南 - 技術 SEO by Tenten](https://seo.tenten.co/zh/seo/seo-%E9%80%A3%E7%B5%90%E5%BB%BA%E7%AB%8B%E5%9F%BA%E7%A4%8E%E7%9F%A5%E8%AD%98%E4%BB%8B%E7%B4%B9/)
- [Google 時間表:SEO 和 SEM 策略如何攜手合作(回顧) - 技術 SEO 由 Tenten](https://seo.tenten.co/zh/seo/%E8%B0%B7%E6%AD%8C%E6%99%82%E9%96%93%E8%BB%B8-seo-sem-%E7%AD%96%E7%95%A5%E5%A6%82%E4%BD%95%E6%94%9C%E6%89%8B%E5%90%88%E4%BD%9C%E5%9B%9E%E9%A1%A7/)
- [XML 網站地圖對於 SEO 的重要性:為什麼您的網站需要網站地圖 - 技術 SEO by Tenten](https://seo.tenten.co/zh/seo/%E7%B6%B2%E7%AB%99%E5%9C%B0%E5%9C%96-%E8%B0%B7%E6%AD%8C%E6%90%9C%E5%B0%8B%E6%8E%A7%E5%88%B6%E5%8F%B0/)
- [行動 SEO:吸引當今數位受眾的關鍵 - 技術 SEO by Tenten](https://seo.tenten.co/zh/advanced-seo/%E8%A1%8C%E5%8B%95%E6%90%9C%E5%B0%8B%E5%BC%95%E6%93%8E%E5%84%AA%E5%8C%96%E6%98%AF%E6%88%90%E9%95%B7%E7%9A%84%E9%97%9C%E9%8D%B5/)
- [如何用SEO軟體工具超越競爭對手:揭露對手關鍵字策略](https://tenten.co/d2c/outrank-your-competitor-with-seo-tool/)
- [SEMrush 評論:揭開 SEO 頂級工具的面紗](https://tenten.co/d2c/semrush-seo-tool-review/)