メタタグジェネレーター

ウェブサイト用のSEO最適化メタタグを生成します。タイトルタグ、メタディスクリプション、Open Graphタグ、Twitter Cards、robotsディレクティブを作成します。Google検索結果でのページ表示をプレビューします。

Page Content

0/60
0/160

Social Image

Advanced

Google Search Preview

https://example.com/page

Page Title — Site Name

A description of the page will appear here. Write a compelling meta description to improve click-through rates from search results.

Social Share Preview

1200 x 630 image preview

example.com

Page Title

Page description will appear here.

1<!-- SEO Meta Tags -->
2<meta name="robots" content="index, follow">
4<!-- Open Graph / Facebook -->
5<meta property="og:type" content="website">
6<meta property="og:locale" content="en_US">
8<!-- Twitter Card -->
9<meta name="twitter:card" content="summary_large_image">

メタタグジェネレーターの使い方

  1. 1ページタイトルと説明を入力してください
  2. 2Open GraphとTwitter Cardの詳細を追加してください
  3. 3robotsディレクティブを設定してください
  4. 4Google検索での表示をプレビューしてください
  5. 5生成されたHTMLメタタグをコピーしてください
Zenovayアナリティクス

クッキーバナーのいらないアナリティクス。

  • リアルタイムの訪問者トラッキング
  • プライバシーファースト、クッキーバナーなし
  • 2分でセットアップ
Zenovayを見る

よくある質問

メタタグとは何ですか?なぜSEOに重要ですか?
メタタグはWebページに関するメタデータを提供する<head>セクションのHTML要素です。検索エンジンやソーシャルプラットフォームにページの内容、結果での表示方法、インデックスするかどうかを伝えます。最も重要なSEOメタタグは<title>、<meta description>、<link canonical>です。
メタディスクリプションの理想的な長さは何ですか?
Open Graph(og:*)タグは、リンクプレビューを生成するときにFacebook、LinkedIn、Slack、WhatsAppなど多くのプラットフォームで使用されます。Twitter Card(twitter:*)タグはTwitter/Xがカードプレビュー形式用に使用しています。Twitterはtwitter:*タグがない場合og:*タグにフォールバックしますが、明示的なtwitter:*タグを持つことはより多くのコントロールを提供します。両方のセットは同じコンテンツを使用する必要があります。異なるタグ形式だけです。
Open Graphタグとは何ですか?
タイトル:50~60文字が推奨される範囲です。Googleは通常、約600ピクセル幅を表示します。これは平均的なテキストに対して約60文字に対応します。60文字を超えるタイトルは「...」で切り詰められる可能性があります。説明:150~160文字が推奨されます。より長い説明は検索結果で切り詰められる可能性があります。両方ともより長くすることは害がなくできます。Googleが各の代替案がより関連性があると考える場合、Googleはいずれかを書き直す可能性があります。
Twitter Cardsはどのように機能しますか?
推奨されるOpen Graph画像サイズは1200×630ピクセル(アスペクト比1.91:1)です。これはFacebook、LinkedIn、Twitterで良くレンダリングされます。最小サイズは200×200ピクセル(Facebook)ですが、小さい画像はあまり目立ちません。PNG またはJPG形式を使用し、Facebookの場合はファイルサイズを5MB未満に保ち、画像が公開アクセス可能であることを確認します(認証の背後にない)。高速読み込みのためにog:image:widthとog:image:heightを追加します。
2026年にメタキーワードを使用すべきですか?
summary_large_imageは最も視覚的に影響的なTwitter Cardタイプです。タイトル/説明の上に大きな画像を表示します。summaryは左側に小さなサムネイルを表示します。記事とブログ投稿の場合、フィーチャー画像を含むsummary_large_imageを使用します。カスタム画像のない単純なリンク共有の場合、summaryを使用します。appおよびplayerタイプはそれぞれアプリダウンロードとビデオカード用です。bylined contentの場合、twitter:creatorを追加します。
robotsメタタグはクロールにどう影響しますか?
robotsメタタグは検索エンジンにページの処理方法を伝えます。index, follow(デフォルト)はページをインデックスしてリンクをフォローすることを意味します。noindexはページが検索結果に表示されることを防ぎます。nofollowはクローラーにページのリンクをフォローしないように伝えます。
og:titleとtitleタグの違いは何ですか?
<title>タグは検索エンジンが検索結果の青いリンクに使用します。og:titleはソーシャルプラットフォームがシェアプレビューのタイトルに使用します。これらは異なる場合があります。ベストプラクティス:両方設定し、titleを検索意図に、og:titleをソーシャルエンゲージメントに最適化してください。