無料 SEO メタタグジェネレーター | OneStepToRank

メタタグジェネレーター

ウェブページ向けに必要なすべてのメタタグを生成します。SEOタイトル、メタディスクリプション、Open Graph、Twitterカード、robotsディレクティブをワンクリックで作成。

ページ情報

0 / 60
0 / 160

生成されたメタタグ

HTML <head> tags

Paste these tags inside your <head> section, before the closing </head> tag.

あなたのランキングを追跡

最適化されたメタタグが検索パフォーマンスに与える影響を確認しましょう。OneStepToRankはGoogleランキングを24時間監視し、順位変動があると通知します。

始める

メタタグとは?

メタタグは、ウェブページの <head> セクションにあるHTMLコードのスニペットで、検索エンジン、ソーシャルメディアプラットフォーム、ウェブブラウザにページ情報を提供します。表示されるページコンテンツとは異なり、メタタグは訪問者には表示されませんが、ページのインデックス化、ランキング、ウェブ上での表示方法に重要な役割を果たします。

SEOにおいて最も重要なメタタグはタイトルタグメタディスクリプションです。タイトルタグは検索結果のクリック可能な見出しで、ページ内ランキングシグナルの中でも最も強力なものの一つです。メタディスクリプションはその下に表示されるプレビュー文で、ユーザーのクリックを左右します。これらを組み合わせることで、Google検索結果におけるページの「広告」となります。

すべてのページに必要な必須メタタグ

  • タイトルタグ -- 検索結果やブラウザタブに表示されるページタイトル。60文字以内に収め、主要キーワードを前方に配置。
  • メタディスクリプション -- 検索結果に表示されるプレビュー文。160文字以内にし、行動喚起を含める。
  • Viewport -- モバイル対応に必須。全ページで width=device-width, initial-scale=1.0 を設定。
  • Charset -- 文字エンコーディングを指定。汎用性のために UTF-8 を使用。
  • Canonical -- 重複または類似ページがある場合、検索エンジンに「正規」URLを指示。
  • Robots -- 検索エンジンがページをインデックスし、リンクをたどるかを制御。

Open Graph と Twitter カードタグ

Open Graphタグ(プレフィックス og:)は、Facebook、LinkedIn、Pinterest などでページが共有された際の表示を制御します。これがないと、ソーシャルプラットフォームは表示内容を推測し、誤った画像や切り取られたタイトルが表示されがちです。必須のOGタグは og:titleog:descriptionog:imageog:url です。

Twitter CardタグはTwitter/Xでも同様の役割を果たします。twitter:card タグはカードレイアウト(summary または large image)を定義し、twitter:titletwitter:description はTwitter向けにOG値を上書きできます。OGタグだけを設定した場合、Twitterはそれを使用しますので、Twitter専用タグは任意ですが、より細かい制御が可能です。

ソーシャルシェアの最適な表示のため、OG および Twitter 大画像カードでは最低でも 1200 x 630 ピクセル の画像を使用してください。このサイズは主要プラットフォームすべてで適切に表示されます。

このジェネレーターは、SERPスニペットプレビュー と併用してタイトルとディスクリプションがGoogleでどのように表示されるか確認し、スキーマジェネレーターで構造化データを追加できます。

よくある質問

メタタグとは何ですか?

メタタグはウェブページの head セクションにあるHTML要素で、検索エンジンやソーシャルプラットフォームにメタデータを提供します。主なメタタグはタイトルタグ、メタディスクリプション、Open Graphタグ、Twitter Cardタグ、robotsディレクティブで、ページの検索結果やソーシャルシェア時の表示・動作を制御します。

SEOにおいて最も重要なメタタグはどれですか?

タイトルタグとメタディスクリプションが最も重要です。タイトルはランキングに直接影響し、検索結果のクリック可能な見出しとなります。メタディスクリプションはクリック率に影響します。Robots、Canonical、Viewportタグも、適切なインデックス化とモバイル最適化のために必須です。

Open Graphタグとは何ですか?

Open Graphタグは、Facebook、LinkedIn などのソーシャルプラットフォームでページが共有された際の表示を制御します。タイトル、ディスクリプション、画像、URL をソーシャルシェアプレビューカードに設定します。これがないと、プラットフォームは自動でプレビューを生成しますが、見栄えが悪かったり誤ったコンテンツが表示されがちです。

ウェブサイトにメタタグを追加する方法は?

メタタグはHTMLの head セクション内に配置します。WordPress では Yoast SEO や RankMath の組み込みフィールドを使用します。Shopify では theme.liquid を編集し、Squarespace では SEO 設定パネルを利用します。カスタムHTMLの場合は、生成されたコードを head タグ間に直接貼り付けてください。