メタタグ生成
Open Graph、Twitterカード、標準HTMLメタタグを生成。
基本情報
0/60
0/160
ソーシャルメディアプレビュー
https://example.com
ページタイトル
ページの説明がここに表示されます。ソーシャルメディアからのクリックを促す魅力的なものにしましょう。
生成されたメタタグ
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow, max-image-preview:large">
<meta name="theme-color" content="#000000">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">metaTagsGenerator.seoScore.title
metaTagsGenerator.seoScore.title_tag
—
metaTagsGenerator.seoScore.description
—
metaTagsGenerator.seoScore.ogImage
—
metaTagsGenerator.seoScore.canonical
—
メタタグとは？
メタタグは、ウェブページに関するメタデータを提供するHTML要素です。検索エンジンがコンテンツを理解し、検索結果にどのように表示されるか、ソーシャルメディアプラットフォームで共有されたときにどのように見えるかを制御するのに役立ちます。
metaTagsGenerator.content.robotsDirectives.title
metaTagsGenerator.content.robotsDirectives.intro
- index/noindex: metaTagsGenerator.content.robotsDirectives.index
- follow/nofollow: metaTagsGenerator.content.robotsDirectives.follow
- noarchive: metaTagsGenerator.content.robotsDirectives.noarchive
- nosnippet: metaTagsGenerator.content.robotsDirectives.nosnippet
- max-snippet: metaTagsGenerator.content.robotsDirectives.maxSnippet
metaTagsGenerator.content.hreflang.title
metaTagsGenerator.content.hreflang.intro
- metaTagsGenerator.content.hreflang.format
- metaTagsGenerator.content.hreflang.xdefault
- metaTagsGenerator.content.hreflang.bidirectional
metaTagsGenerator.content.jsonLd.title
metaTagsGenerator.content.jsonLd.intro
- metaTagsGenerator.content.jsonLd.richResults
- metaTagsGenerator.content.jsonLd.types
- metaTagsGenerator.content.jsonLd.testing
なぜメタタグは重要なのか？
よく作成されたメタタグは、以下の理由で重要です：
- SEO：検索エンジンがページを正しくインデックスし、ランク付けするのを助けます
- ソーシャル共有：Facebook、Twitter、LinkedInで共有されたときのコンテンツの見え方を制御します
- クリック率：魅力的なタイトルと説明は、検索結果からのクリック数を増やします
- ブランドの一貫性：すべてのプラットフォームでプロフェッショナルな外観を維持します
Open Graphプロトコル
Open Graphタグは、Facebook、LinkedIn、その他のプラットフォームでコンテンツが共有されたときの表示方法を制御します：
- og:title - ページのタイトル
- og:description - コンテンツの簡単な説明
- og:image - 共有時に表示される画像
- og:url - ページの正規URL
Twitterカード
Twitterカードは、コンテンツが共有されたときにリッチメディアでツイートを強化します：
- サマリーカード：小さな画像付きのコンパクトなレイアウト
- 大きな画像付きサマリー：コンテンツの上に目立つ画像
ベストプラクティス
- 検索結果で完全に表示されるように、タイトルは60文字以内に抑える
- 説明は最適な表示のために150-160文字にする
- 最高のソーシャルメディア表示のために1200x630ピクセルの画像を使用する
- 各ページにユニークなメタタグを作成する
- 公開する前にプラットフォーム固有のバリデーターでタグをテストする