記事タイトルの通り。以下、作ってみた感想。
- 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の確認ツール