🔖

OGPプレビューアー

OGPタグのSNS表示をプレビュー＆HTMLコード生成

og:title

og:description

og:image（URL）

og:url

og:site_name

twitter:card

Twitter プレビュー

画像URLを入力するとプレビューに反映されます

Facebook プレビュー

画像URLを入力するとプレビューに反映されます

LINE プレビュー

画像URLを入力するとプレビューに反映されます

生成されたHTMLコード

使い方

OGPの各項目を入力すると、Twitter・Facebook・LINEでの表示プレビューとHTMLコードを生成します。

Twitterカードプレビュー
Facebookプレビュー
LINEプレビュー
HTMLメタタグ生成
コピー機能

こんなときに使おう

SNSでシェアされたときの見た目を確認したいとき
OGPメタタグのコードを生成したいとき

シェア

X Facebook LINE

関連ツール

HTMLエスケープ

開発者向け

URLエンコード

開発者向け

QRコード作成