Loading...
meta title / description の文字数チェックと検索結果プレビューを行います。
meta title / description の文字数チェックと検索結果プレビューを行います。
これはサンプルのmeta descriptionです。検索結果に表示される説明文を入力して、文字数や見え方を確認できます。
head内に配置するmetaタグとOGPタグを生成します。
<head>
<title>サンプルページのタイトル｜ブランド名</title>
<meta name="description" content="これはサンプルのmeta descriptionです。検索結果に表示される説明文を入力して、文字数や見え方を確認できます。" />
<link rel="canonical" href="https://example.com/sample-page" />
<!-- Open Graph -->
<meta property="og:title" content="サンプルページのタイトル｜ブランド名" />
<meta property="og:description" content="これはサンプルのmeta descriptionです。検索結果に表示される説明文を入力して、文字数や見え方を確認できます。" />
<meta property="og:url" content="https://example.com/sample-page" />
<meta property="og:type" content="website" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="サンプルページのタイトル｜ブランド名" />
<meta name="twitter:description" content="これはサンプルのmeta descriptionです。検索結果に表示される説明文を入力して、文字数や見え方を確認できます。" />
</head><title>サンプルページのタイトル｜ブランド名</title><meta name="description" content="これはサンプルのmeta descriptionです。検索結果に表示される説明文を入力して、文字数や見え方を確認できます。" /><link rel="canonical" href="https://example.com/sample-page" />SNSでのシェア時の見え方を確認するには OGP Generator →
head内に配置するmetaタグとOGPタグを生成します。
<head>
<title>サンプルページのタイトル｜ブランド名</title>
<meta name="description" content="これはサンプルのmeta descriptionです。検索結果に表示される説明文を入力して、文字数や見え方を確認できます。" />
<link rel="canonical" href="https://example.com/sample-page" />
<!-- Open Graph -->
<meta property="og:title" content="サンプルページのタイトル｜ブランド名" />
<meta property="og:description" content="これはサンプルのmeta descriptionです。検索結果に表示される説明文を入力して、文字数や見え方を確認できます。" />
<meta property="og:url" content="https://example.com/sample-page" />
<meta property="og:type" content="website" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="サンプルページのタイトル｜ブランド名" />
<meta name="twitter:description" content="これはサンプルのmeta descriptionです。検索結果に表示される説明文を入力して、文字数や見え方を確認できます。" />
</head><title>サンプルページのタイトル｜ブランド名</title><meta name="description" content="これはサンプルのmeta descriptionです。検索結果に表示される説明文を入力して、文字数や見え方を確認できます。" /><link rel="canonical" href="https://example.com/sample-page" />SNSでのシェア時の見え方を確認するには OGP Generator →
検索結果に表示されるタイトルとディスクリプションは、 クリック率（CTR）に大きく影響するSEOの重要な要素です。 Googleは検索クエリに応じてこれらを動的に変更することがありますが、 適切に設定することで意図した表示を維持しやすくなります。
タイトルは、デスクトップで約60文字、モバイルで約55文字が表示上限の目安です。 ピクセル幅で約600pxを超えると「...」で省略されます。 主要キーワードを前方に配置し、ブランド名は末尾に置くのが一般的です。
ディスクリプションは、デスクトップで約155文字、モバイルで約120文字が目安です。 検索意図に応える内容と、クリックを促すCTA（行動喚起）を含めると効果的です。 各ページで固有の説明文を設定し、重複を避けましょう。
このツールでは、入力したmeta情報がGoogle検索結果でどのように表示されるかを デスクトップ・モバイル両方でプレビューできます。 文字数カウントとバリデーション機能で、最適な長さに調整することができます。