🏷️ メタタグジェネレーター
SEOタイトル・説明文・Open Graph・Twitter Cardを含む完全なHTMLメタタグブロックをブラウザで即時生成。ページ情報を入力してGoogleスニペットとソーシャルカードをリアルタイムでプレビューし、そのままコードをコピーできます。すべて無料、インストール不要。
Page Information
Search & Social Preview
🖼️
概要
メタタグはHTMLの<head>内に置かれ、検索エンジンとソーシャルプラットフォームにページの表示方法を伝えます。このツールは3つの必須ブロックを生成します：標準SEOタグ（タイトル・説明・正規URL・robots）、Facebook・LinkedInをはじめ多くのSNSが使うOpen Graphタグ、そしてX（旧Twitter）向けのTwitter Cardタグ。タイトルと説明の文字数カウンター、公開前に切り捨てを確認できるGoogle風スニペットプレビュー、シェア時の見た目を確認できるOGカードプレビューも付いています。すべてブラウザ内で完結し、データは外部に送信されず、アカウント不要、オフラインでも動作します。
使い方
- ページ情報パネルにページタイトル（50〜60文字が目安）と説明文（140〜160文字）を入力します。
- 正規URL・サイト名・OG画像URL・Twitter/Xのハンドルを追加して、Open GraphとTwitter Cardタグを充実させます。
- 「検索・ソーシャルプレビュー」で、Google検索結果やSNSシェア時のページの見た目をリアルタイムで確認します。
- 「コピー」をクリックして完成した<head>メタブロックをクリップボードにコピーし、HTMLファイルに貼り付けます。
よくある質問
- このメタタグジェネレーターは本当に無料ですか？
- はい、完全無料です。登録・サブスクリプション・利用制限はありません。ツールはすべてブラウザ内で動作します。
- インターネット接続なしでオフラインでも使えますか？
- はい。ページを一度読み込めば、タグ生成とプレビューはすべてブラウザ内でローカルに処理されます。コア機能にネットワーク通信は発生しません。
- 入力したページデータはプライベートですか？サーバーに送信されますか？
- データがブラウザの外に出ることは一切ありません。バックエンドもアップロードもなく、入力内容はブラウザのlocalStorageにのみ保存されるので後から再開できます。
- Open GraphタグとTwitter Cardタグの違いは何ですか？
- Open Graph（og:）タグはFacebook・LinkedIn・Slackをはじめ多くのプラットフォームがリッチなリンクプレビューを生成するために使用します。Twitter Cardタグ（twitter:）はX（旧Twitter）が独自に読み込みます。このツールは両方を生成するので、どこでもページが美しく表示されます。
- SEOに最適なメタディスクリプションの長さはどのくらいですか？
- Googleはデスクトップの検索結果で通常140〜160文字を表示します。このツールの文字数カウンターが最適な範囲を教えてくれます。説明文を160文字以内に収めることで、検索結果での切り捨てを防げます。