指南

如何打造你自己的 Link-in-Bio 頁面

link-in-bio 頁面是一個適合手機瀏覽的單一頁面,包含你的名字、一張照片、一句關於你的介紹,以及一份簡短的連結清單,也就是你放在只允許一個連結的社群個人檔案中的那一個網址。自己打造它是最快能完成、又真正實用的網頁專案之一:在你自己的網域上放一個靜態頁面,立即載入,沒有其他人的品牌。先從靜態開始,只有在你會用到的情況下,才加入點擊追蹤與電子郵件訂閱。

頁面上要放什麼

內容要精簡。訪客是從某個應用程式進入,用手機瀏覽,注意力只有幾秒鐘。

  • 名字與照片或標誌。讓人一眼就能認出,知道自己來對了地方。
  • 一句關於你是誰或你做什麼的介紹。
  • 三到七個連結,最重要的放最前面。你最新的作品放在最上方。
  • 一個醒目的行動,也就是你本月最希望人們去做的事(新作品發布、上線活動或預約連結)。
  • 底部的社群圖示,連到你的其他個人檔案。
  • 選用內容:電子郵件訂閱、嵌入最新影片,或一小排產品格子。

每多一個連結,每一個連結被點擊的機率就會降低。如果你有二十個連結,請把它們分組,或移到更完整的個人網站上。

決策與取捨

靜態還是動態? 靜態頁面就是純 HTML 與 CSS:沒有會壞掉的東西,不需要喚醒任何服務,載入幾乎是瞬間完成的。你只要修改頁面(或請 AI 建置工具幫你修改)即可。動態頁面則會加入管理畫面,讓你不必碰程式碼就能編輯連結,同時還需要資料庫;如果你每天都在更換連結,或為多人管理頁面,這會很有用。對於一個人來說,通常靜態頁面才是正確的選擇。

你自己的網域。 這是自己打造的最大理由。yourname.com 比較好記、看起來更專業,而且無論你之後改用什麼工具,它都會繼續運作。請參閱如何連接自訂網域。

點擊追蹤。 有兩種選擇:

  1. 一個重視隱私的分析腳本,記錄頁面瀏覽與對外連結點擊。簡單,不需要後端。
  2. 讓每個連結都經過你自己網域上的短網址轉址(yourname.com/go/shop),由它計算點擊次數。控制力更強,而且相同的連結也能用在電子郵件與影片中。這就是一個小型的網址縮短工具。

無論採用哪一種方式,只有當你的追蹤在訪客所在地區需要時,才加入 Cookie 通知。許多無 Cookie 的分析工具就是為了避免這一點而設計的;請確認適用於你的規範。

電子郵件訂閱。 訂閱表單是最有價值的新增功能:社群追蹤者屬於平台,電子郵件訂閱者則屬於你。表單需要有地方存放電子郵件地址,例如電子郵件行銷工具的表單或 API,或是你自己的資料庫。請參閱如何建置電子報網站。

設計。 它應該看起來像你本人,而不是每個人都在用的範本。選擇一組字型搭配、你的品牌色彩與清楚的按鈕樣式。請測試深色模式,因為許多手機都會使用它。

速度與分享。 讓圖片保持小尺寸。加入標題、描述與分享圖片(Open Graph 標籤),讓連結貼到訊息中時能正確顯示預覽。

一段有效的第一個提示詞

將 link-in-bio 頁面建置為單一靜態 HTML 頁面,以手機優先設計。頁面頂部:一張圓形個人照片、我的名字「Sam Rivera」,以及「插畫家與漫畫家,新書現已推出」這一行字。下方:一個醒目的按鈕「預購新書」,接著是「商店」、「YouTube」、「委託創作」與「電子報」的按鈕,最後是 Instagram、TikTok 與 Bluesky 的小圖示。使用寬大的全寬按鈕與充裕的間距,背景為溫暖的米白色,文字為深色,只使用一種強調色(赤陶色),並搭配雅緻的深色模式。加入標題、meta 描述與 Open Graph 圖片標籤。讓圖片保持小尺寸,使頁面在行動數據下也能快速載入。暫時不加入追蹤或 Cookie。

將名字、介紹與連結換成你自己的內容即可。這段提示詞明確說明了版面、色彩,以及哪些東西不要放。

