ESC

メタタグ設定

基本メタタグ
0/60
0/160
Open Graphタグ
Twitter Cardタグ

生成されたメタタグ

設定を構成してメタタグを生成してください...
すべての処理はブラウザ内で行われます。データはサーバーに送信されません。

使用例

ブログ記事

ソーシャル共有タグと適切なSEO設定で、ブログ記事用に最適化されたメタタグを生成します。

ランディングページ

魅力的な説明とソーシャルプレビューカード付きの製品ランディングページ用メタタグを作成します。

商品ページ

商品固有のOpen GraphとTwitterタグでECサイトの商品ページ用メタタグを構築します。

機能

SEO最適化

検索エンジン最適化に必要なすべてのメタタグを生成

ソーシャルメディア対応

ソーシャル共有用のOpen GraphとTwitter Cardタグを含む

文字カウンター

タイトルと説明のリアルタイム文字カウンターと最適な長さインジケーター

プライバシー優先

すべての処理はブラウザ内でローカルに行われ、サーバーにデータは送信されません

使い方

1

フィールドに入力

フォームフィールドにページタイトル、説明、キーワード、その他のメタ情報を入力します。

2

ソーシャルタグを追加

ソーシャルメディアでの共有表示を改善するために、Open GraphとTwitter Cardタグを設定します。

3

コピーして使用

生成されたHTMLメタタグをコピーして、ウェブページのhead部分に貼り付けます。

よくある質問

タイトル:50〜60文字。Googleは通常、デスクトップ検索結果で50〜60文字を表示し、それを超える場合は「...」で省略します。説明文:150〜160文字。160文字を超えると検索スニペットでカットされ、余計な言葉が台無しになります。このツールの文字カウンターは、容量の90%に達するとオレンジ色、制限を超えると赤色に変わります。最適な結果を得るには、常に緑色を維持するようにしましょう。

Open Graphタグ(og:title, og:description, og:image, og:url)は、Facebook、LinkedIn、WhatsApp、Slack、Discord、およびその他のほとんどのプラットフォームで共有された際に、あなたのページがどのように表示されるかを制御します。これらがないと、プラットフォームはコンテンツを自動的に抽出しますが、時に対象外の画像や省略されたテキストが表示されることがあります。適切に記述されたOGタグを使用することで、共有されたリンクに魅力的な画像、正確なタイトル、そして選択した説明文が表示され、ソーシャル投稿のクリック率(CTR)が大幅に向上します。

Twitter Cardタグ(twitter:card, twitter:title, twitter:description, twitter:image)はTwitter固有のものです。Twitterには、Twitter Cardタグがない場合にOGタグをフォールバックする機能がありますが、Twitter Cardを使用すると追加の制御が可能になります。カードの種類(summary vs. summary_large_image)、@siteハンドル、および@creatorハンドルなどです。ブログ投稿や記事の場合、summary_large_imageはリンクの上に全幅の画像を表示するため、プレーンなsummaryカードの小さな正方形の画像よりもはるかに目を引きます。

重要度順:(1) title — ページ内SEOで最も影響力の強いシグナルであり、検索結果に表示されます。(2) meta description — 直接的なランキングへの影響はありませんが、クリック率に影響を与えます。(3) canonical — 同じページが複数のURLでアクセス可能な場合に重複コンテンツの問題を防ぎます。(4) robots — インデックスとリンクのフォローを制御します。(5) viewport — モバイルでの操作性に不可欠です。なお、Keywordsメタタグは現在のGoogleおよびほとんどの主要な検索エンジンでは無視されます。

robotsメタタグは、検索エンジンのクローラーに対してページの扱い方を指示するものです。index/follow(デフォルト)はインデックスとリンクのクロールを許可します。noindexはページを検索結果に表示させないようにします(サンキューページ、管理エリア、重複コンテンツに有用です)。nofollowはクローラーにページ内のリンクを辿らせないように指示します。noarchiveはGoogleによるキャッシュ表示を防ぎます。指示を組み合わせることも可能です:<meta name="robots" content="noindex, nofollow">

Canonical URLは、同じコンテンツが複数のURLでアクセス可能な場合に、検索エンジンに対してどのバージョンが「公式」なものかを示すものです。一般的なケースには、http vs https、www vs non-www、末尾のスラッシュの有無、URLパラメータ(?sort=price, ?ref=newsletter)などがあります。Canonicalを設定しないと、検索エンジンはランキング信号を重複したURLに分散させてしまいます。すべてのページで、クリーンで推奨されるURLをCanonicalに設定してください。重複がない場合でも、安全な防御策として設定することをお勧めします。

必ずしもそうではありません。メタタイトルは検索結果のために最適化されるものであり、主要なキーワードを前方に含め、検索意図に一致させる必要があります。一方、OGタイトルはソーシャル共有のためのものです。SNSのフィードをスクロールしているユーザーをターゲットにするため、より会話的な表現や見出しのようなスタイル、あるいは好奇心をそそる内容にすることができます。ほとんどのページでは同じで問題ありませんが、ブログ投稿などでは、より魅力的なソーシャル用タイトルの方がSEO用のタイトルよりも効果的なことがよくあります。

いいえ。すべてのメタタグはブラウザ内でJavaScriptによって生成されます。あなたのページタイトル、説明文、URL、および画像のパスがマシンから外へ送信されることは一切ありません。

メタタグジェネレーターとは?

メタタグジェネレーターは、ページのhead部分に入るHTMLメタタグの作成を支援します。タイトル、説明、viewport、charset、OGタグ、Twitter Cardタグを手書きする代わりに、フォームに入力するだけでコピー可能なHTMLが得られます。時間を節約し、タイプミスを減らします。

主な機能

基本的なSEOタグ(タイトル、説明、キーワード、robots、canonical)、ソーシャルメディア用のOpen Graphタグ、Twitter Cardタグに対応。検索エンジンの制限内に収まるよう文字カウンターを搭載。ページタイプ別のテンプレートですぐに開始できます。

メタタグが重要な理由

メタタグは検索エンジンがページを理解する手段です。良いタイトルと説明は検索結果でのクリック率を向上させます。OGタグはソーシャルメディアで共有された時にリンクをプロフェッショナルに見せます。viewportとcharsetタグはすべてのデバイスで正しく表示されることを保証します。

ヒント

メインキーワードをタイトルの前方に配置しましょう。説明は魅力的でアクション指向にしましょう。重複コンテンツの問題を避けるため、常にcanonical URLを設定しましょう。

プライバシー

すべてブラウザ内で動作します。ページデータもメタコンテンツも、サーバーに送信されることはありません。

セキュリティとプライバシー

あなたのデータの安全を最優先しています

ローカル処理

すべての処理がブラウザ内で完結します

データ送信なし

データはサーバーに送信されません

保存しません

データは保存も共有もされません

SSL暗号化

安全な通信でご利用いただけます

次のステップ

MoreOnlineToolsでもっと見る