如何在WordPress主題中添加Facebook開放圖元數據


您想將Facebook Open Graph元數據添加到WordPress主題嗎?

開放圖元數據可幫助Facebook和其他社交媒體網站獲取有關您的帖子頁面的元數據。 它還允許您控制在Facebook上共享內容時的顯示方式。

在本文中,我們將向您展示如何輕鬆地在WordPress主題中添加Facebook開放圖元數據。 我們將分享三種不同的方法,因此您可以選擇一種最適合您的方法。

在任何WordPress主題中添加Facebook開放圖元數據

方法1.在一個SEO中全部添加Facebook開放圖元數據

All in One SEO是一個流行的WordPress SEO插件,已有超過200萬個網站使用。 它使您可以輕鬆地針對搜索引擎以及Facebook和Twitter等社交平台優化網站。

首先,您需要安裝並激活All in One SEO插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要訪問 一站式SEO»功能管理器 頁。 在這裡,您需要激活“社交元”功能。

在一個SEO中啟用社交元功能

接下來,您需要訪問 一站式搜索引擎優化»社交元 頁。 在這裡,您只需填寫字段即可輸入您的Facebook元數據。

社交元頁面允許您輸入Facebook Open Graph元數據

您可以從提供首頁的標題,圖像和描述開始。

在此之下,您可以設置如果文章沒有打開的圖形圖像時將使用的默認圖像。 您還可以提供圖像的寬度和高度。

設置默認的打開圖圖像

需要選擇圖像尺寸的幫助嗎? 有關可以在包括Facebook在內的所有社交媒體平台上使用的理想圖像尺寸的信息,請參閱我們完整的社交媒體備忘單。

如果您的網站使用的是Facebook App或具有Facebook頁面,則可以在下一部分中提供您的Facebook app ID。 這使您可以獲取有關Facebook見解的數據。

Facebook應用程序設置

(可選)您還可以調整Twitter的設置並運行掃描,以避免站點上重複的Open Graph標籤。

完成後,請不要忘記單擊“更新選項”按鈕來存儲您的更改。

現在,您已經設置了站點範圍內的開放圖元標記,下一步是為單個帖子和頁面添加開放圖元數據。

默認情況下,多合一SEO將使用您的帖子標題和描述來打開圖形標題和描述。 您還可以手動設置每個頁面和帖子的Facebook縮略圖。

只需編輯帖子或頁面,然後向下滾動到編輯器下方的All in One SEO部分。 在此處,切換到“社交”選項卡並填寫打開的圖形元數據。 您可以在此處設置社交媒體圖像以及標題和描述。

打開帖子和頁面的圖形設置

方法2.使用Yoast SEO設置Facebook開放圖元數據

Yoast SEO是另一個出色的WordPress SEO插件,可用於將Facebook開放圖元數據添加到任何WordPress網站中。

您需要做的第一件事是安裝並激活Yoast SEO插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要轉到 SEO»社會 然後只需選中旁邊的框 添加開放圖元數據

啟用Facebook打開圖

您可以保存設置或繼續並在屏幕上配置其他Facebook社交選項。

如果您在Facebook頁面和分析中使用一個ID,則可以提供一個Facebook應用ID。 您還可以更改主頁“打開圖”的元標題,描述和圖像。

最後,您可以設置在未為帖子或頁面設置圖像時使用的默認圖像。

Yoast SEO還允許您為單個帖子和頁面設置Open Graph元數據。 只需編輯帖子或頁面,然後向下滾動到編輯器下方的SEO部分。

為帖子和頁面設置開放圖元數據

在這裡,您可以為特定帖子或頁面設置Facebook縮略圖。 如果您未設置帖子標題或描述,則該插件將使用您的SEO元標題和描述。

現在,您可以保存您的帖子或頁面,該插件將存儲您的Facebook開放圖元數據。

方法3。手動將Facebook打開圖元數據添加到您的WordPress主題

此方法要求您編輯主題文件,因此請確保在進行任何更改之前備份主題文件。

之後,只需將此代碼複製並粘貼到主題的functions.php文件或特定於站點的插件中即可。

//Adding the Open Graph in the Language Attributes
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');

//Lets add Open Graph Meta Info

function insert_fb_in_head() {
	global $post;
	if ( !is_singular()) //if it is not a post or a page
		return;
        echo '';
        echo '';
        echo '';
        echo '';
        echo '';
	if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
		$default_image="http://example.com/image.jpg"; //replace this with a default image on your server or an image in your media library
		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 );

注意: 切記更改顯示的網站名稱 “您的網站名稱在這裡”。 之後,用您的圖像更改默認圖像URL。 您還需要添加自己的Facebook應用ID,如果您沒有Facebook應用,則可以從代碼中刪除Facebook應用ID行。

我們建議您在其中添加帶有徽標的圖像,這樣,如果您的帖子沒有縮略圖,則它會拉出您網站的徽標。

這就是您需要做的。 一旦保存了functions.php文件(或特定於站點的插件),它將開始在WordPress標頭中顯示Facebook開放圖元數據。

我們希望本文能幫助您在WordPress中添加Facebook開放圖元數據。 您可能還希望查看我們為WordPress選擇的最佳社交媒體插件,以增加您的社交關注度,以及有關如何解決WordPress中Facebook錯誤縮略圖問題的疑難解答指南。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道,以獲取更多WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。