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

【CSS3】アニメショーンプロパティを使いこなそう!

更新日:2019.11.28
775
HTMLCSS プログラミング

【簡単】html・cssを使ってtable(テーブル)タグを角丸にする方法

2022.02.15
2209
HTMLCSS プログラミング

【簡単】CSSで文字のitalicが効かない。transformで傾きを付けよう

2022.04.10
1545
HTMLCSS プログラミング

HTML・CSSのみで開閉アコーディオンを作る【JS不要簡単】

2020.04.12
4108