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

seo/title-length · タイトルの長さ

<title> は 30〜60 文字に収めましょう。

重大度: info

チェック内容

表示テキストが 30 文字未満、または 60 文字を超える静的な <title> を検出します。カウントの前に空白をトリムし、連続する空白は 1 つにまとめます。長さは書記素クラスタ単位で数えます(絵文字は 1 文字扱い)。動的なタイトルは検査しません。

なぜ重要か

タイトルが短すぎると最も強力なオンページ SEO シグナルを無駄にし、長すぎると検索結果で切り詰められて見出しの末尾が隠れます。

修正方法

<svelte:head>
  <title>検索結果で目を引く、簡潔でわかりやすいページタイトルの付け方ガイド</title>
</svelte:head>

設定

オプション デフォルト
min integer 30
max integer 60
export default {
  rules: { 'seo/title-length': { options: { min: 20, max: 40 } } }
};

モードによる違い

ソース解析(CLI、ダッシュボードの静的ベースライン)は、ソースに記述したリテラルテキスト(または svelte-meta-tags/svelte-seo の静的な title プロップ)を計測します。titleTemplate は最終的なタイトルがレンダリング時にしか定まらないため計測しません。レンダリング解析(Vite プラグインのビルド、ダッシュボードで訪問したルート)は出荷されるテキストを計測します。ビルドが対象にするのはプリレンダリングされたルートだけです。ダッシュボードのライブ層はフック自身のオプションで動くため、設定ファイルに書いた min/max が効くのは静的ベースラインだけです。

無効化

既存の検出は suppressions ファイルに記録して抑制できます(npx svelte-vitals --update-suppressions)。overrides でルートやパス単位に絞るか、ルールごと無効化するには、次のように設定します。

export default {
  rules: {
    'seo/title-length': 'off'
  }
};