Jetpack Open Graph Tags 的常見錯誤

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' );