OGP画像プレビュー（品質レビュー用）

shoumei.org · 自動生成サンプルと既存手作りOGPの比較 · template v12 · このページは noindex

品質チェックリスト

  • 1200×630 PNG（Twitter/Facebook/Google 推奨サイズ）
  • スマホの小さいサムネイルでもタイトルが読める
  • 余白が十分・文字が詰まりすぎない
  • 長いタイトルは自然に折り返し（最大2〜3行で省略）→ 「行政書士」「US Visa Photo: DS-160 & DV」「Upload Error」等で確認
  • 国旗は補助的に小さく（主役にしすぎない）
  • 背景は薄いグラデ＋白カード構造でプレミアム感
  • アプリ/ガイド/ツール/比較で見た目に差（バッジ・カテゴリ色）
  • shoumei.org ブランド表記
  • 高コントラストで可読性確保
  • deterministic（同じ入力で同じ画像・バイト同一） ✓ 検証済

生成サンプル（14件）

app-lp / guide / hub / compare / tool / fallback の各種別。画像クリックで原寸。

パスポート写真 - shoumei.org
app-lp パスポート写真
/og/passport.png · ja · flag:jp
マイナンバー写真 - shoumei.org
app-lp マイナンバー写真
/og/mynumber.png · ja · flag:jp
宅建 試験写真 - shoumei.org
app-lp 宅建 試験写真
/og/takken.png · ja · flag:jp
行政書士 試験写真 - shoumei.org
app-lp 行政書士 試験写真
/og/gyoseishoshi.png · ja · flag:jp
US Visa Photo: DS-160 & DV - shoumei.org
app-lp US Visa Photo: DS-160 & DV
/og/us-visa.png · en · flag:us
Indonesia Visa Photo - shoumei.org
app-lp Indonesia Visa Photo
/og/indonesia-evisa.png · en · flag:id
Schengen Visa Photo - shoumei.org
app-lp Schengen Visa Photo
/og/schengen-visa.png · en · flag:eu
US visa photo size - shoumei.org
guide-article US visa photo size
/og/us-visa/guides/photo-size.png · en · flag:us
DS-160 JPEG upload photo - shoumei.org
guide-article DS-160 JPEG upload photo
/og/us-visa/guides/ds-160-jpeg-upload.png · en · flag:us
US visa photo upload error fixes - shoumei.org
guide-article US visa photo upload error fixes
/og/us-visa/guides/upload-error.png · en · flag:us
証明写真・ビザ写真アプリ一覧 - shoumei.org
hub-apps 証明写真・ビザ写真アプリ一覧
/og/apps.png · ja
Visa Photo Sizes by Country - shoumei.org
compare Visa Photo Sizes by Country
/og/visa-photo-sizes.png · en
証明写真 Webツール - shoumei.org
tool 証明写真 Webツール
/og/id-photo-tool.png · ja
証明写真をスマホで - shoumei.org
top 証明写真をスマホで。shoumei.org
/og/home.png · ja

既存手作りOGP（比較用）

現行の手作りOGP。生成版と比較して「同等以上」を確認する。承認後に生成版へ移行。

og-image.png（サイト全体デフォルト・現行）
og-image.png（サイト全体デフォルト・現行）
/og-image.png
takken/og-image.png（手作り）
takken/og-image.png（手作り）
/takken/og-image.png
shihoshi/og-image.png（手作り）
shihoshi/og-image.png（手作り）
/shihoshi/og-image.png
images/shikaku-photo/og-image.png（手作り）
images/shikaku-photo/og-image.png（手作り）
/images/shikaku-photo/og-image.png