Meta Tag Previewer

メタタグを編集して各プラットフォームでのプレビューを確認。

URL入力

WebページのURLを入力するとメタタグを自動取得します

メタタグ編集

メタタグの値を直接編集

タイトル0/60

説明0/160

og:title0/60

og:description0/65

og:image

og:url

og:site_name

twitter:card

twitter:title0/70

twitter:description0/200

twitter:image

プレビュー

各プラットフォームでの表示を確認

example.comexample.com

Page description will appear here...

Title:10/60 characters

Description:36/160 characters

HTMLコード

生成されたメタタグHTMLコード

<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />