Written by Kasumi

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

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

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

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

head内に以下ソースを追加

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

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

目次

関連記事

HTMLCSS

CSSだけで行数を指定。三点リーダーを表示する方法

2023.04.18
193
HTMLCSS プログラミング

【簡単CSS】flexboxで孫要素の高さを揃えて均等に子要素を横並び配置する方法

2022.03.06
6302
HTMLCSS

APIを使わず、GoogleMapを白黒でサイトに埋め込む方法

更新日:2022.06.08
1335
HTMLCSS プログラミング

【簡単】htmlテキストにふりがなを表示する方法

2020.05.28
500