開発ツール

HTMLメタタグの作成

HTMLメタタグの作成 — データを入力し、形式や内容を確認. 入力値は端末内で処理されます。 登録不要.

登録不要

ツールを読み込み中…

使い方

  1. 1値を入力して設定を選んでください。
  2. 2ツールを実行して結果を確認してください。
  3. 3結果をコピーするか入力を変えて比較してください。

使う前に

例で出力形式を確認し、原本を別に保管。変換した値・空白・改行を確認してから使ってください。

広告配信で通信情報を処理する場合があります。パーソナライズはプライバシー選択に従います。 プライバシー(英語)

実際の入力と出力の例

実際のエンジンに以下の例を入力した結果です。個人の入力や保存作業は使いません。ツールの例読込で同じ入力を確認できます。

入力例

項目値
タイトル
My website
説明
A useful collection of free tools.
URL
https://example.com

結果例

<title>My website</title>
<meta name="description" content="A useful collection of free tools.">
<link rel="canonical" href="https://example.com/">
<meta property="og:title" content="My website">
<meta property="og:description" content="A useful collection of free tools.">
<meta property="og:url" content="https://example.com/">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">

関連ツール

すべてのツール