現在の接続環境は
です

記事内にプロモーションが含まれています。

プロモーションを含みます

WordPressでOGP設定方法。プラグイン使わない。

WordPress カスタマイズ 備忘録

所要時間目安:3

This session is using  IPv4  is established in

今日は2025年5月18日です。

この記事は2016年1月1日のものです。現在は状況が異なる可能性がありますのでご注意ください。

目次に行く・戻る

2025年5月18日 (日曜日)↓における週間月間人気記事トップ3は?↓

  • 本日
  • 週間
  • 月間
  1. プラグイン不要アイキャッチ画像自動生成コード 1PV

    多くのサイトやブログなどの記事に、その記事に対して目を引く画像という意味合いのアイキャッチ画像。そのアイキャッチ画像を毎回毎回設定したり、作成したりするのは少し面倒な方は多いと思われます。大手サイトの…

    もっと読む

  2. エンジンスターターリモコン

    カーメイトのエンジンスターターでエラー15表示と対処方法 1PV

    夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

    もっと読む

  3. PITWORKエンジンリフレッシュ

    PITWORKエンジンリフレッシュのレビュー効果ありワコーズRECSに似ている 1PV

    今回は、以前に試してみたワコーズ(WAKO'S)のRECSに似た施工方法である日産(NISSAN)純正のメーカーPITWORKのエンジンリフレッシュのレビューと評価です。 結論から言いますと、RECS…

    もっと読む

  1. エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 29PV

    車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

    もっと読む

  2. キーレスリモコン破損

    車のキーナンバー確認方法。キーレス紛失や壊れた時 23PV

    初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …

    もっと読む

  3. キッチンシンクからドブ臭い異臭原因解決方法

    キッチンシンク下がドブ臭い下水臭い原因と解決方法 17PV

    意外と知られていないのが、キッチンシンクからいつもと違う臭いや異臭や下水臭い強烈な匂いが出てくることがあります。いくらシンク内をカビキラーやキッチンハイターなどの塩素系漂白剤などできれいにしても・・・…

    もっと読む

  1. エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 29PV

    車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

    もっと読む

  2. キーレスリモコン破損

    車のキーナンバー確認方法。キーレス紛失や壊れた時 23PV

    初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …

    もっと読む

  3. キッチンシンクからドブ臭い異臭原因解決方法

    キッチンシンク下がドブ臭い下水臭い原因と解決方法 17PV

    意外と知られていないのが、キッチンシンクからいつもと違う臭いや異臭や下水臭い強烈な匂いが出てくることがあります。いくらシンク内をカビキラーやキッチンハイターなどの塩素系漂白剤などできれいにしても・・・…

    もっと読む

多くのブログやサイトで今ではFacebookやTwitterのOGP設定がされています。

なので、
OGP設定はある意味SEO的にもFacebookなどのSNSを使用している人にとっては、
必須の設定と言えるかもしれません。

これまでBloggerブログにおいても特別に設定方法が異なりましたが、
WordPressにおいても関数を用いての設定などと、
ちょっと特殊の部類なのかもしれません。

そこで、

この記事を読む方へのオススメ

メルカリ招待コード:

今回はWordPressでOGP設定の方法を

備忘録として残しておきたいと思います。

いろいろな説明がされているサイト様があります。
ですが、
良いのでは?
と思われたサイト様を参考にさせて頂きました。

(参考サイト)
[Wordpress]これは簡単!プラグインを使わずにOGPを設定する方法! | コンチクワブログ[Å] Facebookで記事をシェアしたら一部でタイトルが文字化け!解決方法ご紹介! | あかめ女子のwebメモ

OGP設定

アドセンス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設定していなかったという方はしてみてはいかがでしょうか。

Windows10サポート終了まで

Multiplex 広告

あなたにおすすめな関連記事

HDDが壊れそうか否か健康状態確認

PC 伝えたいこと 備忘録

CrystalDiscinfoでHDDが壊れそうかどうか確認方法と対処方法

以前と言っても先月末くらいからパソコンから異音が出始めました。 異音の種類によってもどこら壊れそうなのか概ねの判断・推測ができます。 以前の記事が以下です。 これらのことを行っても異音が解消されない場…

もっと読む

インフィード広告アドセンス

WordPressクイックタグ登録

WordPress クイックタグ登録 不具合

WordPress投稿にクイックタグを登録方法。

早速ですが、 クイックタグ登録してみた。 テキストエディタにした時に、 いくつかボタン表示にてタグが登録されていました。 それを辿ってfunction.php内でクイックタグの部分を探して、 同じよう…

もっと読む

インフィード広告アドセンス

PC Windows10 Windows11 メンテナンス 不具合 不具合 伝えたいこと 備忘録 時事ネタ 設定

Windows11 24H2不具合エクスプローラーのツールバー詳細 (…)が下に表示でなく上に表示解決方法

Windows11が正式リリースされてから早3年が経過します。毎年10月から11月にはWindows10の頃からメジャーアップデートが繰り返されてきています。今年2024年はWindows11バージョ…

もっと読む

インフィード広告アドセンス

歯磨きは1日1回

伝えたいこと 備忘録 治療

新常識、歯磨きは1日1回寝る前だけで十分?

世の中、追々真実?という(言われる)ものはなぜか変わっていきます。 特に、 医療の内科的なことなど…。 一番人間が生きていく上でお世話になる医療という分野っていとも簡単に常識的な予防方法などが変わって…

もっと読む

インフィード広告アドセンス

フリー素材モデル茜さや

インターネット 伝えたいこと 備忘録

フリー素材モデルが誰なのか調べてみた…。

ここのところ(ここ数年)よく見かけるアイキャッチ画像があると思います。 そんなアイキャッチ画像や文章の途中に画像を表示したりして、読者にアクセントをつけて飽きさせない効果もあると言われる画像(フリー素…

もっと読む

インフィード広告アドセンス

Feedlyボタン

AFFINGER4Pro PC SNS STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ カスタマイズ ツール ブラウザChrome 伝えたいこと 備忘録 設定

Feedlyボタン最新作成方法2018年版とエラー対処・解決方法

Feedlyは、Googleリーダーがサービスを終了してから言わずと知れたRSSリーダーかと思われます。そのRSSリーダーの記事内下部などによく設置されているfeedlyボタンを押すと自分のサイトをf…

もっと読む

【AmazonタイムセールSALE車&バイク】!


人気の商品が日替わりで登場。毎日お得なタイムセール「Amazonタイムセール全体」

出展:Amazonタイムセール

人気の商品が日替わりで登場。毎日お得なタイムセール

あなたが訪問してから

0 秒経過 🎉

入学入社まであと…入学入社祝いはどんなPresent(プレゼント)でどのように過ごされますか?

ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。

ブログサービスが始まってから:


カウントダウンタイマー

おすすめの記事一部広告

Total569


アドセンス336pxPC閲覧記事下表示1つ目コード

目次に戻る

よろしかったらシェアよろしくお願いします。

-WordPress, カスタマイズ, 備忘録
-,

目次に戻る

目次に戻る


コメントを閉じる

comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です


This site uses Akismet to reduce spam. Learn how your comment data is processed.