Softonic

メタタグジェネレーター

ステップ 1 / 4 生成されたタグ
次へ

手早く使えるメタタグジェネレーターの拡張版です。このツールは必要な要素を一式生成します。主要なSEOタグ、地域ごとのバリエーションに対応したOpen Graph、アプリへのディープリンクに対応したTwitterカード、ファビコンセット（ico、svg、apple-touch-icon、mask-icon）、PWAマニフェストへのリンク、ライトモードとダークモード用のテーマカラー、そして記事・商品・レシピ・FAQ・イベントのスキーマに使えるオプションのJSON-LDブロックまでを網羅します。新しいサイトを立ち上げる際に、<head>を最初から正しく整えたい場合に便利です。

完全なメタタグ一式を作成する方法

  1. 1

    主要な項目を入力する

    タイトル、説明、canonical、サイト名、デフォルト画像。

  2. 2

    ソーシャル向けの上書き設定を追加する

    必要に応じて、Open GraphやTwitter用に異なるタイトルや説明を設定します。

  3. 3

    アイコンとPWAを設定する

    ファビコンのパス、Appleタッチアイコン、マニフェスト、ライト／ダーク用のテーマカラー。

  4. 4

    Schema.orgのタイプを選ぶ

    記事、商品、レシピ、イベント、FAQ、組織。入力内容をもとにJSON-LDを生成します。

  5. 5

    生成されたスニペットをコピーする

    `<head>...</head>`の間に貼り付けます。

一式そろったセット

  • 主要なSEO： <title>、description、canonical、viewport、robots、author、charset。
  • Open Graph： og:type、og:title、og:description、og:image（幅・高さ付き）、og:url、og:site_name、og:locale、翻訳用のog:locale:alternate。
  • Twitterカード： twitter:card、twitter:site、twitter:creator、twitter:title、twitter:description、twitter:image、ネイティブアプリへのディープリンク用のtwitter:app:*。
  • アイコン： 複数形式のファビコン（旧環境向けの.ico、モダン環境向けの.svg、180×180のAppleタッチアイコン、Safariのピン留めタブ用のマスクアイコン）。
  • PWA： manifest.jsonへのリンク、ライトとダーク用のtheme-color、apple-mobile-web-app-capable。
  • JSON-LD： コンテンツタイプに応じたSchema.orgの構造化データ。

スキーマ別のJSON-LDテンプレート

記事

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "...",
  "author": { "@type": "Person", "name": "..." },
  "datePublished": "2026-04-18",
  "dateModified": "2026-04-18",
  "image": "https://..."
}

商品

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "...",
  "image": "https://...",
  "brand": { "@type": "Brand", "name": "..." },
  "offers": {
    "@type": "Offer",
    "price": "29.99",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  }
}

FAQページ

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "...",
    "acceptedAnswer": { "@type": "Answer", "text": "..." }
  }]
}

各Schema.orgタイプの使いどころ

コンテンツの種類 スキーマ
ブログ記事、ニュース Article / NewsArticle
商品ページ Product + Offer
レシピ Recipe
イベント（コンサート、ウェビナー） Event
人物（著者ページ） Person
会社ページ Organization
FAQ FAQPage
パンくずナビゲーション BreadcrumbList
地域ビジネス LocalBusiness

検証

貼り付けたら、<head>全体を検証します。

  • JSON-LDがリッチリザルトの対象になるかを確認するリッチリザルトテスト（Google）。
  • Schema.orgの正しさを確認するスキーママークアップ検証ツール。
  • Open Graphのプレビュー用のFacebookシェアデバッガー。
  • Twitterのプレビュー用のTwitterカードバリデータ。
  • 全体的な監査のためのLighthouse（Chrome DevTools → Lighthouse）。

よくある質問

直接は上がりません。JSON-LDが順位を押し上げることはありません。ただし、リッチリザルト（星評価、FAQのアコーディオン、価格や在庫）の表示を可能にし、クリック率の向上につながります。クリック率が上がれば、間接的にプラスに働きます。

はい。よくあるのは、BreadcrumbListを1つとArticle（またはProduct）を1つ置くパターンです。各ブロックは複数のスキーマを混在させず、1つのスキーマタイプに絞ってください。

確かにTwitterはOGにフォールバックしますが、OGが対応していない別の画像アスペクト比やクリエイターのハンドルを指定したい場合があります。Twitter専用のタグは、OGと異なる部分だけ設定しましょう。

いいえ。Android ChromeやiOS Safari（ホーム画面に追加した場合）で、ブラウザのUI部分に色を付けます。デスクトップのブラウザは無視します。

いいえ。ジェネレーターはすべてブラウザ内で動作します。入力内容はすべて端末内にとどまります。

関連ツール

メタディスクリプション長チェッカー

メタディスクリプションの文字数と推定ピクセル幅を測り、編集上の目安やデスクトップ・モバイルのレイアウト例と比較します。

HTTPセキュリティヘッダーチェッカー

HTTPレスポンスヘッダーを貼り付け、HSTS、CSP、クリックジャッキング、MIME、リファラ、クロスオリジン設定をブラウザー内で確認します。

Google SERP シミュレーター

モバイルとデスクトップの文字数上限を使って、Google 風の検索スニペットを概算で確認します。下書きはこのブラウザーセッション内にのみ残ります。

Canonicalタグジェネレーター

任意のURLに対して有効なrel=canonical linkタグを生成します。URLの検証と、避けるべきよくあるミスも含みます。

FAQスキーマ生成ツール

質問と回答のペアからFAQPageのJSON-LDマークアップを生成します。Googleのリッチリザルトや強調スニペットの対象になるための構造化データを数秒で用意できます。

外部リンク抽出ツール

生のHTMLを貼り付け、必要に応じてベースURLを指定すると、コード内の外部http/httpsリンクを重複なしで一覧表示します。リンク監査やSEOレビューに最適です。

このツールは他の言語でも利用できます