現在の接続環境は
です

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

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

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

WordPress カスタマイズ 備忘録

所要時間目安:3

This session is using  IPv4  is established in

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

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

目次に行く・戻る

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

  • 本日
  • 週間
  • 月間
  1. 省電源のため自動的に電源をOFFにします 2PV

    車にはバッテリーからの電気が必須になっています。また、そのバッテリー自体をエンジン始動時にはオルタネーターにてアイドリングストップ車などほとんどすべての車は充電しています。エンジンのみかかっていて運行…

    もっと読む

  2. エンジンオイルシーリング剤Plus91

    エンジンオイル漏れ止めのおすすめはPlus91評価レビュー 2PV

    以前、オイル漏れ・オイル滲みが分かりエンジンオイルシーリング剤であるNUTECのOEM版でpitworkのNC81エンジンオイルシーリング剤を使用してみました。 ですが、一時オイル滲み・オイル漏れが止…

    もっと読む

  3. Windowsスポットライト画像

    Windowsスポットライト画像保存場所と方法 1PV

    Windows10においてロック画面の時に表示される画像がとてもきれいになりました。 この機能は、Windows10以前のバージョンの時には単なるロック画面でした。 そんな綺麗な画像が気になったので、…

    もっと読む

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

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

    もっと読む

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

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

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

    もっと読む

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

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

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

    もっと読む

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

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

    もっと読む

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

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

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

    もっと読む

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

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

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

    もっと読む

多くのブログやサイトで今では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 広告

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

スマイルゼミトーク

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

スマイルゼミのタブレット学習評判と機能が家族内でLINEみたい

ここ最近のことなのですが…。最近の小学生や中学生は、インターネットやタブレットを使った学習方法があるようです。ある意味、現在では当たり前のようでもあります。私の甥っ子姪っ子がスマイルゼミという昔の進研…

もっと読む

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

24時間営業深夜営業

伝えたいこと 備忘録 時事ネタ

24時間営業ファミレスは転換期なのか?見直している企業など

そもそも24時間営業という店舗や企業が出てきたのは、バブルがはじける少し前かバブルがはじけてから多くの企業が海外進出のグローバリゼーション化(グローバル化)と共に多くなってきました。そこで、当時はセブ…

もっと読む

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

テキストにリンクがある場合にくるっと回るアニメーション

WordPress カスタマイズ 伝えたいこと 備忘録

テキストにリンクがある場合にアニメーション効果をつけるCSS方法11選

先日画像にリンクがある場合に画像を透過させるCSSでの方法を記載しました。 画像にリンクがある場合にCSSだけでゆっくりと透過させる方法 こちらの続編で忘れないうちに記事にして備忘録として残しておこう…

もっと読む

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

PC Windows10 カスタマイズ セキュリティ ツール メンテナンス 伝えたいこと 備忘録 時事ネタ 設定

Windows11システム要件を満たさないPCでアップグレードインストール方法

もう約1年程度でWindows10のサポート期間が終了してしまいます。早いものでWindows10が出てから約10年が経とうとしています。現在ではWindows11が2021年後半からリリースされてい…

もっと読む

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

スマホ電波状態が悪い時の改善方法

Android iPhone スマホ 伝えたいこと 備忘録 旅行

スマホの電波状態が悪い時に手っ取り早く改善する1つの方法

今では携帯電話の電波が悪いというよりスマホの電波状態が悪いということの方が多いと思われます。 そんなスマホの電波が悪くて途切れ途切れになってしまったりした時に、電波が悪い状態を一発で改善するひとつの方…

もっと読む

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

attachment_idページ非表示か404

WordPress カスタマイズ

WordPressコンテンツのないattachment_idを404or表示しない方法

  えーと、えーと、 ちょっとだけ不安な所(部分)がありましたので、 一応投稿していきます。 不安な材料というのは…。 他でもないアドセンスの規約違反に関することです。   どのテ…

もっと読む

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


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

出展:Amazonタイムセール

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

\楽天ポイント4倍セール!/
楽天市場
\ポイント5%還元!/
Yahooショッピング

あなたが訪問してから

0 秒経過 🎉

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

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

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


カウントダウンタイマー

おすすめの記事一部広告

Total566


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

目次に戻る

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

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

目次に戻る

目次に戻る


コメントを閉じる

comment

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


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