ToolStack

メタタグジェネレーター

タイトル、説明、robots、canonical、Open Graph、Twitter カードの HTML メタタグを生成します。

100% プライベート——すべてブラウザ内で動作

使い方

  1. 1

    ページタイトルとメタ説明を入力します。それぞれ 60 文字、160 文字程度が目安です。

  2. 2

    必要に応じてキーワード、著者、canonical URL を追加します。

  3. 3

    robots ディレクティブと Twitter カードの種類を選びます。

  4. 4

    生成された HTML をページの <head> 内に貼り付けます。

使用例

基本的なページ

入力

タイトル「ToolStack — 無料オンラインツール」+ 説明

出力

<title>ToolStack — 無料オンラインツール</title>
<meta name="description" content="..." />

SNS プレビュー付きのページ

入力

Open Graph 画像 https://example.com/og.png

出力

<meta property="og:image" content="https://example.com/og.png" />

よくある質問

タイトルと説明はどのくらいの長さが良いですか？

検索エンジンは通常、タイトル約 60 文字、説明約 160 文字を表示します。上限を超えると文字数カウンターが赤くなります。

keywords はまだ有効ですか？

Google は keywords タグを無視しますが、一部の検索エンジンやサイト内検索は参照します。空欄でも問題ありません。

生成したタグはどこに貼りますか？

HTML の <head> 要素内で、スタイルシートやスクリプトより前に置きます。

関連ツール

UTM リンクビルダーGoogle Analytics などの解析ツール向けに、UTM パラメータ付きのキャンペーン URL を作成します。キーワード密度チェッカーテキスト内の単語頻度とキーワード密度を分析します。英語のストップワード除外にも対応しています。JSON 整形ブラウザで JSON を即座に整形・美化・圧縮・検証。スラッグ生成タイトルや URL を SEO 向けのスラッグに変換。区切り文字や大文字小文字、Unicode を設定できます。Open Graph プレビューリンクが SNS でどう見えるかを確認し、OG タグを点検します。JSON-LD 生成記事・商品・FAQ・組織の schema.org 構造化データを作成します。