メタタグ作成（title・description・OGP）

使い方

1. タイトル、説明文、正規URLを入力します。文字幅の目安がすぐに表示されます。
2. 必要に応じて、検索エンジンへの指示（noindexなど）、Open Graph、Xカードの項目を入力します。空欄のOG項目はタイトル・説明文・正規URLが使われます。
3. 「HTMLをコピー」を押し、ページの<head>内に貼り付けます。下のプレビューで検索結果とSNSカードの表示イメージを確認できます。

注意事項

• プレビューは表示のイメージです。実際の表示は検索エンジン・SNS・端末・フォントによって異なり、検索エンジンが説明文の代わりにページ本文を表示することもあります。
• 文字幅は一般的なフォントを想定したおおよその推定です。「約600 px」「約920 px」の上限も広く使われている目安で、公式の基準ではありません。
• og:imageに入力したURLの画像は、このページでは読み込みません（外部への通信をしないため）。プレビューで画像を確認したい場合は、手元の画像ファイルを選べます。その画像は出力に含まれません。
• robotsタグは検索結果への表示を指示するもので、ページへのアクセス制限ではありません。

計算・変換の仕組み

入力した文字は、属性値として安全になるよう & < > " ' をHTMLの文字参照に置き換えてから出力します。改行や連続した空白は1つのスペースにまとめます。

index・followはどちらも既定値なので、両方オンの場合はrobotsタグを出力しません。どちらかをオフにすると「noindex, follow」のように出力します。

OGのタイトル・説明文・URLが空欄の場合は、タイトル・説明文・正規URLを使って出力します。XカードはOpen Graphの値を参照するため、Open Graphを含める場合はtwitter:cardとtwitter:siteだけを出力します。

文字幅は、英字の幅の違い（iやlは狭く、mやWは広い）と、日本語・韓国語などの全角文字を1文字分として推定しています。