meta・OGP・Twitterタグ生成
title、meta description、canonical、OGP、Twitter/XカードのHTMLタグを生成します。HTMLエスケープとhttp/https URL検証を行い、robotsは明示指定時だけ出力します。
ページheadへ転記するタグを一つの条件で作る
公開ページのタイトルや共有時の説明を揃えるため、通常のmetaとOGP・Twitterカードを同じ入力から作ります。生成結果はテキストとして表示し、この画面のheadやDOMへ挿入しません。
JSON-LD生成は構造化データ、hreflang生成は言語別ページの対応付けです。こちらは単一ページのheadに記載する基本的なHTMLメタ情報を用意します。
ツール本体
入力・操作・結果
上から入力し、必要な操作を行って、表示された結果と次の操作を確認してください。
入力と結果はこの画面のメモリ内で処理します。ページを再読み込みすると入力は消えます。コピーは利用者の操作で行います。
入力データは原則ブラウザ内で処理し、URLやアクセス解析へ保存しません。ページを更新すると入力は失われます。機密情報は入力しないでください。
使い方
- ページのタイトル・説明と、自分のページのcanonical絶対URLを入力します。
- 必要ならサイト名、画像URL、robotsの明示設定を加えます。
- 生成タグを確認し、利用先のheadへ既存タグとの重複を避けて転記します。
例: タイトルにA & Bを入力すると、HTMLではA & Bへエスケープします。画像URLがない場合はTwitterカードをsummaryにします。
canonicalと共有URLは検証後のURLへ正規化します。画像URLの到達・画像サイズ・権利は検証せず、URL文字列だけを出力します。
このツールを使う場面
- 確認できること
- タイトル・説明・canonical・共有用タグを作成
- 使う前に見るポイント
- ページのタイトル・説明と、自分のページのcanonical絶対URLを入力します。
- 結果を見たあとにやること
- canonicalと共有URLは検証後のURLへ正規化します。画像URLの到達・画像サイズ・権利は検証せず、URL文字列だけを出力します。
つまずきやすいポイント
入力と計算条件
サイトの取得、metaタグの診断、検索順位や共有表示の保証はありません。noindexを選ぶと公開ページの検索掲載に影響するため利用先の意図を確認してください。
境界値・事前チェック項目
対応する範囲
タイトル200文字、説明2000文字、URL2048文字まで。URLは認証情報なしのhttp/httpsに限定します。robotsの初期値は出力なしです。
よくあるミスと回避策
結果を使う前に
head内の既存canonical、robots、OGPと重複しないか確認し、公開前に実際のページHTMLを検査してください。
FAQ
robotsは自動でnoindexになりますか?
なりません。初期値では出力せず、選択した場合だけタグを生成します。
画像URLは読み込まれますか?
読み込みません。形式とURL schemeだけを確認し、画像の存在や仕様は利用者が確認します。
HTMLが画面へ実行されますか?
実行しません。HTMLをエスケープして生成結果を文字列として表示・コピーします。
基本FAQ
入力データは外部へ送信されますか?
原則として送信されません。入力内容はブラウザ内で処理し、URLやアクセス解析へ保存しません。例外がある場合は各ツールページ内に明記しています。
入力内容は自動保存されますか?
原則として自動保存しません。ページを更新すると入力は失われます。コピーやダウンロードで保存する場合は、ご利用端末内に保存されます。
関連ツール
同じ作業の前後で使うことがあるツールです。