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の設定が不要(設定済み)のブログサービス一覧


OGPの設定ができない(不明または確認できない等)ブログサービス一覧


OGPの設定が必要なブログサービス一覧