---
title: "Backlink(反向連結)如何影響網站SEO"
description: "這篇基礎文章詳細地解釋了Backlink(反向連結)與SEO(搜尋引擎優化)的關係、PageRank的概念、建立反向連結的好壞手段、以及獲得反向連結資訊的方法。"
canonical: "https://www.darrenhuang.com/what-is-backlink-in-seo.html"
markdown: "https://www.darrenhuang.com/what-is-backlink-in-seo.md"
locale: "zh-hant"
language: "zh-Hant"
translationKey: "post:what-is-backlink-in-seo"
type: article
published: "2016-04-13T00:00:00.000Z"
modified: "2023-06-26T00:00:00.000Z"
---

> 此 Markdown 版本由正式 HTML 內容自動產生。
> 引用時請使用 [canonical page](https://www.darrenhuang.com/what-is-backlink-in-seo.html)。

數位引擎文章

# Backlink(反向連結)如何影響網站SEO

這篇基礎文章詳細地解釋了Backlink(反向連結)與SEO(搜尋引擎優化)的關係、PageRank的概念、建立反向連結的好壞手段、以及獲得反向連結資訊的方法。

Darren Huang·2016年4月13日·約 15 分鐘更新於 2023年6月26日

本文目錄18 個段落

1.  [前言](#section-前言)
2.  [SEO與網站流量](#section-seo與網站流量)
3.  [Google搜尋的宗旨(Mission Statement)](#section-google搜尋的宗旨-mission-statement)
4.  [網站的排名因素(Ranking Factors)](#section-網站的排名因素-ranking-factors)
5.  [什麼是Backlinks (反向連結)?](#section-什麼是backlinks-反向連結)
6.  [反向連結對網站排名的影響](#section-反向連結對網站排名的影響)
7.  [淺談PageRank](#section-淺談pagerank)
8.  [Backlink多 = 好?](#section-backlink多-好)
9.  [建立反向連結的方法 (Link Building Strategy)](#section-建立反向連結的方法-link-building-strategy)
10.  [1\. 黑帽(Black Hat)連結建立方法](#section-1-黑帽-black-hat-連結建立方法)
11.  [2\. 帶有爭議的灰帽策略:](#section-2-帶有爭議的灰帽策略)
12.  [3\. 白帽SEO連結建立方法](#section-3-白帽seo連結建立方法)
13.  [站長該如何以正確的心態看待反向連結](#section-站長該如何以正確的心態看待反向連結)
14.  [Google如何看待反向連結](#section-google如何看待反向連結)
15.  [反向連結查詢工具](#section-反向連結查詢工具)
16.  [Google站長工具 (Google Search Console)](#section-google站長工具-google-search-console)
17.  [Bing站長工具(Bing Webmater Tools)](#section-bing站長工具-bing-webmater-tools)
18.  [結語](#section-結語)

**本文目錄**

1.  [前言](#section-前言)
2.  [SEO與網站流量](#section-seo與網站流量)
3.  [Google搜尋的宗旨(Mission Statement)](#section-google搜尋的宗旨-mission-statement)
4.  [網站的排名因素(Ranking Factors)](#section-網站的排名因素-ranking-factors)
5.  [什麼是Backlinks (反向連結)?](#section-什麼是backlinks-反向連結)
6.  [反向連結對網站排名的影響](#section-反向連結對網站排名的影響)
7.  [淺談PageRank](#section-淺談pagerank)
8.  [Backlink多 = 好?](#section-backlink多-好)
9.  [建立反向連結的方法 (Link Building Strategy)](#section-建立反向連結的方法-link-building-strategy)
10.  [1\. 黑帽(Black Hat)連結建立方法](#section-1-黑帽-black-hat-連結建立方法)
11.  [2\. 帶有爭議的灰帽策略:](#section-2-帶有爭議的灰帽策略)
12.  [3\. 白帽SEO連結建立方法](#section-3-白帽seo連結建立方法)
13.  [站長該如何以正確的心態看待反向連結](#section-站長該如何以正確的心態看待反向連結)
14.  [Google如何看待反向連結](#section-google如何看待反向連結)
15.  [反向連結查詢工具](#section-反向連結查詢工具)
16.  [Google站長工具 (Google Search Console)](#section-google站長工具-google-search-console)
17.  [Bing站長工具(Bing Webmater Tools)](#section-bing站長工具-bing-webmater-tools)
18.  [結語](#section-結語)

這篇文章解釋了Backlink(反向連結)與SEO(搜尋引擎優化)的關係、backlink對網站排名的影響、PageRank的觀念、Google如何看待連結、建立反向連結的好方法和壞方法、以及免費獲得反向連結資訊的方法。

本文最早於2016-04-13發布，是這個網站自然搜尋流量最高的文章之一。在2020年8月進行更新，新增/刪減了一些篇幅，希望能讓讀者在閱讀完後有更好即更正確的認知。原始文章已儲存在[這邊](https://web.archive.org/web/20200811015059/https://darrenhuang.com/what-is-backlink-in-seo.html)，如有興趣可以對照閱讀。

* * *

## 前言

寫這篇文章最最主要的原因是因為在Google Search Console上看到了網站上的另一篇文章在"*backlink 是什麼*" 這個關鍵字上獲得到一丁丁的流量(5個)。但是，該篇文章是**在介紹backlink的分析工具，而非講解何謂backlink**。

![search console 5 clicks](./wp-content/uploads/2016/04/search-console-showing-5-clicks.jpg)

落地頁面與搜尋意圖不相符的情況即是網站可以優化的方向

儘管流量少，但為了更符合這些使用者的搜尋意圖，所以才寫了這篇文章! 如果你是因為搜尋"*backlink是什麼*"或相關字眼的訪客，希望在搜尋結果你看到的是現在這篇，而非下圖這篇:

![backlink ose on serp](./wp-content/uploads/2016/04/backlink-ose-serp.jpg)

數位引擎的前身，另一篇介紹[backlink分析工具的文章](./seo-backlinks-tool-open-site-explorer-ose.html)

後記: 這篇文章後來的確在"*backlink是什麼*"有了相當不錯的排名。在Search Console中找出**網站有那些搜尋字的意圖和落地頁面的主旨不合**，是很好的寫作即優化方向。

* * *

## SEO與網站流量

相信不論是公司形象網站、電商網站、或是部落格，大家都會希望網站的流量越多越好。而網站的流量來源大致可區分為以下幾種:

-   **Paid Traffic (廣告流量):** 花錢讓自己的網站出現在不管是FB、搜尋結果、新聞網站…等等，相信大家並不陌生。
-   **Organic Traffic(自然流量)**: 在有人搜尋和你網站有關的關鍵字時，由搜尋結果進去你的網站的流量。這樣的流量是因為*Google認為你的網站(或網頁)能達到搜尋者的目的*所以才會在有人搜尋該字眼時出現。
-   **Referral Traffic(推薦流量)**: 推薦流量來自其他網站，例如在臉書上有人分享你的文章、或其他部落格引用你的一段話然後著名出處…等等，都有機會吸引人來到你的網站。
-   **Direct Traffic(直接流量)**: 直接流量泛指沒有辦法被判斷來源的流量，可能的造成結果可以寫成一大篇文章，但通常當使用者直接輸入網址，或是把網站存入書籤都會被記入直接流量。

![different types of traffic source](./wp-content/uploads/2016/04/traffic-types.png)

其中，廣告流量我們有很大的掌控(ex. 預算)，Referral和Direct Traffic大多都受他人決定，但**是Organic Traffic是要「讓Google認為你的網站能達到搜尋者的目的」，這就是所謂SEO (Search Engine Optimization, 搜尋引擎優化) 最主要介入的地方了。**

* * *

## Google搜尋的宗旨(Mission Statement)

拍謝我知道搜尋引擎不是只有Google，但是用得太習慣加上自己是個Google迷，所以在這篇文章裡Google和搜尋引擎兩個字會交替使用，希望大家別見怪。

![Google's mission statement](./wp-content/uploads/2016/04/Google-mission-statement.jpg)

Google的mission statement

Google身為搜尋引擎的龍頭，它的[宗旨(mission statement)](https://www.google.com/search/howsearchworks/mission/)是**“to organize the world’s information and make it universally accessible and useful”**。Google不會在你搜尋”台南小吃”的時候，出現某台南小吃店在徵人的網頁，或是某個無名部落客寫的簡陋食記，通常出現在搜尋結果第一頁的，會是有人氣的部落格或品質很高的網頁。

大部分的人會視這個為理所當然，但少部分的人會問「*為什麼?*」，搜尋引擎說到底**不過是個機器/運算法則，是怎麼決定哪個網站可以達到搜尋者的意圖，哪個網站又比另一個網站好?**

這就牽扯到了Google對網頁排序的排名因素。

* * *

## 網站的排名因素(Ranking Factors)

影響網站排名的因素叫做Ranking Factors或Ranking Signals，Google曾說過他們使用[超過200個 Ranking Factors](https://www.google.com/insidesearch/howsearchworks/algorithms.html)。

Google擔心有人蓄意操弄搜尋結果也擔心對手(例如Bing)抄襲，並不會公開自家演算法的所有排名因素，所以沒有人真正確切知道哪些因素會影響排名。但有一些普遍認知的Ranking Factors，而**其中一個就是反向連結(backlink)**。

這篇文章專注在backlink的討論，其他公認的排名因素還有網頁速度、網頁內容、網頁安全性、手機版的閱讀體驗…等等。

* * *

## **什麼是Backlinks** (反向連結)?

**Backlink的中文是「反向連結」，指的是「從其他網站連進來到你的網站的連結」**，英文有時也會以「Inbound Links」稱呼之。我在寫文章時在提到相關資訊或引用他人文章時，會加上一個超連結連到對方網站，讓有興趣的讀者可以自行去該網站拜訪，這樣的超連結，對那些網站來說就是個backlink。

有時候會看到不同的術語，這些術語並沒有絕對的定義，所以在溝通時如果有疑惑，不妨詢問一下確認雙方的認知。

-   **站外連結 (External Link or Outbound Link)**: 由你的網站連出去到他人網站的連結
-   **站內連結 (Internal Link)**: 連到同一個網站的連結

* * *

## 反向連結對網站排名的影響

反向連結的概念就像學術論文一樣，**當一篇論文越常被其他論文引用，可以想見這篇論文的重要性越高**。而Google兩位創辦人就是根據這個道理來當作網頁排名的一個重要指標，然後... *organize the world’s information and make it universally accessible and useful*!

不過當然，論文被哈佛博士生引用，和被野雞大學大學生引用的重要性肯定不同，因此，Google除了根據backlink的數量，同時也根據這些backlink的來源(重要性)給了每個網站一個分數，**這個分數被稱作PageRank。**

* * *

## 淺談PageRank

**PageRank是搜尋引擎透過網頁之間的連結傳遞，為每個網頁所計算得來的分數**。關於PageRank的學術論文最早由Google的兩位創辦人發表，他們後來將其運用在網路搜尋上，創造了無人不知的Google，也多虧了這項技術Google能給出比其他搜尋引擎更好的結果，獲得了搜尋引擎中的領先地位。

PageRank的計算方法非常複雜，大家可以把這一段當作一個Good to Know看看就好，用一個簡化再簡化的下圖來解釋:

![pagerank簡易圖示](./wp-content/uploads/2020/08/pagerank%E7%B0%A1%E6%98%93%E5%9C%96%E7%A4%BA.png)

圖片取自Google兩位創辦人的[PageRank論文](http://ilpubs.stanford.edu:8090/422/1/1999-66.pdf)

-   **A頁的PageRank是0.4**，因為A頁有一個從C頁來的連結，而C頁的PageRank是0.4並只有一個對外連結
-   **B頁的PageRank是0.2**，因為B頁有一個從A頁來的連結，而A頁的PageRank是0.4但有兩個對外連結，所以每個連結分得0.2 (0.4/2)
-   **C頁的PageRank是0.**4，因為C頁有一個從A頁來的連結和一個從B頁來的連結，所以獲得A頁來得0.2分(0.4/2)加上B頁來的0.2分。

切記上面這個模型是非常非常簡化的版本，「*最一開始的分數如何給出*?」、「*同一個網頁出來的連結是否都該有相同價值*?」、「*如果一個網頁連向自己該如何計算PageRank?*」、「*如何將PageRank模型應用到數量龐大的整個網路生態上?*」...等等，這些都是讓這個概念實際應用上的複雜之處。

小知識: PageRank雖然是在計算網頁的重要性，但其名字由來是因為Google的創辦人之一 Larry "Page"。此外，PageRank的衍伸應用也可以在很多機器學習或自然語言等領域看到。

* * *

## Backlink多 = 好?

> 說這麼多! 反正就是Google排名取決於一堆要素，其中一個很重要的就是反向連結，越多反向連結排名就會越高，對吧!?

若你是位網站的擁有者，抱歉讓你讀了這麼多才看到重點…但是上面這個結論對一半錯一半，對的部分前面說過了，但錯是錯在會這樣想的人不只你一個，早期做SEO的人也有這了這個結論，而他們做的事就是四處去別人的部落格張貼留言，裡面放上自己網站的連結，或是請一些寫手在其他網站寫些非常低品質的文章，然後放上連結…

而Google，不可能讓大家這麼囂張，在2012年四月，Google推出一個演算法: **Google Penguin，目的就是為了要打擊這些不自然的外部連結**，如果被抓到了，網站流量將會大減，甚至被deindexed。關於Google Penguin的詳細內容可以參考我的另一篇文章。

![企鵝演算法](./wp-content/uploads/2016/04/googlepenguin-2.jpeg)

打擊不自然連結的企鵝演算法

所以結論是，**backlink多固然重要，但是backlink的來源品質更重要。**千萬別耍些小手段企圖愚弄Google，也許那些不正當手段會提高網站一時的排名，但受到懲罰可不是這麼容易翻身。

* * *

## 建立反向連結的方法 (Link Building Strategy)

上面落落長的篇幅應該有成功解釋Backlink這個聽起來很玄但其實還好的字眼，SEO的工作除了網站架構與內容優化之外，其中一個重要的任務就是Link Building了，畢竟**反向連結的觀念雖然簡單，但是真的要人自然地提起你的網站並放個連結過來並不是甚麼容易的事**。

在SEO領域裡一般會把這些方法分為Black Hat, Grey Hat, 和White Hat，大概就是壞的、可議的、還有好的，下面我會各舉一個例子:

### 1\. 黑帽(Black Hat)連結建立方法

下面這張圖是Black Hat SEO的手法之一，利用自己或他人的部落格，寫個不知所謂的文章，裡面塞幾個關鍵字然後超連結到自己的網站。英文不好沒關係，因為下面這篇文章並無任何文法可言。

![黑帽SEO連結建立範例-1
](./wp-content/uploads/2020/08/%E9%BB%91%E5%B8%BDSEO%E7%AF%84%E4%BE%8B.png)

[黑帽SEO連結建立示範 - 1](http://obgsagesa.over-blog.com/article-online-movie-download-finish-line-my-store-109414838.html)

另外一個壞方法是在別人的部落格無差別留言，下面這張圖是我在做某項project無意間看到的很扯的例子…. 13萬筆留言全都長這樣。

![黑帽SEO連結建立範例2](./wp-content/uploads/2020/08/%E9%BB%91%E5%B8%BDSEO%E7%AF%84%E4%BE%8B2.png)

圖片於2016年截圖，現在該網頁已失效

* * *

### 2\. 帶有爭議的灰帽策略:

有些連結建立手法看起來不像黑帽手腕壞的這麼明顯，或許Google沒有辦法判斷該連結是好是壞，但是放上該連結時的心態上是可議的，我個人認為只要不是對網站瀏覽者有真正幫助的連結，就算沒有Black Hat這麼可恥，但也不能算是White Hat SEO。

![](./wp-content/uploads/2020/08/%E7%81%B0%E5%B8%BDSEO%E7%AF%84%E4%BE%8B-1024x177.png)

出現在網頁底部的 sitewide link

上面這張圖是我待過的某間公司在做的事情，公司幫客戶架網站時會在footer放上一個logo圖，然後連到公司網站。公司網站因此有了非常多的反向連結，約莫2/3的反向連結都是這樣子的類型…(見下圖的"Images"類型)

![反向連結分析](./wp-content/uploads/2020/08/%E5%8F%8D%E5%90%91%E9%80%A3%E7%B5%90%E5%88%86%E6%9E%90.png)

利用SEO工具跑出的反向連結拆解，看出超過2/3的連結屬於圖片的形式

**若你放上了一個連結，但並不想要連結擁有的"價值"傳遞給被連的網頁，我們可以在連結上加上一個rel="nofollow"的屬性**，一方面不為他們的內容背書，另一方面也能讓Google知道我的網站和這些網站沒有瓜葛。像上面在舉黑帽SEO例子的連結地方我就放上了rel="nofollow"。

* * *

### 3\. 白帽SEO連結建立方法

如果你有個網站而想提高排名…拍謝又讓你繞了一大圈才看到這個你真正該學習的東西。醜話說在前，要讓別人自然地提到你的網站絕非什麼容易的事，相對應的時間和努力是少不了的。

"Content is King"， **獲得連結最好的方法是先有非常好的內容**，不管是文章或是影片，必須好到別人在寫相關文章的時候會想要連到你的網站當作引用或例子。

![白帽SEO連結建立範例](./wp-content/uploads/2016/04/komarketing-1-300x256.jpg)

上面這篇文章是某間代理商的文章，[在講PPC裡的Negative Keywords](https://komarketing.com/blog/200-plus-negative-keywords-to-consider-for-b2b-ppc/)，文章裡提供了一個相當完整的「排除關鍵字(negative keywords)」清單給所有做關鍵字廣告的人參考。

這篇文章獲得了來自93個不同網站的反向連結，可以說是超級成功，畢竟該公司只是Boston當地的一間人數25上下的數據行銷代理商而非什麼超大公司。

![自然反向連結](./wp-content/uploads/2016/04/white-hat-seo-example-1024x338.jpg)

從他人網站自然連過來的反向連結

![](./wp-content/uploads/2020/08/%E5%8F%8D%E5%90%91%E9%80%A3%E7%B5%90%E5%88%86%E6%9E%902.jpg)

透過SEO工具看出該文章有來自93個不同網站的反向連結

趣事: 我在第一次寫完這篇文章後的當年9月加入了這間公司，在面試的過程中我提到「*我知道你們公司的這篇文章很棒，有很多的反向連結!*」，老闆當下有點被驚艷到，可能沒想到到一個來面試的小夥子居然已經對公司網站做了backlinks analysis，後來也順利拿到offer。

* * *

## 站長該如何以正確的心態看待反向連結

上面的三種分類簡單區分了哪些是好、哪些是不好的反向連結，但有時候一些SEO在做的事情並不是這麼的非黑即白，舉例來說:

1.  兩個網站的所有者事先溝通好，我寫一篇文章提到你，你也寫篇文章提到我。
2.  餐廳邀請美食部落客來免費用餐，但是必須寫篇文章推銷該餐廳，且要放上個link。
3.  主動要求幫大網站寫部落格，甚至付錢給他們，然後在文章裡塞個連結連到自己網站。

這些行為的動機並非都是這麼的壞，這類文章的品質也並非全部都很差，但身為一個行銷人，一定要提醒一下**千萬不要只是因為SEO和網站排名的緣故來做Link Building**，事實上Link "Building"這個字眼個人覺得就有點旁門左道了，因為它代表你在乎的是Link而非真正的網站用戶。

不少SEO代理商也會以反向連結的建立來當作KPI之一，除了判斷連結的來源是否"自然"，身為網站管理員的我們更應該注意這些連結是否有帶來真正的"價值" (流量、品牌曝光...等等)。

## Google如何看待反向連結

下面是Google站長指南中對於[連結配置(Link Scheme)](https://support.google.com/webmasters/answer/66356)的解釋，只要有金錢交易或者不自然的連結配置情形，就有違反指南之虞，可能因此未網站帶來負面的SEO影響。

![黑帽SEO - 連結配置](./wp-content/uploads/2020/08/%E9%80%A3%E7%B5%90%E9%85%8D%E7%BD%AE-1024x414.png)

[Google官方指南中的連結配置(Link Scheme)](https://support.google.com/webmasters/answer/66356)

即便如此，實務上還是有相當模糊的空間，「*什麼樣的連結才算不自然?*」、「*做到什麼程度會被懲罰?*」。Google並沒有公開其審查標準，因為公開只會讓投機取巧之人有更好的準則**。**

對於這樣的問題，Google指南中有一句話，也是我最喜歡的引言之一，**如果你可以很大方地告訴對手，或是Google員工，你在對網站做的事情，那才算得上是白帽SEO手法的連結建立方法**。

> whether you’d feel comfortable explaining what you’ve done to a website that competes with you, or to a Google employee.
>
> [Google網站管理員指南](https://support.google.com/webmasters/answer/35769?hl=zh-Hant)

## **反向連結查詢工具**

前面講了backlinks還有正確獲得backlink的心態，**接下來談談如何知道你的網站有哪些的反向連結。**知道有誰連過來非常重要，除了知道大家在背地裡是怎麼評論你的公司，也可以對好的不好的都做出適當的回應。

如果想看看自家網站的連結，**最簡單又免費的方法就是使用搜尋引擎提供的站長工具**，下面分別介紹Google以及Bing所提供的站長工具。

### Google站長工具 (Google Search Console)

簡單幾個[步驟將網站認證](https://support.google.com/webmasters/answer/34592)以後，就能在左邊的Links裡面看到自家網站的反向連結以及被連的頁面。

![Google站長工具提供反向連結資料](./wp-content/uploads/2020/08/google%E7%AB%99%E9%95%B7%E5%B7%A5%E5%85%B7%E5%8F%8D%E5%90%91%E9%80%A3%E7%B5%90-1024x458.png)

記得要下載後才可以看到完整的反向連結資訊

值得一提的是，Google不會一次給你所有的反向連結，只會給幾個樣本。大型的網站可以試試看隔一段時間再去下載，有時會得到不一樣的sample。

### Bing站長工具(Bing Webmater Tools)

除了Google的站長工具，也可以認證[Bing的Webmaster Tools](http://www.bing.com/toolbox/webmaster)來得到更多的backlinks資料。與Google不同的是，[Bing的站長工具還能夠分析對手網站的反向連結來源](./seo-newsletter-issue-10.html#toc-2)!

![Bing站長工具所提供的反向連結資料](./wp-content/uploads/2020/08/bing%E7%AB%99%E9%95%B7%E5%B7%A5%E5%85%B7%E5%8F%8D%E5%90%91%E9%80%A3%E7%B5%90-1024x452.png)

Bing站長工具所提供的反向連結資料

SEO領域中還有一些付費的工具也能幫助站長們分析反向連結的工具，像是[Moz Open Site Explorer](https://moz.com/researchtools/ose/), [SEMrush](http://semrush.com/), [Ahrefs](https://ahrefs.com/), [Majestic](https://majestic.com/)…等等。這些工具都不便宜，但也有除了backlink以外的其他功能。**注意，沒有哪個工具可以百分之百抓出一個網站的所有反向連結，如果真的相當在意這項資訊可以多用幾個方法再自行整理。**

* * *

## 結語

這篇文章自從2016年第一次發布後是我部落格的主要流量來源之一，所以很高興你的來訪，也恭喜你成功看到這邊!!

文章的一開始有提到，我在2020年八月的時候回頭為這篇文章做了些修改，希望能增加它的可讀性以及提供更正確的認知，因此真心希望不管是SEO新手老手都能在讀完以後有所收穫。倘若對內容有任何的問題、需要多加解釋的地方、或是隨便個一句感謝，都歡迎提出來或是下面留言讓我知道！😁

因為個人的因素，很難像之前一樣有這麼多的時間寫出一篇文整的基礎SEO文章。但我還是有個分享的心，現在我有個臉書專頁，主要是分享一些SEO的所見所聞、有趣的個案或現象、還有一些知識分享，歡迎大家按讚或跟隨我們的專頁 – [數位引擎](https://web.archive.org/web/20200811015059/https://www.facebook.com/searchenginecommunity/)!

**分類**

-   [SEO相關](/categories/seo相關.html)

**標籤**

-   [SEO相關](/tags/seo相關.html)

Keep exploring

## 延伸閱讀

Facebook 保存筆記

2023年9月1日

### [15 個常見的 SEO 技術問題：把檢查清單變成優先順序](/notes/facebook-technical-seo-15-common-problems.html)

整理一份 2023 年的技術 SEO 問題清單，並把轉址、圖片替代文字、速度、標題、內部連結與索引等問題放回實際優化順序中。

Facebook 保存筆記

2023年7月28日

### [Bad Cloaking 實驗：搜尋引擎看到的內容和使用者一樣嗎？](/notes/facebook-bad-cloaking-experiment.html)

保存一則關於 cloaking 的 SEO 實驗摘要，重點不在模仿黑帽手法，而在理解實驗變因、流量變化與不能過度解讀的因果關係。

Facebook 保存筆記

2023年5月14日

### [從 FID 到 INP：互動回應速度指標的歷史轉換](/notes/facebook-fid-to-inp.html)

保存 2023 年記錄 Core Web Vitals 指標轉換的說明，從使用者互動到下一個畫面繪製，理解 INP 想測量的體驗問題。

Keep exploring

## 繼續閱讀

[全部文章 →](/articles.html)

### 相關文章

2020年4月27日

#### [SEO遊戲 - 尋找隱藏關鍵字](/seo-puzzle-hidden-keywords.html)

[閱讀文章 →](/seo-puzzle-hidden-keywords.html)

2020年5月27日

#### [SEO搜尋引擎原理 - 爬蟲抓取篇](/how-search-engines-crawl.html)

[閱讀文章 →](/how-search-engines-crawl.html)

2020年6月2日

#### [網站使用體驗三大核心指標 - LCP, FID, CLS](/core-web-vitals-lcp-fid-cls.html)

[閱讀文章 →](/core-web-vitals-lcp-fid-cls.html)

×

開啟原圖 ↗
