ドキュメントにメタ ディスクリプションがありません

<meta name="description"> 要素は、ページのコンテンツの概要を示します。 含めます。高品質で固有のメタ 説明を表示するとページの関連性が高まり、検索数が増える トラフィックです。

Lighthouse のメタ ディスクリプション監査で不合格になる仕組み

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 の検索結果に効果的なタイトルとスニペットを作成するをご覧ください。 をご覧ください。

リソース