如何打造你自己的 Link-in-Bio 頁面
link-in-bio 頁面是一個適合手機瀏覽的單一頁面,包含你的名字、一張照片、一句關於你的介紹,以及一份簡短的連結清單,也就是你放在只允許一個連結的社群個人檔案中的那一個網址。自己打造它是最快能完成、又真正實用的網頁專案之一:在你自己的網域上放一個靜態頁面,立即載入,沒有其他人的品牌。先從靜態開始,只有在你會用到的情況下,才加入點擊追蹤與電子郵件訂閱。
頁面上要放什麼
內容要精簡。訪客是從某個應用程式進入,用手機瀏覽,注意力只有幾秒鐘。
- 名字與照片或標誌。讓人一眼就能認出,知道自己來對了地方。
- 一句關於你是誰或你做什麼的介紹。
- 三到七個連結,最重要的放最前面。你最新的作品放在最上方。
- 一個醒目的行動,也就是你本月最希望人們去做的事(新作品發布、上線活動或預約連結)。
- 底部的社群圖示,連到你的其他個人檔案。
- 選用內容:電子郵件訂閱、嵌入最新影片,或一小排產品格子。
每多一個連結,每一個連結被點擊的機率就會降低。如果你有二十個連結,請把它們分組,或移到更完整的個人網站上。
決策與取捨
靜態還是動態? 靜態頁面就是純 HTML 與 CSS:沒有會壞掉的東西,不需要喚醒任何服務,載入幾乎是瞬間完成的。你只要修改頁面(或請 AI 建置工具幫你修改)即可。動態頁面則會加入管理畫面,讓你不必碰程式碼就能編輯連結,同時還需要資料庫;如果你每天都在更換連結,或為多人管理頁面,這會很有用。對於一個人來說,通常靜態頁面才是正確的選擇。
你自己的網域。 這是自己打造的最大理由。yourname.com 比較好記、看起來更專業,而且無論你之後改用什麼工具,它都會繼續運作。請參閱如何連接自訂網域。
點擊追蹤。 有兩種選擇:
- 一個重視隱私的分析腳本,記錄頁面瀏覽與對外連結點擊。簡單,不需要後端。
- 讓每個連結都經過你自己網域上的短網址轉址(
yourname.com/go/shop),由它計算點擊次數。控制力更強,而且相同的連結也能用在電子郵件與影片中。這就是一個小型的網址縮短工具。
無論採用哪一種方式,只有當你的追蹤在訪客所在地區需要時,才加入 Cookie 通知。許多無 Cookie 的分析工具就是為了避免這一點而設計的;請確認適用於你的規範。
電子郵件訂閱。 訂閱表單是最有價值的新增功能:社群追蹤者屬於平台,電子郵件訂閱者則屬於你。表單需要有地方存放電子郵件地址,例如電子郵件行銷工具的表單或 API,或是你自己的資料庫。請參閱如何建置電子報網站。
設計。 它應該看起來像你本人,而不是每個人都在用的範本。選擇一組字型搭配、你的品牌色彩與清楚的按鈕樣式。請測試深色模式,因為許多手機都會使用它。
速度與分享。 讓圖片保持小尺寸。加入標題、描述與分享圖片(Open Graph 標籤),讓連結貼到訊息中時能正確顯示預覽。
一段有效的第一個提示詞
將 link-in-bio 頁面建置為單一靜態 HTML 頁面,以手機優先設計。頁面頂部:一張圓形個人照片、我的名字「Sam Rivera」,以及「插畫家與漫畫家,新書現已推出」這一行字。下方:一個醒目的按鈕「預購新書」,接著是「商店」、「YouTube」、「委託創作」與「電子報」的按鈕,最後是 Instagram、TikTok 與 Bluesky 的小圖示。使用寬大的全寬按鈕與充裕的間距,背景為溫暖的米白色,文字為深色,只使用一種強調色(赤陶色),並搭配雅緻的深色模式。加入標題、meta 描述與 Open Graph 圖片標籤。讓圖片保持小尺寸,使頁面在行動數據下也能快速載入。暫時不加入追蹤或 Cookie。
將名字、介紹與連結換成你自己的內容即可。這段提示詞明確說明了版面、色彩,以及哪些東西不要放。
建置步驟
- 先準備內容。依順序寫下你的連結,以及那一句關於你的介紹。刪去任何你自己都不會點擊的內容。
- 建置頁面。在手機尺寸的預覽中,分別以淺色與深色模式檢查。
- 在真實裝置上測試。用你的手機開啟,如果可以,從 Instagram 或 TikTok 的應用程式內建瀏覽器打開,因為大多數訪客就是在那裡看到它的。
- 分享預覽。把連結貼到通訊應用程式中,檢查標題與圖片。
- 網域。把它放在你自己的網域上。
- 追蹤,如果你想要數據:加入分析工具或轉址連結,然後逐一點擊每個連結,確認都有被計算。
- 訂閱表單,如果你正在建立電子郵件名單。
保持內容更新
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 頁面上的點擊?
可以加入重視隱私的分析工具,記錄對外連結的點擊;或者讓每個連結先經過你自己的短網址轉址,在把訪客導向目的地之前先計算點擊次數。