SEO & パフォーマンス スキル

このスキルは、サイトが高速で、検出可能で、技術的に堅牢であることを確保します。$10,000 のウェブサイトが遅く読み込まれたり、検索結果に表示されなかったりするのは、お金の無駄です。パフォーマンスは機能です。

パフォーマンスの基本ルール

1. Core Web Vitals ターゲット

• LCP (Largest Contentful Paint): 2.5 秒未満。ヒーロー画像またはヘッドラインがこの時間内に描画される必要があります。
• FID/INP (Interaction to Next Paint): 200ms 未満。ボタンクリックの遅延やフォーム応答の遅れがないこと。
• CLS (Cumulative Layout Shift): 0.1 未満。読み込み後に要素がジャンプしないこと。

2. 画像最適化

• 常に Next.js の <Image> コンポーネントを使用する — 遅延読み込み、レスポンシブサイジング、WebP/AVIF フォーマット変換を自動的に処理します。
• すべての画像に明示的な width と height を設定する — CLS を防ぐため。
• ヒーロー画像: priority={true} と `fe

...