如何在WordPress佈景主題中添加Facebook Open Graph元數據

WPressize Me

05/03/2023

方法一：使用AIOSEO添加Facebook Open Graph元數據

All in One SEO 是一個受歡迎的WordPress SEO插件，超過300萬個網站使用它來優化他們的網站。它使您輕鬆地為搜索引擎以及社交平台（如Facebook和Twitter）優化您的網站。首先，您需要安裝並啟用免費的All in One SEO插件。激活後，前往All in One SEO » 社交網絡頁面，輸入您的Facebook頁面URL和其他社交網絡。

然後，點擊頁面頂部的“Facebook”標籤，您將看到Open Graph標記已啟用。您可以點擊“上傳或選擇圖片”按鈕選擇默認Facebook OG圖像，如果文章沒有Open Graph圖像，這將被使用。如果您向下滾動，可以自訂您的網站名稱、描述等設置。完成後，別忘了點擊藍色的“保存更改”按鈕。

現在您已經設置了全站範圍的Open Graph元數據，接下來是為個別帖子和頁面添加Open Graph元數據。預設情況下，AIOSEO將使用您的帖子標題和描述作為Open Graph標題和描述。您還可以手動為每個頁面和帖子設定Facebook縮略圖。只需編輯該帖子或頁面，並在編輯器下方找到“AIOSEO設置”部分，然後切換到“社交”標籤，您將看到縮略圖的預覽。

您可以在這裡設置社交媒體圖片以及標題和描述。只需向下滾動到“圖片來源”欄位，您可以選擇使用特色圖片、上傳自訂圖片或其他選項。

方法二：使用Yoast SEO設置Facebook Open Graph元數據

Yoast SEO 是另一個您可以用來為任何WordPress網站添加Facebook Open Graph元數據的插件。首先安裝並激活Yoast SEO插件。一旦激活，Facebook Open Graph數據將預設啟用。您可以進入Yoast SEO » 設置並向下滾動到社交分享部分，確保Open Graph數據功能已啟用。

您還需要轉到SEO » 社交，並在“添加Open Graph元數據”下選擇“啟用”選項。然後，您可以保存您的設置或繼續配置其他Facebook社交選項。提供一個Facebook應用程式ID並設置首頁Open Graph元標題、描述和圖片。您還可以設置一個預設圖片，當文章或頁面沒有圖片時使用。

Yoast SEO的高級版本還允許您為個別帖子和頁面設置Open Graph元數據。只需編輯帖子或頁面，並向下滾動到編輯器下的“Yoast SEO”部分。從這裡，您可以為該帖子或頁面設置Facebook縮略圖。如果您未設置帖子標題或描述，插件將使用您的SEO meta標題和描述。現在保存您的帖子或頁面，插件將存儲您的Facebook Open Graph元數據。

方法三：使用代碼添加Facebook Open Graph元數據

此方法需要您編輯主題文件，所以在進行任何更改之前，務必備份您的主題文件。然後，將以下代碼複製並貼到您的主題functions.php文件中，或者使用WPCode插件添加代碼片段（推薦）。首先，安裝並激活免費的WPCode插件。激活後，前往“代碼片段”»“+ 新增片段”頁面，點擊第一個標有“添加自訂代碼（新片段）”的片段，並點擊“使用片段”按鈕。

這將創建一個新片段，您需要輸入標題並選擇“PHP片段”代碼類型。然後，將以下代碼貼到“代碼預覽”部分：

//添加Open Graph到語言屬性
function add_opengraph_doctype( $output ) {
  return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';
}
add_filter('language_attributes', 'add_opengraph_doctype');
 
//添加Open Graph元信息
function insert_fb_in_head() {
  global $post;
  if ( !is_singular()) //如果不是文章或頁面
    return;
  echo '';
  echo '';
  echo '';
  echo '';
  echo '';
  if(!has_post_thumbnail( $post->ID )) { //如果帖子沒有特色圖片，使用默認圖片
    $default_image="http://example.com/image.jpg"; //將此替換為您的默認圖片
    echo '';
  }
  else{
    $thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
    echo '';
  }
  echo '";
}
add_action( 'wp_head', 'insert_fb_in_head', 5 );

請記得在行17添加您的網站名稱，並在行19更改默認圖片URL為您自己的圖片URLs。我們建議放一張帶有您的商標的圖片，這樣如果您的帖子沒有縮略圖，則調用您的網站標誌。還需要在行13添加您自己的Facebook應用ID。如果您沒有Facebook應用，可以從代碼中刪除行13。

完成更新代碼後，將片段設置為“啟用”，並點擊“保存片段”按鈕。您的主題現在將在WordPress頭部顯示Facebook Open Graph元數據。