本文へスキップ
MT

メタタグ生成

title / description / OGP / Twitter Card の HTML メタタグを生成。

Example
example.com
ページタイトル

メタディスクリプションがここに表示されます。

基本

0 / ~60
0 / ~160

Open Graph

空欄の og:title / description / url は基本フィールドにフォールバックします。

Twitter Card

その他

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="index, follow" />

生成されたタグを <head> 内に貼り付けてください。属性値は自動でエスケープされます。SERP / OG プレビューは近似表示です（Google 等とは非提携）。タイトル ~60・説明 ~160 は目安で、入力はブロックしません。

メタタグ生成について

Webページの検索結果やSNSシェアの見え方は、<head> 内のメタタグで決まります。title・description・og:*・twitter:* を手書きすると抜け漏れや属性のエスケープ漏れが起きやすいです。 toco.toolsのメタタグ生成ツールは、フォームに値を入れるだけで本番向けの HTML スニペットを生成します。検索結果の簡易プレビュー、タイトル・説明文の文字数目安（~60 / ~160）、属性値の自動エスケープに対応しています。 すべての処理はブラウザ内で完結し、入力内容は toco.tools のサーバーへ送信されません。

使い方

  1. タイトルとディスクリプションを入力（文字数目安を確認）
  2. カノニカル URL・OGP・Twitter Card など必要な項目を埋める
  3. 生成された HTML をコピーして <head> に貼り付ける

よくある質問（FAQ）

タイトルが60文字を超えても使えますか？

はい。~60 / ~160 は検索結果での表示目安で、入力や生成をブロックしません。長すぎるとプレビュー上で省略表示されます。

og:title を空にするとどうなりますか？

空の場合は基本のタイトル（および description / canonical）にフォールバックして og:* / twitter:* を出力します。

入力した内容は外部に送信されますか？

いいえ。生成はすべてブラウザ内で完結し、toco.tools のサーバーへ送信されません。