- 首頁
- 知識庫
- Sharing AI 架站平台教學
- 網站和社群怎麼串？聯絡按鈕、貼文嵌入與分享預覽圖設定
Sharing AI 架站平台教學
網站和社群怎麼串？聯絡按鈕、貼文嵌入與分享預覽圖設定
作者：JamXu更新日期：2026-10-09
網站和社群的串接分成四件事：在網站放上社群帳號連結、提供能直接開啟對話的聯絡按鈕、把社群貼文或影片嵌入頁面，以及讓網址被分享時顯示正確的標題與預覽圖。Messenger 洽談外掛停用後，改用 m.me 連結當按鈕；LINE 用官方帳號的加入好友網址；預覽圖則由頁面的精選圖片決定，改了沒更新時用 Facebook 分享偵錯工具重新抓取。
網站和社群的串接，其實是四條不同方向的路
「把網站和社群串起來」聽起來是一件事，實際上包含好幾種不同的設定：頁尾那排社群小圖示、訪客一按就能傳訊息的按鈕、放進網站的粉專貼文或 YouTube 影片，以及網址貼到 LINE 群組時跳出來的預覽卡片。它們的設定位置與常見問題各不相同，混在一起處理，很容易改了半天卻沒改到真正的問題。
先用一張表把四條路分清楚，確認你要解決的是哪一條，再讀對應的章節。
| 串接方式 | 方向與目的 | 常見做法 | 本文章節 |
|---|---|---|---|
| 社群帳號連結 | 網站 → 社群：讓訪客追蹤你的帳號 | 頁首、頁尾或側邊的社群圖示 | 社群圖示怎麼放 |
| 聯絡按鈕 | 網站 → 對話：讓訪客直接開始對話 | Messenger 的 m.me 連結、LINE 加入好友或聊天連結、電話與 Email | Messenger 與 LINE 兩節 |
| 內容嵌入 | 社群 → 網站：把貼文、影片或地圖放進頁面 | 編輯器的嵌入媒體功能、第三方嵌入程式碼 | 嵌入相關三節 |
| 分享預覽 | 網站 → 社群：網址被分享時顯示的卡片 | OG 標籤、精選圖片、預覽快取更新 | 分享預覽圖兩節 |
四件事有一個共同原則：網站是你能完全掌控的地方，社群平台則隨時可能改版或停用功能，2024 年 Messenger 洽談外掛停止運作就是例子。所以本文的做法都偏向用最簡單、最不依賴外掛的方式串接，讓平台規則改變時，網站受到的影響最小。
動手之前：先盤點要放上網站的社群帳號
很多網站的社群圖示是幾年前放上去的，點下去才發現帳號早已停更、連到個人帳號，甚至是前任行銷人員自己開的專頁。訪客看到一個最後更新停在三年前的粉專，對公司的印象只會扣分。所以在設定任何按鈕之前，先花十分鐘盤點手上的帳號。
- 列出公司名下所有社群帳號：Facebook 粉絲專頁、Instagram、LINE 官方帳號、YouTube 頻道、Threads、LinkedIn 等，各寫一行
- 逐一確認管理權：至少兩位在職同事擁有管理員身分，登入用的信箱與手機屬於公司，而不是個人或外包廠商
- 確認帳號仍在經營：最近三個月有發文、訊息有人回覆；停更的帳號先不要放上網站
- 統一名稱與大頭貼：網站、各社群使用相同的品牌名稱與標誌，訪客點過去才認得出是同一家公司
- 取得每個帳號的「乾淨網址」：從瀏覽器網址列複製，刪掉問號後面的追蹤參數，只保留帳號本身的網址
- 決定哪些放在網站：通常挑兩到四個最活躍、最符合客群的平台即可，不必每個帳號都放
最後一項值得多想一下：圖示放得越多，訪客越難決定、也越容易被帶離網站。B2B 服務業通常 Facebook 加 LINE 就足夠；重視作品呈現的設計、餐飲、美業品牌，Instagram 往往更重要。依客群挑選，比全部列出來更有效。
盤點出來的帳號清單，建議和其他品牌資料一起保存。如果你還在準備架站素材，可以參考架站前要準備哪些品牌素材，把社群帳號網址列進公司資訊資料表，日後換人管理時也找得到。
社群圖示怎麼放：集中管理連結，再挑選顯示位置
社群圖示是最基本的串接方式，重點在「一處管理、多處使用」。如果頁首、頁尾和各頁面各自貼一份連結，日後粉專改了網址就得一頁頁修改，漏掉一處就是失效連結。
在 Sharing AI 架站平台中，社群連結集中在後台「設定 → 社群管理」：先在這裡建立每個社群帳號的連結，再設定它要出現在選單、頁尾或網站右側。同一筆連結修改一次，所有顯示位置都會一起更新。
- 進入後台「設定 → 社群管理」，按「新建社群連結」
- 選擇平台圖示，名稱填寫訪客看得懂的平台名稱，例如 Facebook、Instagram、LINE
- 貼上前一節整理好的乾淨網址，存檔前在瀏覽器另開分頁實際貼上測試一次
- 設定顯示位置：選單、頁尾或右側，可以多選
- 到前台用手機與電腦各看一次，確認圖示出現在預期位置、點下去開啟的是正確帳號
三個顯示位置怎麼選
| 位置 | 適合放什麼 | 注意事項 |
|---|---|---|
| 選單（頁首） | 最主要的一到兩個聯絡或追蹤管道 | 頁首空間有限，圖示太多會擠壓選單文字，手機版尤其明顯 |
| 頁尾 | 完整的社群帳號清單 | 訪客習慣到頁尾找聯絡資訊與社群連結，是最不干擾閱讀的位置 |
| 網站右側 | 希望訪客隨時能點到的聯絡按鈕，例如 LINE 或 Messenger | 會跟著頁面捲動，留意不要遮住內文、表單按鈕或手機版的操作區 |
實務上最穩當的配置是：頁尾放完整清單，右側只放一到兩個「聯絡用」按鈕，頁首則視版面決定要不要放。追蹤用的連結（例如 Instagram）和聯絡用的連結（例如 LINE 加入好友、Messenger 對話）性質不同，前者讓人認識你，後者讓人找你，放在右側的最好是後者。
Messenger 洽談外掛停用後，改用 m.me 連結當聯絡按鈕
過去很多網站右下角都有一顆 Facebook 藍色對話泡泡，訪客點開就能在網頁上直接和粉專傳訊息，這就是 Messenger 洽談外掛程式（Chat Plugin）。Meta 已宣布這項外掛自 2024 年 5 月 9 日起停止運作，如果你的網站後台或程式碼裡還留著當年的嵌入碼，現在它已經不會再顯示任何東西，建議直接移除，避免多載入一段沒有作用的程式。
替代做法很單純：用一條 m.me 連結當按鈕。依 Meta 開發者文件對 m.me 連結的說明，m.me 是 Meta 提供的網址服務，會把點擊的人導向 Messenger，開啟與你粉絲專頁的對話；如果對方以前就傳過訊息，則會回到原本那段對話。它不需要安裝任何外掛，也不必在網站貼程式碼，本質上就是一個普通的超連結。
三步驟取得粉專的 m.me 連結
- 用瀏覽器打開你的 Facebook 粉絲專頁，從網址列複製網址，例如 https://www.facebook.com/你的粉專名稱
- 刪掉網址中問號之後的參數，只保留粉專名稱這一段；若粉專沒有設定用戶名稱，網址裡會是一串數字編號，也可以照樣使用
- 把前面的 https://www.facebook.com/ 換成 https://m.me/，得到 https://m.me/你的粉專名稱，貼到瀏覽器測試能否開啟對話
拿到連結後，到「設定 → 社群管理」新建一筆連結，圖示選 Messenger 或 Facebook，網址填 m.me 連結，顯示位置選「右側」，就能做出一顆跟著頁面的聯絡按鈕。如果你同時也想放粉專的追蹤連結，記得分成兩筆：一筆連到粉專首頁（追蹤用），一筆連到 m.me（對話用），名稱寫清楚，訪客才不會點錯。
用 ref 參數分辨訊息從哪裡來
m.me 連結可以加上 ?ref= 參數，例如 https://m.me/你的粉專名稱?ref=website。Meta 的文件說明這個參數用來標示對方從哪裡點進來（例如網站或門市），值需要經過網址編碼。有串接訊息自動化工具時，就能分辨訊息來源；沒有串接也不影響連結功能，不確定時維持最單純的網址即可。
| 項目 | Messenger 洽談外掛（已停用） | m.me 連結 |
|---|---|---|
| 對話發生在哪裡 | 網頁上的浮動對話視窗 | 開啟 Messenger 應用程式或網頁版 |
| 對網站速度的影響 | 需要額外載入外部程式 | 幾乎沒有影響 |
| 訊息收在哪裡 | 粉絲專頁收件匣 | 粉絲專頁收件匣 |
| 目前狀態 | 2024 年 5 月 9 日起停止運作 | 可正常使用 |
要留意的是體驗上的差別：訪客點了 m.me 之後會離開你的網站、進入 Messenger。手機上通常直接跳到 Messenger App；在電腦上則會開啟 Messenger 網頁版，尚未登入的人會先看到登入畫面。所以按鈕旁最好有一句說明，例如「用 Messenger 傳訊息給我們」，讓訪客知道點下去會發生什麼事。
訊息進來之後，回覆速度才是重點。訊息量大、希望由 AI 先回答常見問題時，可以參考AI 客服怎麼導入，先規劃常見問題、轉真人與服務時段。
LINE 官方帳號按鈕：加入好友、開啟聊天與 QR Code
在台灣，LINE 往往是顧客最習慣的聯絡管道。網站上的 LINE 按鈕有兩種常見目的：一是請訪客加入官方帳號好友，之後可以收到你的訊息；二是讓訪客直接開啟聊天，問完問題就好。兩者使用的連結不同，先決定目的再取得連結。
LINE 官方帳號的管理後台本身就提供加入好友用的網址、QR Code 與按鈕素材，網址通常是 lin.ee 開頭的短網址，最簡單的做法就是複製這條網址，放進社群管理的 LINE 連結。若你需要更細的控制，LINE Developers 的 URL scheme 文件另外列出了幾種官方網址格式。
| 用途 | 網址格式 | 說明 |
|---|---|---|
| 加入好友（後台提供） | https://lin.ee/xxxxxxx | 從官方帳號管理後台取得，最常用、不必自己組網址 |
| 開啟官方帳號頁面 | https://line.me/R/ti/p/@你的ID | 未加入好友時顯示帳號頁面；已是好友則直接進入一對一聊天 |
| 開啟聊天並帶入文字 | https://line.me/R/oaMessage/@你的ID/?預填文字 | 開啟聊天室並在輸入框預先填好文字，例如「我想詢問報價」 |
表中後兩種格式，ID 裡的 @ 與預填文字都要經過網址編碼，例如 @ 會變成 %40。另外要特別注意：依 LINE 官方文件，這類 line.me/R/ 開頭的網址只在 iOS 與 Android 的 LINE App 中有效，電腦版 LINE 並不支援。也就是說，用電腦瀏覽網站的訪客，點了按鈕可能無法順利開啟聊天。
照顧電腦版訪客：搭配 QR Code
解法是同時提供 QR Code：電腦前的訪客用手機掃描，手機上的訪客直接點按鈕。常見配置是右側浮動按鈕放 LINE 連結，聯絡我們頁面放一張附說明文字的 QR Code。QR Code 請從官方帳號後台下載，不要用來路不明的產生器製作。
電話、Email 與其他聯絡方式：按鈕要對應客群
社群按鈕不是唯一的聯絡方式。很多客群仍然習慣打電話或寄信，尤其是年紀較長的顧客、需要正式報價的企業採購，以及急著預約的消費者。網站上的聯絡按鈕應該對應客群習慣，而不是追求數量。
| 管道 | 連結寫法 | 適合的情境 | 要注意的地方 |
|---|---|---|---|
| 電話 | tel: 加上 +886 開頭的號碼 | 急件、預約、需要即時說明的服務 | 用國際格式，手機點擊可直接撥號；標示接聽時段 |
| mailto:service@你的網域 | 需要附件、正式報價、留存紀錄 | 公開的信箱容易收到垃圾信，建議使用專用的服務信箱 | |
| Messenger | https://m.me/粉專名稱 | 已追蹤粉專的訪客、輕量詢問 | 電腦上需登入 Facebook |
| LINE 官方帳號 | https://lin.ee/… 或 line.me 網址 | 台灣一般消費者、後續要推播訊息 | line.me 格式只支援手機 App，電腦版搭配 QR Code |
電話連結的寫法是 tel: 加上號碼，建議使用含國碼的國際格式（台灣為 +886，去掉區碼前面的 0），手機上點擊就會直接進入撥號畫面。Email 連結則是 mailto: 加上信箱。兩者都可以放在社群管理之外的頁面內文或頁尾，搭配清楚的文字說明，例如「客服專線（週一至週五 9:00–18:00）」。
管道開得越多，越需要有人負責回覆。與其放五個按鈕、每個都要兩天才回應，不如只放兩個、保證當天回覆；說不出由誰負責的管道，就先不要放上網站。
嵌入社群貼文與影片：14 種平台貼上網址就能放進頁面
嵌入（embed）是把其他平台上的內容原樣放進你的頁面，例如粉專活動貼文、Instagram 作品、YouTube 教學影片或門市的 Google 地圖。訪客不必離開網站就能看到，和截圖相比還保有播放、開啟原文等互動功能。
Sharing AI 的文章與頁面編輯器，工具列上有一個「嵌入媒體」選單。選擇平台後貼上該則貼文或影片的網址，系統就會自動轉成嵌入內容，不需要自己處理嵌入程式碼。目前選單中列出 14 種平台：Google 地圖、YouTube、Facebook、Instagram、Threads、X（Twitter）、Dcard、LinkedIn、TikTok、Vimeo、Twitch、Spotify、SoundCloud 與 Figma。
關鍵在於拿到「單一則內容」的網址
嵌入失敗最常見的原因，是貼錯網址：貼成粉專首頁、個人頁面或搜尋結果頁，而不是那一則貼文本身的網址。系統需要的是指向「單一則貼文或單一部影片」的永久網址。下表整理各平台取得網址的方式與限制。
| 平台 | 怎麼取得單則網址 | 嵌入前要確認 |
|---|---|---|
| 在貼文的發布時間上按右鍵複製連結，或點開貼文後複製網址列 | 依 Meta 文件，只有公開的粉專與個人檔案貼文可以嵌入；發布時間旁顯示地球圖示代表公開 | |
| 在瀏覽器開啟該則貼文或 Reels，複製網址列 | 帳號必須是公開帳號，且帳號擁有者沒有關閉「允許網站嵌入」設定 | |
| YouTube | 影片下方的「分享」複製網址；Shorts 也適用 | 影片擁有者可以在 YouTube 工作室關閉「允許嵌入」，關閉後無法在其他網站播放 |
| Google 地圖 | 在地圖上點選地點、調整好縮放大小後複製網址 | 地點盡量置中，縮放到能看清周邊道路的程度 |
| Threads、X、LinkedIn、TikTok | 點開單則貼文或影片，用分享功能複製連結 | 只貼公開內容；私人或限定對象的貼文無法正常顯示 |
| Dcard | 開啟單篇文章，複製網址 | 文章被刪除或下架後，嵌入區塊會跟著失效 |
| Vimeo、Spotify、Figma 等 | 用平台的分享功能複製單一作品或檔案的連結 | 確認隱私或分享權限允許他人檢視，否則訪客只會看到權限提示 |
Instagram 的嵌入設定值得特別說明。依 Instagram 說明中心，公開帳號的貼文、Reels 或個人檔案可以被其他網站嵌入；帳號擁有者可以在隱私設定中關閉「允許網站嵌入」，而且不必把帳號改成私人。換句話說，你想嵌入合作夥伴或客戶的 Instagram 貼文時，對方的設定可能讓嵌入無法顯示，這時不是你的網站出了問題，而是對方不允許嵌入。
嵌入內容旁邊，一定要有自己的文字
嵌入的貼文或影片，內容屬於原平台，搜尋引擎與 AI 工具讀到的主要還是你頁面上的文字。地圖下方寫清楚地址、營業時間與交通方式；影片前後用幾句話說明重點；作品貼文旁補上客戶需求與解決方式。這樣即使嵌入內容日後失效，頁面仍然完整。嵌入客戶或合作對象的內容之前，也要先徵得對方同意並註明來源。
嵌入 HTML：線上簡報、問卷等第三方程式碼
許多服務會提供一段嵌入程式碼，通常是以 iframe 開頭的一小段 HTML，例如線上簡報平台、問卷表單、預約系統或數據報告。Sharing AI 的編輯器另有「嵌入 HTML 內容」功能，貼上這段程式碼後存檔，前台就會顯示對方提供的內容，例如一份可以在網頁上翻頁的簡報。
- 在第三方平台找到分享或嵌入（Embed）功能，選擇顯示尺寸與起始頁等選項
- 複製平台產生的完整嵌入程式碼，不要自行刪改其中的網址或參數
- 回到網站編輯器，使用「嵌入 HTML 內容」貼上程式碼並存檔
- 到前台預覽，分別用電腦與手機確認內容完整顯示、沒有超出畫面寬度
- 在嵌入內容的上方或下方，用文字說明這份內容是什麼、來源是哪裡
嵌入 HTML 等於讓外部程式在你的頁面上執行，所以只貼你信任的來源提供的程式碼；來路不明的小工具可能夾帶廣告或追蹤程式。簡報、報告這類有時效性的內容，數據過時後也要記得更新或移除。
嵌入內容會拖慢網站嗎？速度與版面的取捨
會，而且影響可能比想像中大。社群貼文、影片與地圖的嵌入，背後都要載入原平台的程式與資源。Google 的 web.dev 在〈第三方嵌入最佳做法〉一文中提到，許多熱門嵌入會載入超過 100 KB 的 JavaScript，有時甚至高達 2 MB，可能拖慢頁面主要內容的顯示，影響最大內容繪製（LCP）與累計版面配置位移（CLS）等核心網頁指標。
這不代表不能嵌入，而是要有節制。下面幾個原則可以兼顧內容與速度：
- 一頁只放真正需要的嵌入內容，通常一到三個就足夠；需要展示很多作品時，改用自己的圖片搭配連結
- 首頁第一屏避免放嵌入內容，讓訪客最先看到的是載入快速的文字與圖片
- 定期檢查嵌入內容是否仍然存在，原貼文刪除後留下的空白區塊要移除
- 若只是想讓訪客「去看看」社群帳號，放一個連結就好，不必把整個動態牆嵌進網站
web.dev 也建議為嵌入內容預留空間、延後載入畫面外的嵌入，避免載入時把下方文字往下推。自行貼上嵌入 HTML 時，留意程式碼是否指定寬高；發布後可用 PageSpeed Insights 比較加上嵌入前後的差異。
影片嵌入與訪客隱私
嵌入 YouTube 影片時，YouTube 說明中心提供一種「加強隱私權模式」：把嵌入碼中的 youtube.com 換成 youtube-nocookie.com，訪客在你網站上觀看的紀錄就不會影響他在 YouTube 上的個人化體驗，嵌入影片也不會顯示個人化廣告。如果網站有 Cookie 告知或重視訪客隱私，可以考慮使用這個模式。同一份說明也提到，在網址後加上 ?start= 與秒數，可以讓影片從指定時間開始播放，例如 ?start=90 代表從 1 分 30 秒開始。
分享預覽圖是怎麼產生的？看懂 OG 標籤與精選圖片
把網址貼到 LINE、Facebook 或 Messenger 時，跳出來的那張卡片（標題、描述與一張圖）就是分享預覽。這張卡片不是社群平台隨便抓的，而是讀取頁面原始碼中的 Open Graph（OG）標籤。Open Graph protocol 的官方規格（ogp.me）列出每個頁面都應該具備的四個基本屬性：og:title（標題）、og:type（類型）、og:image（圖片）與 og:url（標準網址）。
Sharing AI 架站平台會自動產生 OG 標籤與 X（Twitter）Card 標籤，不需要自己寫程式碼。以本站的知識文章為例，實際檢查頁面原始碼可以看到：og:title 使用頁面設定的 Meta 標題，og:description 使用 Meta 描述，og:image 則是頁面的精選圖片，同時也輸出了 twitter:card 等 X 用的標籤。換句話說，你在後台填好這三個欄位，分享預覽就跟著設定好了。
| 預覽卡片上的元素 | 對應的標籤 | 在後台哪裡設定 |
|---|---|---|
| 標題 | og:title | 頁面設定的 SEO 基本設定：Meta 標題 |
| 描述文字 | og:description | 頁面設定的 SEO 基本設定：Meta 描述 |
| 預覽圖 | og:image | 頁面設定的基本設定：精選圖片 |
| 點擊後開啟的網址 | og:url | 頁面的自訂連結（網址），系統自動帶入 |
標題與描述同時也會影響搜尋結果中的顯示方式，寫法可以參考SEO 標題與描述怎麼寫。要注意的是，社群卡片的空間比搜尋結果小，描述常常只顯示一兩行，所以最重要的資訊要放在描述的前半段。
預覽圖的規格建議
依 Meta 的分享圖片最佳做法，預覽圖建議至少 1200 × 630 像素，才能在高解析度裝置上清楚顯示；最低可接受 600 × 315 像素；長寬比盡量接近 1.91:1，檔案大小不可超過 8 MB。實務上直接以 1200 × 630 製作最省事，多數平台都能正常顯示。
| 項目 | 建議做法 | 原因 |
|---|---|---|
| 尺寸 | 1200 × 630 像素（1.91:1） | 符合 Meta 建議，在各平台都能清楚顯示 |
| 重要內容位置 | 文字與標誌集中在畫面中央，四周留白 | 不同平台與裝置可能把圖片裁成不同比例 |
| 文字量 | 最多一行主標加一行副標，字要夠大 | 預覽卡片在手機上很小，細字看不清楚 |
| 每頁一張 | 重要頁面各自設定專屬的精選圖片 | 全站共用同一張圖，分享時無法分辨是哪一頁 |
| 檔案 | 壓縮後再上傳，避免動輒數 MB | 圖片太大可能讓平台抓取失敗或顯示較慢 |
最後提醒：精選圖片要在第一次分享之前就設定好。平台第一次抓取時會把當時的標題與圖片記住一段時間，先分享再補圖，就會遇到下一節的快取問題。
分享後預覽圖沒更新？Facebook 與 LINE 的處理方式
常見的情況是：頁面分享出去後才發現預覽圖放錯，改好再分享，跳出來的卻還是舊圖。這不是設定沒存到，而是社群平台會把抓過的預覽資料暫存一段時間。處理方式依平台而不同。
Facebook、Messenger：用分享偵錯工具重新抓取
Meta 提供「分享偵錯工具」（Sharing Debugger），可以查看 Facebook 讀到的標籤內容，並要求重新抓取頁面。Meta 的網站管理員文件也建議用這個工具預先抓取，確保第一次分享時就顯示正確的圖片。
- 在後台確認 Meta 標題、描述與精選圖片都已改好並儲存，前台頁面也已發布
- 用瀏覽器開啟 Meta 的分享偵錯工具，登入 Facebook 帳號
- 貼上頁面的完整網址，執行偵錯，查看工具顯示的標題、描述與圖片
- 若仍是舊資料，按下重新抓取（Scrape Again）按鈕，直到預覽顯示新內容
- 回到 Facebook 重新分享；已經發出的舊貼文，預覽不一定會跟著更新，必要時刪除後重發
還有一個細節：Meta 文件說明，圖片是依照圖片網址暫存的，網址不變就不會更新。所以如果你是「在同一個檔名上覆蓋新圖」，Facebook 可能一直顯示舊圖；換一張新的圖片上傳（新的網址），再重新抓取，才能確實更新。偵錯工具若顯示錯誤或警告，也可以從訊息中看出是哪個標籤缺漏。
LINE：沒有手動更新工具，等待快取自動更新
LINE 過去有一個名為 Page Poker 的預覽更新工具，許多教學文章至今仍在介紹它，但這個工具已經關閉，原本的網址目前也已無法連線。現在 LINE 的預覽會在暫存到期後自動更新，官方沒有公布確切的時間，實務上通常需要等上一段時間，期間分享出去的仍可能是舊預覽。
急著發送時，常見的權宜做法是分享「加了參數的網址」，例如在網址後面加上 ?v=2。對 LINE 來說這是一個沒抓過的新網址，就會重新讀取標籤；對訪客來說，開啟的仍是同一頁。不過這只適合臨時使用，正式宣傳與廣告素材還是以原本的網址為主，也不要把帶參數的網址用在網站的內部連結裡。
| 平台 | 更新方式 | 注意事項 |
|---|---|---|
| Facebook、Messenger | 分享偵錯工具重新抓取 | 圖片依網址暫存，更新圖片時請換新檔名或新網址 |
| LINE | 等待暫存自動到期；急用時分享帶參數的網址 | 舊的 Page Poker 工具已關閉，網路上的舊教學不適用 |
| 其他平台（X、Threads 等） | 多數會在暫存到期後自動更新 | 第一次分享前就把 OG 設定完成最省事 |
預防勝於處理：頁面完成後先用 Facebook 分享偵錯工具看一次預覽，確認無誤再正式分享。新網站整體的上線前檢查，可以搭配用 Sharing AI 架站上線前的檢查清單一起進行。
上線前檢查表：社群串接一次確認
新網站上線前，或社群帳號有變動時，照下面的清單逐項確認一次。
社群連結與聯絡按鈕
- 每個社群圖示都連到公司名下、仍在經營的帳號，網址不含多餘的追蹤參數
- 社群連結集中在「設定 → 社群管理」，顯示位置（選單、頁尾、右側）符合規劃
- 舊的 Messenger 洽談外掛程式碼已移除，改用 m.me 連結
- LINE 按鈕使用官方帳號連結，電腦版訪客另有 QR Code 可掃描
- 每個聯絡管道都有指定的負責人，下班時段有自動回覆
嵌入內容
- 嵌入的都是單一則公開貼文或影片的網址，前台實際顯示正常
- 使用他人內容前已取得同意，旁邊有自己撰寫的說明文字
- 手機版沒有因為嵌入內容出現左右滑動或版面跑掉
- 單頁嵌入數量有節制，首頁第一屏沒有嵌入內容
分享預覽
- 重要頁面都有專屬的精選圖片（1200 × 630），重要文字位於畫面中央
- 第一次分享前，已用 Facebook 分享偵錯工具確認預覽正確
- 需要更換預覽圖時，上傳新的圖片檔，而不是覆蓋同一個檔名
上線之後，建議每季回頭檢查一次：社群帳號名稱或網址有沒有改、嵌入的貼文是否還在、聯絡按鈕是否仍有人在回覆。若網站使用自有網域，網域與 DNS 的設定可以參考自有網域怎麼綁定網站，確保分享出去的網址都是正式網域。
下一步：讓社群把人帶回網站，網站把人留下來
一句話總結：社群負責觸及與互動，網站負責完整說明與成交，串接的目的是讓兩邊的人都能順利走到下一步。
設定完成後，可以回到 Sharing AI 架站平台教學主題頁，依學習路線繼續設定行銷代碼、選單與頁面；網站上的文章若想同時經營搜尋流量，AI 編寫助理使用教學可以協助產生初稿，Google Search Console 使用教學則能幫你追蹤文章在搜尋中的表現。想先了解平台功能與方案，可以看 Sharing AI 架站平台介紹；若希望由團隊協助規劃網站與社群的串接，也歡迎直接與我們聯絡。