Favicon02

網址查詢參數是什麼?|認識網址

如果你有觀察從臉書分享過的網址,網址都會變長,而且最後面都會加上一串有點像是亂碼的參數,這個就是所謂的「查詢參數」。

前面講完了基本款,接下來我們來稍微進階一點,認識我們日常中都會接觸到的「查詢參數」(Query Parameters)。

如果你有觀察從臉書分享過的網址,網址都會變長,而且最後面都會加上一串有點像是亂碼的參數,這個就是所謂的「查詢參數」。

範例:https://www.example.com/seo/url-intro/?fbclid=IwAR0PAqWpGT5_PoHIsLnDvfJYfVoJ

  • 協議(Protocol):https://
  • 網域名稱(Domain Name):www.example.com
  • 路徑(Path):seo/url-intro/
  • 查詢參數(Query Parameters):?fbclid=IwAR0PAqWpGT5_PoHIsLnDvfJYfVoJ

先前的文章:


查詢參數是什麼?

查詢參數(Query Parameters)是用於向網站或 API 傳遞參數或數據的一種機制。

它們通常附加在網址的末尾,以一個問號(?)開頭,然後以鍵值對(Key-Value Pair)的形式提供參數,這是為何我們會在網址後面看到以「?」為開頭,並產生一串數值的原因。

查詢參數的結構是以「鍵=值」的形式表示,並使用「&」符號來分隔不同的鍵值對。

例如我們有以下網址:

https://www.example.com/search?keyword=apple

在網址的路徑後面,有一個查詢字串「?keyword=apple」。查詢字串以問號「?」開始,後面跟著一個或多個鍵值對,用於向網站傳遞參數。

在這個例子中,查詢參數是「keyword」,值是「apple」,用於指示搜索關鍵字為「apple」;換句話說,你在這個 example.com 的網址搜尋「apple」,就會產生出上述這個網址。


UTM 的應用

再舉個例子,行銷人需要追蹤和分析網站流量來源時很常使用的 UTM 參數(Urchin Tracking Module),其網址結構也需要使用到查詢參數。

我們可以參考這個網址:

https://www.example.com/?utm_source=newsletter&utm_medium=email&utm_campaign=summer_sale

這個網址的分析如下:

  • utm_source:指定流量來源,這裡是「newsletter」,表示這個流量來自一個名為「newsletter」的來源。
  • utm_medium:指定流量的媒介,這裡是「email」,表示這個流量來自電子郵件
  • utm_campaign:指定流量的活動名稱,這裡是「summer_sale」,表示這個流量是為了夏季促銷活動

藉由查詢參數,網址的功能性會大大增加,很推薦讀者夥伴多了解相關內容,可以上網搜尋「UTM 是什麼」,了解更多詳細資料。


網站中常見的查詢參數應用

應用一:搜尋功能

當使用者在網站上進行搜尋時,搜尋關鍵字通常以查詢參數的形式附加在網址後面。

  • 舉例:https://www.example.com/search?keyword=apple
  • 翻譯:在網站中搜尋「apple」的內容

應用二:分頁功能

當網站上的內容希望用多分頁顯示時,查詢參數可以用於指示要顯示的分頁數

  • 舉例:https://www.example.com/article/seo-intro?page=2
  • 翻譯:顯示文章「seo-intro」的第二頁(page 2)

應用三:分類篩選

當網站的內容可以根據不同的分類跟篩選條件,進行排序時,查詢參數可以用於指示相關的篩選條件。

  • 舉例:https://www.example.com/products?category=electronics&sort=price
  • 翻譯:篩選分類(category)中的電子產品(electronics);同時要根據價格(price)進行排序(sort)。

應用四:動態資料顯示

當網站需要根據特定的參數或數據動態生成內容時,查詢參數可以用於傳遞這些參數或數據。

  • 舉例:https://www.example.com/news?articleId=123
  • 翻譯:展示文章編號為「123」的內容。

查詢參數的提醒

重複前面的提醒,網址這種東西差一個字就是不一樣,不一樣就是不一樣。

以前面的例子來說:

  • https://www.example.com/article/seo-intro
  • https://www.example.com/article/seo-intro?page=2
  • https://www.example.com/article/seo-intro?page=3

這就是三個不同的網址!很像,但對搜尋引擎來說就是不一樣,儘管他們的內容彼此有關聯(像是第二頁跟第三頁),應該被視為相同的頁面,但因為參數不同,所以被當作不同的頁面。

這個時候我們可以用另一個技術工具「canonical」,也就是標準網址。

這篇文章你只需要理解參數的用途,以及參數代表不同的網址,這樣就足夠了。

相關文章:


SEO 網址及連結相關文章


工商時間

如果你想要更系統化、更輕鬆的學好 SEO,推薦你參考我與知識衛星合作的 SEO 線上課程《SEO 排名攻略學:從產業分析到落地實戰,創造翻倍流量》。

這是我的 SEO 集大成之作,讓你從入門到精通,附贈實戰模板跟檢核表,讓你真正學好 SEO。

Frank Chiu
Frank Chiu

SEO 顧問、行銷顧問。協助本地企業與跨國企業導入 SEO 跟行銷方案,包括:雀巢、凱基銀行、大人學、居家先生、IKEA、Vocus 等。

訂閱電子報