河合企画

OGPを自動でつけてくれるようにしました。

記事タイトルの通り。以下、作ってみた感想。

  • OGPひとつ自動作成するのに、なかなか面倒だった。
  • 恐らく、設定方法がよくなかったんだと思うけど、もっと楽に実装できる方法はないものか…

OGPとは(概念の説明)

  • OGPとは、Open Graphic Protocolの頭文字を取ったものです。
  • OGPを設定することで、FacebookやTwitter、InstagramなどのSNSのURLをシェアした際に、アイキャッチ画像やタイトル、説明文をキレイに表示させることができます。

OGPを設定する理由

  • 適切にOGP設定をすることで、サイトの情報として伝えたい内容を適切にユーザーに伝えることができます。
  • OGPが設定されていないと、SNS側の処理でサイト管理者が意図しない画像や説明文の表示がされてしまう可能性があります。

OGPの設定方法

  • OGPの設定方法について、ここで解説します。
  • SNSごとの設定が発生する場合もあるので、そちらについても解説します。

基本的な設定方法

  • OGPは、HTMLのコード内にあるmetaタグに適切な情報を記載することで設定することができます。

Twitterでの設定方法

Facebookでの設定方法

WordPressの設定ツール

OGP設定で気をつけるポイント

OGP設定が反映されない時の解決方法

OGP設定の確認ツール

Facebookの確認ツール

Twitterの確認ツール

 

 

 

公開日: 最終更新日:
© 河合企画