メタタグジェネレーター
タイトル、説明文、SNS向けの情報をいくつか入力するだけで、そのまま貼り付けられるtitle、meta description、Open Graph、Twitterカードのタグが手に入ります。
生成されたタグ
仕組み
キー入力のたびに、ページは6つのフィールドからタグブロック全体を再構築します。各値はトリムされ、特殊文字をHTMLエンティティに変換するエスケーパーを通過します。タグは実際に入力したフィールドに対してのみ生成され、いくつかの判断はあなたに代わって行われます。画像URLを空にすると、twitter:cardはsummary_large_imageからsummaryに切り替わります。
多くのメタタグジェネレーターが見落としていること、それはメタディスクリプションは検索順位の要因ではないということです。Googleは何年も前からそう述べています。実際に重要なのはクリック率(CTR)です。検索結果ではあなたのリンクの下に表示されるテキストであることが多いからです。それでも、あなたの説明が検索意図に合わない場合、Googleは半分以上の確率で説明文を書き換えます。人間のために書き、160文字以内に収め、あまり気にしすぎないようにしましょう。
すべてこのページ自体のJavaScriptで行われます。タグ文字列はローカルで組み立てられ、ネットワークに触れることはありません。タイトル、URL、ハンドル名がブラウザの外に出ることはありません。
よくある質問
titleに60文字の目安があるのはなぜですか?
Googleは検索結果のタイトルをおよそ60文字前後で切り詰めます(実際には文字数ではなくピクセル幅で変動します)。この目安に収めておけば、タイトルが省略記号で途切れることなく、検索結果に全文表示されます。
Open GraphタグとTwitterタグは両方必要ですか?
Twitter/Xはtwitter:card系のタグがない場合、実際にはOpen Graphタグにフォールバックします。ただし両方を明示的に記述しておくと、より細かく制御でき、Open Graphタグを読み取るLinkedInやSlackなどの他のプラットフォームとの互換性も高まります。
入力した内容はどこかに送信されますか?
いいえ。タグは入力内容からすべてブラウザ内で生成されます。何もアップロードされません。