WordPress（ワードプレス）のOGPの設定方法
WordPress（ワードプレス）をご利用の方は、ご自身の判断でプラグインをご利用いただくか、下記ソースを記事のheadタグ内の<head>タグ直下に記載してください。
なお、wordpress.comの有料版をご利用の方は下記方法と異なる可能性があり、大変申し訳ございませんが、確認ができておりませんので、お手数ですがご自身でお調べいただくか、WordPressさまに直接お問い合わせくださいませ。
設定方法
「外観」から「テーマ編集」→「テーマヘッダー」を選択。
<head>タグの直下（すぐ下）に下記ソースを記載する。
記載するソース
<meta property='og:locale' content='ja_JP'>
<meta property='og:site_name' content='<?php bloginfo('name'); ?>'>
<meta property="og:type" content="blog">
<?php
if (is_single()){
if(have_posts()): while(have_posts()): the_post();
echo '<meta property="og:title" content="'; the_title(); echo '">';echo "\n";
echo '<meta property="og:description" content="'.mb_substr(get_the_excerpt(), 0, 100).'">';echo "\n";
echo '<meta property="og:url" content="'; the_permalink(); echo '">';echo "\n";
endwhile; endif;
} else {
echo '<meta property="og:title" content="'; bloginfo('name'); echo '">';echo "\n";
echo '<meta property="og:description" content="'; bloginfo('description'); echo '">';echo "\n";
echo '<meta property="og:url" content="'; bloginfo('url'); echo '">';echo "\n";
echo '<meta property="og:type" content="blog">';echo "\n";
}
$str = $post->post_content;
$searchPattern = '/<img.*?src=(["\'])(.+?)\1.*?>/i';
if (is_single()){
if (has_post_thumbnail()){
$image_id = get_post_thumbnail_id();
$image = wp_get_attachment_image_src( $image_id, 'full');
echo '<meta property="og:image" content="'.$image[0].'">';echo "\n";
} else if ( preg_match( $searchPattern, $str, $imgurl )){
echo '<meta property="og:image" content="'.$imgurl[2].'">';echo "\n";
}
}
?>
記載例
なお、上記ソースを記載いただきましてもそれぞれの設定などにより、正しく表示されない可能性もございますので、その場合はお手数ですが、ご自身で調査・調整を行ってください。
OGPの設定ができない（不明または確認できない等）ブログサービス一覧
