【HTML】OGPタグを設定してfacebookやtwitterに記事を発信しよう

OGPって何?
OGPを設定するにはどうすれば良いの?

このような疑問に答えます!

OGPとはSNS上でURLが共有された際に表示される画像やテキストの事です。
本記事ではOGPの設定方法について解説します。

head内に以下ソースを追加

上記、ソースをhead内に追加するだけでOK!
facebookとtwitterで記事URLが共有された際に画像・タイトル・説明文などが表示されます。

facebookで画像を反映したのに表示されない場合は↓デバッカーツールでキャッシュ削除を試してください。
https://developers.facebook.com/tools/debug/

Ads

関連記事

HTMLCSS プログラミング

【簡単CSS】横幅100%コンテンツを幅指定された中央寄せコンテンツの起点に合わせて左揃えにする方法

2022.04.08
39
HTMLCSS プログラミング

【簡単CSS】ある要素位置までスクロールしたらその要素を固定する方法【JavaScript不要】

2022.03.27
85
HTMLCSS プログラミング

【簡単】checkbox(チェックボックス)のデザインをカスタマイズする方法【CSS】

2022.02.20
401
HTMLCSS プログラミング

【簡単CSS】複数の背景画像にパララックスを実装する方法【スマホ対応】

2022.03.13
1215