Welcart 商品詳細ページ用のOGPタグをカスタマイズする方法

Welcartでは標準で商品詳細ページにOGPタグが出力されますが、意図しない表示になっている場合やより良い内容にするためにはカスタマイズをする必要があります。

カスタマイズするには “usces_filter_ogp_meta” というフィルターフックが用意されていますので、以下のような標準で出力されるOGPタグを上書きする関数を追加します。

OGPタグ 商品詳細ページ用

/**
 * OGP 商品詳細ページ用
 */
function ag_usces_filter_ogp_meta($ogs, $post_id)
{
    $ogs['title']       = 'タイトル | アナライズギア';
    $ogs['type']        = 'product';
    $ogs['description'] = 'ディスクリプション';
    $ogs['url']         = get_the_permalink($post_id);
    $ogs['image']       = AG_THEME_ASSETS."/ogp.png";
    $ogs['site_name']   = 'アナライズギア株式会社';    
    
    return $ogs;
}
add_filter('usces_filter_ogp_meta', 'ag_usces_filter_ogp_meta', 10, 3, 2);

出力されるOGPタグ

<meta property="og:title" content="タイトル | アナライズギア">
<meta property="og:type" content="product">
<meta property="og:description" content="">
<meta property="og:url" content="http://example.com">
<meta property="og:image" content="http://example.com/ogp.png">
<meta property="og:site_name" content="アナライズギア">

動作環境情報

エックスサーバー（x10）
PHP 7.3.16
MySQL 5.7
WordPress 5.4.2
Welcart e-Commerce 1.9.31