Sphere
Stacking

OGタグ生成

SNSシェア用のOpen GraphタグとTwitter Cardを生成します。

プリセット

基本情報

0/60文字

0/160文字

画像設定

Twitter Card設定

追加設定

プレビュー

Facebook / 一般的なSNS

example.com

ページタイトル

ページの説明文がここに表示されます

Twitter

ページタイトル

ページの説明文

example.com

生成されたタグ

<meta name="theme-color" content="#000000">
<meta property="og:locale" content="ja_JP">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:secure_url" content="">

構造化データ (JSON-LD)

{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "",
  "url": ""
}

完全なHTML

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Primary Meta Tags -->
  <meta name="theme-color" content="#000000">
  <meta property="og:locale" content="ja_JP">
  <meta property="og:type" content="website">
  <meta name="twitter:card" content="summary_large_image">
  <meta property="og:image:type" content="image/jpeg">
  <meta property="og:image:secure_url" content="">

  <!-- Structured Data -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "",
    "url": ""
  }
  </script>
</head>
<body>
  <!-- Your content here -->
</body>
</html>

OGタグについて

Open Graphとは

Open Graph Protocol（OGP）は、ウェブページがSNSでシェアされた際の表示を制御するメタデータです。 Facebook、LinkedIn、Slackなど多くのサービスで利用されています。

推奨事項

  • 画像は1200×630pxが最適（最小600×315px）
  • タイトルは60文字以内
  • 説明文は160文字以内
  • 画像ファイルサイズは8MB以下
  • HTTPSのURLを使用