コンテンツにスキップ
svelte-vitals
日本語
Esc
移動開く⌘Jプレビュー
このページの内容

seo/html-lang · <html lang>

app.html の <html> に lang 属性を設定しましょう。

重大度: warning

チェック内容

src/app.html<html> 要素には空でない lang 属性を設定すべきです。lang 属性がない、または空の場合に検出します。

なぜ重要か

<html lang> 属性は、スクリーンリーダーにページの読み上げ方を、ブラウザに翻訳を提案するかどうかを、その他の支援技術にコンテンツの扱い方を伝えます。Google は lang をランキングには使用しないと表明しています。

修正方法

src/app.html<html lang="..."> を設定します。

<html lang="en">

モードによる違い

ソース解析(CLI、ダッシュボードの静的ベースライン)は src/app.html<html lang> 属性を読みます。レンダリング解析(Vite プラグインのビルド)は出荷される文書の <html lang>、つまりそれを持つ最初のプリレンダリング済みページの値を読むため、handle がレンダリング時に埋める値はそちらで判定されます。ソース解析が見るのは app.html に書かれたままの属性だけです。ダッシュボードのライブ層はこのルールを評価せず、静的ベースラインの結果がそのまま残ります。

無効化

意図したとおりであれば、ルールを無効化してください。

export default {
  rules: {
    'seo/html-lang': 'off'
  }
};