<meta name="description"> 要素は、検索エンジンが検索結果に含めるページのコンテンツの概要を提供します。高品質で独自のメタ ディスクリプションがあると、ページの関連性が高まり、検索トラフィックの増加につながります。
Lighthouse メタ ディスクリプションの監査が失敗する仕組み
Lighthouse では、メタ ディスクリプションのないページにフラグが設定されます。
次の場合、監査は不合格になります。
- ページに
<meta name=description>要素がありません。 <meta name=description>要素のcontent属性が空です。
Lighthouse では、説明文の品質は評価されません。
メタ ディスクリプションを追加する方法
各ページの <head> に <meta name=description> 要素を追加します。
<meta name="description" content="Put your description here.">
必要に応じて、明確にタグ付けされた事実を説明に含めます。例:
<meta name="description" content="Author: A.N. Author,
Illustrator: P. Picture, Category: Books, Price: $17.99,
Length: 784 pages">
メタ ディスクリプションのベスト プラクティス
- ページごとに固有の説明を使用する。
- 説明は明確かつ簡潔にします。「自宅」のような曖昧な説明は避けてください。
- キーワードの乱用は避ける。これではユーザーの役に立ちないため、検索エンジンによってページがスパムとしてマークされることもあります。
- 説明文は完全な文にする必要はありません。構造化データを含めることができます。
良い説明と悪い説明の例を以下に示します。
すべきでないこと
<meta name="description" content="A donut recipe.">
あいまいすぎる。
すべきこと
<meta
name="description"
content="Mary's simple recipe for maple bacon donuts
makes a sticky, sweet treat with just a hint
of salt that you'll keep coming back for.">
具体的かつ簡潔である。
その他のヒントについては、Google の検索結果で適切なタイトルとスニペットを作成するのページをご覧ください。