Jetpack 是一套能增強 WordPress 的完善插件(我個人不喜歡它翻譯成外掛,這個名詞和插頭圖示擺在一起也不合適),當啟動其中的分享或是宣傳的功能後,Jetpack 就會自動在網頁原始碼中寫入網站的 Open Graph Tags 。

我常常發現很人沒有注意到去修改og:image預設的圖片,這會導致分享網站或文章時會抓取到錯誤的圖片。

Jetpack 預設的 og:image

正確的 og:image

修改的方式

打開主題下的functions.php,複製下面的語法,再設定圖片的完整連結。

function fb_home_image( $tags ) {
    if ( is_home() || is_front_page() ) {
        unset( $tags['og:image'] );

        $fb_home_img = '圖片的完整連結';
        $tags['og:image'] = esc_url( $fb_home_img );
    }
    return $tags;
}
add_filter( 'jetpack_open_graph_tags', 'fb_home_image' );

另外也常常看到的是裝了 SEO 或是分享插件而導致 Open Graph Tags 重複,如果要確認自己的網站有沒有這個問題,打開網頁原始碼搜尋og:site name之類的 meta 檢查一下,如果有的話可以用下面的語法來關閉 Jetpack 的 Open Graph Tags。

add_filter( 'jetpack_enable_open_graph', '__return_false' );
覺得這篇文章有用?