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 プログラミング

【簡単】iphone(ios)でinputタグをタップしたらズームされるのを回避する方法

2022.02.12
2228
HTMLCSS JavaScript

スクロールバーが表示されない。SimpleBarを使おう!【即解決】

更新日:2022.09.09
3778
HTMLCSS プログラミング

CSSのnth-childを使い、子要素の最初、最後、偶数奇数、何番目以降を指定する方法

更新日:2020.06.11
284
HTMLCSS プログラミング

CSSを使って役物文字の間を詰める方法【font-feature-settingsを使おう】

2021.03.26
1016