メタタグジェネレーター

メタタグはページのhead内に配置されるHTMLスニペットで、ページ上には表示されずにブラウザや検索エンジンにページの内容を説明します。最も重要なのはtitleタグとmeta descriptionで、Googleの検索スニペットを決定します。他にもモバイルスケーリング用のviewportタグ、charset宣言、インデックス制御用のrobotsタグ、重複コンテンツ問題を防ぐcanonical URL、リッチなソーシャルプレビュー用のOpen GraphタグとTwitter Cardタグが必要です。

フォームにページタイトル・ディスクリプション・URL・1200×630のプレビュー画像を入力すると、このジェネレーターがタグセット全体を生成します：title・meta description・canonical・robots・Open Graph・Twitter Card。タイトルは60文字程度、ディスクリプションは155文字程度に収め、ページごとに固有のペアを使用してからHTMLのheadにコピーしてください。

今でも効果があるのはtitleタグ・meta description・viewportタグ・charset宣言・robotsタグ・canonicalリンクです。さらにOpen GraphとTwitter Cardタグがソーシャルプラットフォームでのリンク表示を制御します。古いkeywordsメタタグはGoogleのランキングに影響しません（2009年以降無視されています）。

タイトルは50〜60文字、meta descriptionは145〜155文字を目標にしてください。Googleはタイトルを約600ピクセル幅（55〜60文字程度）でカット、ディスクリプションは155〜160文字程度でカットして省略記号を追加します。文字カウンターは推奨長さを超えるとアンバー色になります。

Open Graphタグ（'og:'で始まるもの）はFacebookが作成した標準で、SNSやチャットアプリでリンクをシェアしたときの表示を制御します。基本セットはog:title・og:description・og:image・og:url・og:typeです。これらがあると、シェアされたリンクはむき出しのURLではなく選択した見出し・説明・プレビュー画像を含むリッチなカードとして表示されます。

はい、安全です。このメタタグジェネレーターはJavaScriptを使ってブラウザ上で完全に動作します。入力したタイトル・ディスクリプション・URL・画像URLはサーバーに送信されず、ログにも記録されず、どこにも保存されません。ページ読み込み後はオフラインでも動作します。

はい。フォームとプレビューカードは完全にレスポンシブで、iPhoneのSafariやAndroidのChromeでも動作します。フィールドを入力し、GoogleとSNSのプレビューを確認してから、生成されたコードをスマートフォンから直接コピーできます。インストール不要でブラウザ上で動作します。