OGP Preview｜SNS シェアカードの確認

概要

シェア時の見え方は og:title / og:description / og:image で決まります。

ツールで試す

OGPプレビュー はブラウザ内で完結し、入力データをサーバーに送信しません。

関連リンク

• OGPプレビュー
• 開発ツール一覧

関連記事

あわせて読むと理解が深まる関連記事をまとめました。

トピック	記事
Dummy Image Placeholder	Dummy Image Placeholder｜開発用プレースホルダー
Box Shadow CSS 生成	Box Shadow CSS 生成｜Material・Neumorphism
Favicon Generator	Favicon Generator｜ico/png/svg マルチサイズ
Image Resize 一括	Image Resize 一括｜アスペクト比維持リサイズ
OGPが反映されない時の対処法	OGPが反映されない時の対処法｜Twitter・Facebookのキャッシュクリア
QR Code 生成	QR Code 生成｜URL・WiFi・vCard の作り方
URL Encode Decode	URL Encode Decode｜パーセントエンコード完全ガイド
CSS Minify 本番ワークフロー	CSS Minify 本番ワークフロー｜ビルドとの併用
ファビコン（Favicon）の推奨サイズと設定方法	ファビコン（Favicon）の推奨サイズと設定方法｜現代のブラウザ対応
HTML Escape/Unescape	HTML Escape/Unescape｜XSS 対策の基本
HTMLエスケープ（サニタイズ）が必要な理由	HTMLエスケープ（サニタイズ）が必要な理由｜XSS攻撃を防ぐ基礎知識
Image Color Picker	Image Color Picker｜画像から色抽出