• 金. 6月 9th, 2023

きれいなHTMLコードに仕上げる

Byadmin

10月 1, 2022
きれいなHTMLコードに仕上げる

コンテンツの内容に対して、深く言及しながらページを作ってみて、キーワード出現率は3~5%、関連キーワードが1%程度入ったいたという結果になるのが理想的です。もちろんあえて行うことは分かりやすく説明することです。競合と比較してさらに磨きをかけましょう。きれいなHTMLコードは管理しやすく、検索エンジンがクロールしやすいそうです。長い記述になるCSSやJavaScriptは外部ファイルを読み込むような設定をします。意味のないタグや使わなくなったタグはその都度整理しましょう。常にきれいなソースコードしていくことです。ポイントとして、CSSとJavaScriptは必ず外部ファイルで読み込む設定をすること、ツールでタグをチェックして、検索エンジンのクローラーが読みやすいソースコードを維持することです。

CSSとJavaScriptを直書きすると

CSSとJavaScriptの直書きと外部参照を比較してみます。HTMLファイルに直接フォントの色を変えるなどのデザイン要素のCSSを大量に書いたり、JavaScriptをHTML内に書いたりすることは膨大な量になってしまいます。そうなるとファイル内が非常にわかり辛くなるものです。読み込み時間も体感速度で考えればあまり差はないかもしれません。でも、CSSとJavaScriptを外部ファイルとして読み込むようにしておけば、表示速度が速くなるのは確かなのです。なぜならプラウザのキャッシュとして残るからです。通常のテンプレートやダウンロードしてきたJavaScriptは外部ファイルを参照する設定にしているのが基本になっています。もしHTMLファイルに直書きしているならば、外部ファイルを読み込むように設定しなおしておきましょう。

きれいなHTMLコードへの配慮

以前は、W3Cに準拠したきれいなHTMLコードであれば、上位表示されやすかったようです。W3Cというのは、HTMLなどWWWで利用される、技術の標準化を推進する団体のことです。現在では、WEB制作技術や検索エンジンの向上、進化したWEBプラウザのサポートなどがあり、多少のエラーやコードのミスはカバーされているようです。そのため、エラーのないページが必ずしも上位表示されるわけではないのです。とはいえ、やはりチェックツールで確認して修正できるならば、修正するべきです。管理、読み込み速度、表示速度の観点からCSS、JavaScriptは外部ファイルにまとめましょう。W3C HTMLチェックツールを使って、文法チェックをして修正をしましょう。きれいなソースコードのためにタグはGoogleタグマネージャーにまとめましょう。