この記事は2016年1月1日のものです。現在は状況が異なる可能性がありますのでご注意ください。
目次に行く・戻る
メルカリ招待コード: 招待コードをコピー
多くのブログやサイトで今ではFacebookやTwitterのOGP設定がされています。
なので、 OGP設定はある意味SEO的にもFacebookなどのSNSを使用している人にとっては、 必須の設定と言えるかもしれません。
これまでBloggerブログにおいても特別に設定方法が異なりましたが、 WordPressにおいても関数を用いての設定などと、 ちょっと特殊の部類なのかもしれません。
そこで、
+これまでによく読まれている記事一覧クリックでOPEN+
150,450件の PV
106,481件の PV
75,738件の PV
67,234件の PV
43,811件の PV
40,608件の PV
38,212件の PV
37,255件の PV
36,559件の PV
33,192件の PV
今回はWordPressでOGP設定の方法を 備忘録として残しておきたいと思います。
いろいろな説明がされているサイト様があります。 ですが、 良いのでは? と思われたサイト様を参考にさせて頂きました。
(参考サイト) [Wordpress]これは簡単!プラグインを使わずにOGPを設定する方法! | コンチクワブログ [Å] Facebookで記事をシェアしたら一部でタイトルが文字化け!解決方法ご紹介! | あかめ女子のwebメモ
アドセンス336pxPC閲覧記事下表示1つ目コード
まず、
普通にheader.php内にHTMLにて記述しても大丈夫なような気もしますが、
やはり個別ページやカテゴリ毎トップページなどと設定をしっかりするには関数を使わなければなりません。
(おそらく)
また、 header内のHTMLという宣言をする初めの文言内にも追加する文字もあるようですが、 実際のところHTML5においては必要ないようです。
こんな風にする必要はないようです。
<html xmlns="https://www.w3.org/1999/xhtml" xmlns:og="https://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml">
これは、 HTML4まで?なのでしょうか。
WordPressではおそらく必要ないと思います。 (テーマにもよるのでしょうか。たぶんそれはない…。BloggerでもHTML5なので必要ありませんでした)
なので、
headerのHTMLの宣言をする部分は一切弄らなくてよいです。 header.php内に以下ように記述します。
<!-- ここからOGP -->
<meta property='fb:app_id' content='APP IDを記入'>
<meta property="og:locale" content="ja_JP" />
<meta property="og:type" content="blog">
<?php
if (is_single()){//単一記事ページの場合
if(have_posts()): while(have_posts()): the_post();
echo '<meta property="og:description" content="'.mb_substr(get_the_excerpt(), 0, 100).'">';echo "\n";//抜粋を表示
endwhile; endif;
echo '<meta property="og:title" content="'; the_title(); echo '">';echo "\n";//単一記事タイトルを表示
echo '<meta property="og:url" content="'; the_permalink(); echo '">';echo "\n";//単一記事URLを表示
} else {//単一記事ページページ以外の場合(アーカイブページやホームなど)
echo '<meta property="og:description" content="'; bloginfo('description'); echo '">';echo "\n";//「一般設定」管理画面で指定したブログの説明文を表示
echo '<meta property="og:title" content="'; bloginfo('name'); echo '">';echo "\n";//「一般設定」管理画面で指定したブログのタイトルを表示
echo '<meta property="og:url" content="'; bloginfo('url'); echo '">';echo "\n";//「一般設定」管理画面で指定したブログのURLを表示
}
?>
<meta property="og:site_name" content="<?php bloginfo('name'); ?>">
<?php
$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 ) && !is_archive()) {//投稿にサムネイルは無いが画像がある場合の処理
echo '<meta property="og:image" content="'.$imgurl[2].'">';echo "\n";
} else {//投稿にサムネイルも画像も無い場合の処理
echo '<meta property="og:image" content="https://www.hogehoge.com/wordpress/wp-content/uploads/default_img1.jpg">';echo "\n";
}
} else {//単一記事ページページ以外の場合(アーカイブページやホームなど)
echo '<meta property="og:image" content="https://www.hogehoge.com/wordpress/wp-content/uploads/default_img1.jpg">';echo "\n";
}
?>
<!-- ここまでOGP -->
上記の黄色下線の部分は参考サイト様ですと、
<meta property="fb:admins" content="◯◯◯◯◯◯◯◯" /><!-- 自分のFacebookアカウントに対応するid -->
となっていますが、 adminIDを記述するのはちょっと抵抗があります。
なので、 appIDに変更しました。
また、 参考サイト様では、 下線赤部分を下に記入(記載)ありましたが上でも問題ありません。
あとは、
以下のサイトに行って自分のブログもしくはサイトのURLを入力して確認してみてください。 デバッガー - 開発者向けFacebook
OGPについては以下サイト様が分かりやすく解説されています。 フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
P・S) 正直、ちょっとくらいエラーがあってもOGP設定しないよりはマシです。
これを機にこれまでOGP設定していなかったという方はしてみてはいかがでしょうか。
あなたにおすすめな関連記事 AdSense WordPress
WordPressでAdSenseコードを任意の場所に挿入する方法です。 <!--more-->タグの後に必然的にアドセンス広告を表示させる方法と、 ショートコード化して任意の場所にアドセ…
もっと読む
伝えたいこと 備忘録 時事ネタ 治療
もう多くの方がご存知だと思われますが、 黒柳徹子さんのCMでお馴染みとなったジェネリック医薬品という薬があります。まずは、ジェネリック医薬品とは?ですが、日本語にすると後発医薬品というものになります。…
もっと読む
WordPress カスタマイズ 伝えたいこと 備忘録
WordPressのデフォルトの管理画面には、日付欄しかありません。 これはこれでいいのですが、例えば…。 過去記事のメンテナンスや見直しをしたい時の場合に最終更新日で記事の順序入れ替え(ソート)でき…
もっと読む
伝えたいこと 備忘録 時事ネタ
本日、(日付が変わってしまったので昨日)21:26分頃に熊本県にて震度7という大きな地震がありました。まだ、時間も経っていなくさらに夜で暗いということもあって、 正確な被害情報は全ては収集できていない…
もっと読む
伝えたいこと 備忘録 時事ネタ
(アイキャッチ画像は今回の参議院議員選挙のインターネット広告のスクリーンショットです。) いよいよ、明日7月10日は参議院議員選挙の投票日です。 投票日でもあり開票日でもあります。(投開票日) (今更…
もっと読む
AFFINGER4Pro WordPress 不具合 伝えたいこと 備忘録
Deprecated: Non-static method WPblogAdProp::setAd1() should not be called statically in /home/infova…
もっと読む
WordPress, カスタマイズ , 備忘録 」同じカテゴリーの記事一覧 おすすめの記事一部広告 おすすめ!! 世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!
おすすめ2 楽天による季節特集です。それぞれの季節ごとにお得なお買い物商品やお得な旅行商品、その他にもAmazon同様に国内最大の買い物ポータルサイトです。楽天をメインにお買い物されている方はポイントやSPUも貯まりさらにお得に!!楽天カードや宇佐美系列のガソリンスタンドでも楽天ポイントが今では貯まります。それらのポイントを貯めてお得にお買い物や旅行商品その他にもパソコンサプライや車カスタマイズ商品など楽天も充実しています。
Total322
アドセンス336pxPC閲覧記事下表示1つ目コード
目次に戻る
-WordPress , カスタマイズ , 備忘録 -OGP設定 , WordPress
目次に戻る
目次に戻る
Opt-out complete; your visits to this website will not be recorded by the Web Analytics tool. Note that if you clear your cookies, delete the opt-out cookie, or if you change computers or Web browsers, you will need to perform the opt-out procedure again.
You may choose to prevent this website from aggregating and analyzing the actions you take here. Doing so will protect your privacy, but will also prevent the owner from learning from your actions and creating a better experience for you and other users.
This opt out feature requires JavaScript.
The tracking opt-out feature requires cookies to be enabled.
comment