SEOにおいてのHTML/CSS/javaScriptの記述方法（私的見解）

1. SEOにおいての
HTML/CSS/javaScript

2. SEOのおさらい
• ユーザー・クローラー両方にとって分かりやす
いサイトにすること
• ファイルサイズは軽くすること

3. HTML
• DOCTYPE宣言の記述
• 適切キーワードを入れたTitleの記述(35字程
度)
• Meta discriptionの記述(120字程度)
• Hタグの流れに逆らわない
• 画像にはaltを入れる
• パン屑リストを入れる
• 綺麗な入れ子構造にする

4. CSS
• リセットCSSを使用する
• 複数ページがあるときはsassを使用して1つの
style.cssにまとめる
• 外部ファイル化
• クラス名などはできるだけ短く分かりやすくする
• Idは極力使わずclassを使う
• 重複記述を避ける
• 子孫セレクタを極力使わない(ページ毎にデザイ
ンが変わる場合)

5. javaScript
• 外部ファイル化
• CSSで代用できるものはjavaScriptを使わず
CSSを使用する
• Body閉タグ直前に記述すること(HTML内の場
合)

6. まとめ（共通事項）
• コメントアウトは必要な分だけ残す
• 変な改行は極力避ける
• HTTPリクエストを減らす

7. その他
• 画像を結合してイメージマップを作成する
• CSSとjavaScriptを結合する
• レイアウトはCSSで行う