Meta Tag Generator

Meta Tag Generator

title / OGP / Twitter Card の meta タグを GUI で生成・コピー

━━━━━━━━━━━━━━━━━━━━━━━━

■ 概要

基本 meta / OGP / Twitter Card の3タブで meta タグをフォーム入力して HTML を即座に生成するWebツールです。

Google検索プレビューとSNSカードプレビューでリアルタイムに確認しながら作業できます。

ブラウザで無料で使えます。 https://devtools-hub.vercel.app/tools/meta-tag-generator

━━━━━━━━━━━━━━━━━━━━━━━━

■ 主な機能

✓ 基本 meta（title・description・keywords・author）の入力と文字数カウンター

✓ title は60字・description は160字の上限バーでリアルタイム警告

✓ OGP（og:title / og:description / og:image / og:url / og:type）対応

✓ Twitter Card（twitter:card / twitter:title / twitter:description / twitter:image）対応

✓ 空欄のフィールドは HTML に出力されないクリーンな生成

✓ Google検索プレビューで表示イメージを確認（青タイトル・緑URL・グレー説明）

✓ SNSカードプレビューで og:image や説明の見え方を確認

✓ 全 meta タグをワンクリックでコピー

━━━━━━━━━━━━━━━━━━━━━━━━

■ 動作環境

・ ブラウザ（Chrome / Firefox / Edge / Safari）

・ インターネット接続不要（Webアプリ）

━━━━━━━━━━━━━━━━━━━━━━━━

■ 注意事項

・ 本ツールの使用によって生じた損害について作者は責任を負いません。