技術文件目前產品線:Slim SEO 搜尋優化

Slim SEO:X(Twitter)Card 標籤設定教學

更新日期
閱讀時間
約 3 分鐘
來源狀態
generated-draft

本篇說明

Slim SEO 會自動產生 X(Twitter)Card 所需的 meta 標籤,讓貼文分享到 X 平台時能顯示美觀的大圖卡片。本文說明標籤內容、圖片選擇順序,以及如何自訂分享圖片。

適合誰使用

使用 Slim SEO 免費版、想優化網站在 X(Twitter)分享外觀的 WordPress 網站管理者

開始前準備

  • 已安裝並啟用 Slim SEO 外掛

教學內容

X Card 標籤說明

Slim SEO 使用的卡片類型固定為 summary_large_image(含大圖的摘要卡片)

twitter:title 與 twitter:description 分別沿用 Open Graph 的 og:title 與 og:description

若沒有設定圖片,twitter:image 會依序退回使用特色圖片、內文第一張圖片,或全站社群圖片

如何更換分享到 X 時顯示的圖片

預設情況下,分享單篇文章、頁面或分類時,會使用特色圖片作為縮圖

分享到 X 時建議使用的圖片尺寸為 1200×600 像素

  1. 若特色圖片尺寸不適合,可在內容編輯畫面下方的 Search Engine Optimization 區塊中,另外選擇一張圖片

    Change the image when sharing on X
    官方文件介面截圖:Change the image when sharing on X

外掛如何決定使用哪張圖片

外掛會依序檢查:該篇文章的 SEO 區塊設定圖片、該文章類型在 Settings > Slim SEO > Meta Tags 的全站設定圖片、特色圖片、內文第一張圖片

若以上皆無圖片,則使用 Settings > Slim SEO > Social 中設定的預設社群圖片

以程式碼自訂 X 分享圖片

可透過 slim_seo_twitter_card_image 這個 filter 以程式碼方式指定圖片網址

介面名稱對照

  • Search Engine Optimization meta box:文章編輯畫面下方的 SEO 設定區塊,可在此選擇分享圖片
  • Settings > Slim SEO > Meta Tags:設定各文章類型全站預設圖片等 meta 標籤的頁面
  • Settings > Slim SEO > Social:設定全站預設社群分享圖片的頁面

注意事項

注意

若首頁設定為靜態頁面,該頁面的 SEO 設定不會出現在 Settings > Slim SEO 選單中,而是要到編輯首頁畫面下方調整

常見問題

分享到 X 時圖片顯示不理想怎麼辦?

可能是特色圖片尺寸不適合,建議在內容編輯畫面下方的 Search Engine Optimization 區塊中另外選擇一張符合 1200x600 像素建議尺寸的圖片。

官方來源

還是卡住了?

先把問題問清楚,通常比直接開工單更快。複製下面的結構,補上你的情況後送出。

用 AI 先釐清問題

/ai 我正在閱讀「Slim SEO:X(Twitter)Card 標籤設定教學」,目前卡在:

我已嘗試:

我看到的畫面/錯誤訊息:

請用一步一步的方式告訴我下一步。

需要我們實際進入網站調整設定、修改佈景主題或處理資料時,再建立 /task 工單。