建置步驟

  1. 先準備內容。依順序寫下你的連結,以及那一句關於你的介紹。刪去任何你自己都不會點擊的內容。
  2. 建置頁面。在手機尺寸的預覽中,分別以淺色與深色模式檢查。
  3. 在真實裝置上測試。用你的手機開啟,如果可以,從 Instagram 或 TikTok 的應用程式內建瀏覽器打開,因為大多數訪客就是在那裡看到它的。
  4. 分享預覽。把連結貼到通訊應用程式中,檢查標題與圖片。
  5. 網域。把它放在你自己的網域上。
  6. 追蹤,如果你想要數據:加入分析工具或轉址連結,然後逐一點擊每個連結,確認都有被計算。
  7. 訂閱表單,如果你正在建立電子郵件名單。

保持內容更新

link-in-bio 頁面在會隨著你一起變化時效果最好。一個簡單的習慣:每當你發布了想讓人們找到的新內容,就在當天更新最上方的連結;每個月移除不再相關的內容。如果你在進行行銷活動,例如新品上市、特價或活動,就在活動期間讓它佔用醒目的按鈕,結束後再換回來。如果你使用轉址連結來追蹤,請保持短路徑穩定(例如 /go/latest),只改變它指向的目的地,這樣過去使用該連結的貼文仍然能導向有用的頁面。

常見錯誤

  • 連結太多。 訪客不會滑過十五個按鈕。
  • 最上方的連結過時。 頂部放著上一季的促銷,看起來就像被遺棄了。內容有變化時請立即更新。
  • 圖片過大。 在行動數據下載入大張照片,是很慢的第一印象。
  • 點擊範圍太小。 按鈕應該是全寬的,方便用拇指點擊。
  • 沒有分享圖片。 分享時,連結看起來會很單調。
  • 只放在某個工具的子網域上。 如果工具改版,你所有發布過的個人檔案連結都會失效。使用你自己的網域可以避免這個問題。

何時選擇現成產品比較好

代管的 link-in-bio 工具確實很方便:可以在手機上編輯、內建分析工具、整合商店與打賞功能,而且有許多免費方案。如果你想隨時更換連結又不想碰程式碼,並且不介意工具的外觀或品牌,它們是簡單的選擇。簡易的單頁建置工具也是另一個選項,請參閱 Carrd 替代方案。

當你想擁有自己的網域又不必每月為它付費、完全掌控設計、不要第三方品牌、擁有自己的點擊資料,或是希望頁面日後能發展成作品集或個人網站時,再自己打造會比較好。

使用 Mythex 建置

在 Mythex 上,你只要在聊天中描述頁面,要求一個普通的靜態頁面,然後在即時預覽的手機尺寸外框中檢查。靜態網站會以靜態網站的形式發布,請參閱Mythex 上的靜態網站;它們在閒置時不會消耗點數,因此 link-in-bio 頁面維持上線的成本很低。任何方案都可以發布到 mythex.ai 連結;Pro 方案則可以連接你自己的網域,或在 Mythex 內購買。當你想更改連結時,只要在聊天中提出,然後重新發布即可。

常見問題

什麼是 link-in-bio 頁面?

它是一個適合手機瀏覽的單一網頁,列出你最重要的連結,例如最新影片、商店、電子報或預約頁面,讓你可以在只允許放一個連結的社群個人檔案中,分享這一個網址。

為什麼要自己打造 link-in-bio 頁面,而不使用代管工具?

你自己的頁面位於你自己的網域上,外觀可以完全依照你的想法設計,不會帶有第三方品牌,而且即使工具調整收費或停止營運,頁面仍然可以繼續運作。缺點是你必須自行維護。

link-in-bio 頁面需要資料庫嗎?

不需要。一份連結清單可以是靜態頁面,載入快速,代管成本也很低。只有當你想透過管理畫面編輯連結、自行統計點擊次數或收集電子郵件訂閱時,才需要資料庫或伺服器。

我要如何追蹤 link-in-bio 頁面上的點擊?

可以加入重視隱私的分析工具,記錄對外連結的點擊;或者讓每個連結先經過你自己的短網址轉址,在把訪客導向目的地之前先計算點擊次數。

Mythex · Pricing · 用 AI 打造任何東西 · 網站與應用程式範本 · Mythex 比較 · AI 應用程式開發詞彙表 · 免費的 AI 應用程式開發工具 · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港)