メタタグ生成ツール — 無料オンライン

Webページ用のtitle、description、viewport、charsetメタタグを生成します。

結果は情報提供のみを目的としており、誤りを含む場合があります。重要な情報は必ずご自身で確認してください。本ツールのご利用は自己責任でお願いいたします。

このツールでできること

メタタグ生成ツールは、Webページの<head>に入れる基本的なSEOタグを作成します。タイトル、ディスクリプション、キーワード、作成者を入力すると、対応する<title>タグと<meta>タグを出力します。先頭には必ずUTF-8のcharsetとレスポンシブ対応のviewportタグが入ります。空欄の項目は出力されず、入力テキスト中のクォートや山かっこはエスケープされます。

最も重要なのはタイトルとメタディスクリプションの2つです。検索エンジンはこれらを検索結果の見出しとスニペットとして表示することがよくあります。タイトルは60文字程度まで、ディスクリプションは120〜160文字を目安に、ページで何が得られるかを伝えてください。keywordsタグはGoogleには無視されますが害はなく、一部のサイト内検索ツールは今でも読み取ります。

こんなときに使えます

  • 新しいページやランディングページを公開し、検索スニペットを設定するとき。
  • Search Consoleでディスクリプションの欠落や重複を指摘されたページを修正するとき。
  • 静的サイトやシングルページアプリのテンプレートに正しいheadタグを追加するとき。
  • 生のHTMLしか受け付けないCMS向けにSEOタグを用意するとき。

使用例

入力

ページタイトル：Free JSON Formatter | 4Dev
メタディスクリプション：Format and validate JSON online. Free, fast, private.
作成者：4Dev

出力

<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Free JSON Formatter | 4Dev</title>
<meta name="description" content="Format and validate JSON online. Free, fast, private."/>
<meta name="author" content="4Dev"/>

このツールについての質問

自分で書いたものと違うディスクリプションがGoogleに表示されるのはなぜですか？

Googleは、ページ内の別の部分のほうが検索によく答えていると判断すると、スニペットを書き換えます。ページの内容と明確に一致するディスクリプションほど、そのまま使われやすくなります。

すべてのページに固有のタイトルとディスクリプションが必要ですか？

はい。タイトルが重複するとページ同士が競合し、ユーザーも正しい結果を選びにくくなります。ページ固有のトピックを先頭に、サイト名を最後に入れてください。

SNSでのプレビューはどうすればよいですか？

Facebook、LinkedIn、Slack、WhatsAppはOpen Graphタグを読み取ります。Open Graphタグ生成ツールで作成し、これらのタグと並べて追加してください。

タグは具体的にどこに置けばよいですか？

<head>の中のできるだけ前のほうに置き、charsetタグを先頭にしてください。HTMLボイラープレート生成ツールで、正しい順序で並んだページの骨組み全体を確認できます。

このツールは無料ですか？

はい、無料でご利用いただけます。登録・メールアドレス不要。結果はこのページに表示されます。

結果はどこで確認できますか？

このページでツールを使用すると、結果がここに表示されます。メールで受け取る必要はありません。