カテゴリー: 開発ツール
メタタグジェネレーター
title、description、Open Graph、Twitterタグをまとめて作成
タイトルと説明文、いくつかのSNS向け項目を入力するだけで、ページの <head> に入れる <title>、meta description、canonicalリンク、Open Graph、Twitterカードの各タグを生成します。Googleに切り詰められやすいタイトルや説明文の長さも判定して表示します。すべてブラウザ内で完結します。
HTMLタグ
<title>LocalTools — Free Privacy-First Online Tools</title> <meta name="description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device."> <link rel="canonical" href="https://uselocaltools.com/"> <meta property="og:title" content="LocalTools — Free Privacy-First Online Tools"> <meta property="og:description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device."> <meta property="og:type" content="website"> <meta property="og:url" content="https://uselocaltools.com/"> <meta property="og:site_name" content="LocalTools"> <meta property="og:image" content="https://uselocaltools.com/og-image.png"> <meta property="og:locale" content="en_US"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@uselocaltools"> <meta name="twitter:title" content="LocalTools — Free Privacy-First Online Tools"> <meta name="twitter:description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device."> <meta name="twitter:image" content="https://uselocaltools.com/og-image.png">
このページの処理はすべてブラウザ内で行われます。アップロードは一切ありません。
このツールでできること
検索エンジンやSNSは、ページの <head> にある決まったタグ群を読み取ります。検索結果に使われるtitleとdescription、優先URLを示すcanonical、リンクを共有したときの見え方を決めるOpen GraphとTwitterカードです。titleとdescriptionの長さは特に重要で、長すぎるとGoogleがタイトルを書き換えたり、説明文を途中で切り詰めたりします。またOpen Graph画像が設定されていないと、共有したリンクは画像付きカードではなく単なるテキストリンクとして表示されてしまいます。
使い方
- ページのタイトル、説明文、canonical URLを入力します。
- サイト名、Open Graph画像、Twitterカードの情報を追加します。
- タイトルと説明文の入力欄の下に表示される文字数の目安を確認します。
- 生成されたタグをページの <head> にコピーします。
プライバシー
このツールはすべてブラウザ内で動作します。入力した内容がアップロード・保存・共有されることはなく、タブを閉じれば消えます。
よくある質問
- なぜタイトルの文字数チェックが必要なのですか。
- Googleは通常、タイトルの50〜60文字程度までしか検索結果に表示せず、ページや検索クエリとの一致度が低いと判断したタイトルはしばしば書き換えます。この範囲に収めておくことで、表示のされ方をより自分でコントロールできます。
- Open Graph画像を設定しないとどうなりますか。
- 多くのプラットフォームはそれでもカードを生成しますが、画像がないため、大きな画像付きカードではなく小さなテキストのみのリンクプレビューになるのが一般的です。
- 入力内容がどこかに送信されることはありますか。
- いいえ。タグは入力内容からブラウザ内で直接組み立てられ、アップロードやログへの記録は一切行われません。