web関連

【wordpress】facebookのogpの設定でミスったので備忘録

【wordpress】facebookのogpの設定でミスったので備忘録

facebookのOGPの設定でURLの部分が全頁トップページのURLになっててシェアするとトップページのタイトルと画像が出てきてしまってミスったので備忘録

wordpressでOGP周り設定する時のコード

<?php 
$link = get_the_permalink();//現在ページのURL取得
$img = get_the_post_thumbnail_url( get_the_ID(),'full' );//アイキャッチあればURL取得
$title = get_the_title();//ページタイトル取得
?>
<!-- facebook -->
<meta property="og:url" content="<?php echo $link; ?>">
<meta property="og:type" content="website">
<meta property="og:title" content="<?php echo $title; ?>">
<meta property="og:description" content="OGP用ディスクリプション">
<meta property="og:image" content="<?php echo $img; ?>">
<!-- ツイッター -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="<?php echo $title; ?>">
<meta name="twitter:description" content="OGP用ディスクリプション">
<meta name="twitter:image" content="<?php echo $img; ?>">

OGP用ディスクリプションの部分はカスタムフィールドでも突っ込んで出力してください
80~90文字くらいがいいみたい

カスタムフィールドをループ外で出力する方法

もし「OGP用ディスクリプション」のカスタムフィールドを用意した時、カスタムフィールドをループ外で出力する方法

<?php 
$description = get_post_meta($post->ID, "カスタムフィールド名", true);
echo $description ;
?>

以上

普段僕がコーディングしたサイトをシェアするような事ほとんどないから気づかなかった…