クリック率UP！「meta description」とは？

HP作成ガイド⑫

最終更新日: 2025年10月24日

ガイド⑧で「TitleタグがSEOで超重要」と解説しました。
それと並んで重要なのが <meta name="description"> タグです。これは、Google検索結果の「説明文」にあたる部分で、ユーザーがあなたのサイトをクリックするかどうかを左右する「紹介文」の役割を果たします。

<meta name="description"> タグは、Titleタグと同様に、各HTMLファイルの上部（<head> タグの中）に書かれています。このタグの content="" の中に書かれたテキストが、検索結果の「説明文」として表示されます。

テンプレートにも、あらかじめダミーの文章（「Myホームページクリエイターの無料テンプレートに関する…」など）が設定されています。

Titleタグ（見出し）だけを見てクリックする人はいません。ユーザーは必ず、その下に表示される「説明文（description）」を読み、「このページに自分の知りたいことが書いてありそうだ」と判断してからクリックします。

もし、ここがテンプレートのダミー文章のままだったり、全ページ同じだったりしたらどうでしょう？ユーザーは「関係ないページだ」と判断し、あなたのサイトを無視して競合のサイトをクリックしてしまいます。

descriptionを魅力的な文章に書き換えるだけで、検索順位が同じでも、クリックされる確率（クリック率）を大きく高めることができるのです。

Titleタグと同様、すべてのページで、そのページ固有のDescriptionを必ず設定してください。

ページの内容を要約する
そのページに何が書かれているのか、簡潔にまとめます。
ユーザーが「クリックしたい」と思う文章を
「?でお困りですか？」「?の秘訣を解説します」など、ユーザーの悩みに寄り添い、解決策があることを示します。
長すぎない（80?120文字前後が目安）
長すぎると「...」と省略されます。検索結果に表示される範囲で、伝えたいことをまとめます。
Titleタグ同様、キーワードを含める
狙っているキーワード（例：「渋谷居酒屋」）を不自然にならない程度に含めると、SEO的にも、ユーザーの目にも留まりやすくなります。

Web制作者向け便利ツール

PHPの知識がなくても、誰でも簡単に高機能なメールフォームが作れる無料ツール。カスタマイズも自由自在です。

登録不要で本格的なロゴを無料作成。Webサイトや名刺に使えるプロ品質のSVG形式にも対応しています。

ブラウザ上で手軽に画像を編集・加工できるツール。SNS投稿やブログのアイキャッチ作成に役立ちます。

Webデザインに最適な配色が見つかるツール。アクセシビリティ対応のコントラスト比チェック機能も搭載。

SNSシェア時の美しいプレビューカード(OGPタグ)を、ライブプレビューを見ながら簡単に作成できます。

1枚の画像やイニシャルから、あらゆるデバイスに対応したファビコン一式を瞬時に自動生成します。