HTML / CSSの文法チェック&速度改善ツール
コーディングが終了したら、HTML・CSSの文法チェック、速度チェックを行いましょう。
こちらの記事を参考にさせていただきました。
HTMLとCSSの文法チェックツール7選!よくある文法エラーも紹介
HTMLのチェック
W3C Markup Validation Service でHTMLの文法ミスをチェックします。
![](https://raccoonico.com/wp-content/uploads/2019/11/スクリーンショット-2019-11-18-14.46.58-720x321.png)
CSSのチェック
W3Cの CSS Validation Service でCSSの文法ミスをチェックします。
![](https://raccoonico.com/wp-content/uploads/2019/11/スクリーンショット-2019-11-18-14.47.49-720x357.png)
速度チェック
Googleの PageSpeed Insights ページ速度と改善するための方法をチェックします。
![](https://raccoonico.com/wp-content/uploads/2019/11/スクリーンショット-2019-11-18-14.59.19-720x523.png)
チェックはどこまでやるべき?
こちらのページ でも紹介してくれているように、Googleは文法エラーによって検索順位を下げるようなことはしていないと言及しているようです。
とはいえ、HTMLに関してはエラーは極力修正しておいた方がいいでしょう。CSSは文法というより速度チェックに引っかかっている項目を優先的に修正した方がいいでしょう。(不必要な記述を読み込んでいる…など)