コーディング作業の際にチェックするポイント

コーディングの質はSEOにも直結するので、デザインの質と同じくらい大事です。
細かい部分も1つ1つ確認して行きましょう。

  • ファイル名はすべてindex.htmlになっているか
  • フォルダ名は適切な名前になっているか
  • ページ毎に適切なタイトルがついているか
  • 適切なmetaの設定がされているか(keywordsは不要)
  • h1に検索ワードが入っているか
  • img要素のalt属性に適切な説明文が入っているか
  • a要素のアンカーテキストは簡潔でリンク先ページを想起できるものが記述されているか
  • 仮サーバーに動作確認の為にアップロードする際にはクローラーにインデックスされない対応が出来ているか
  • ロゴ的な物がページ上部にある場合は、a要素にサイトのURLを指定する


https://sem-journal.com/seo/meta-keywords/sem-journal.com

 

サイトの表示速度

Webサイトの表示速度も非常に重要です

developers.google.com

  • css、jsファイルは圧縮されているか
  • 使用していないCSSの削除
  • サイズの大きい画像を圧縮しているか
  • レスポンシブ時に画像のアスペクト比が変わらない場合img要素に画像の「幅x高さ」を指定する

object-fitを使ってアスペクト比を変える時はNGです。

tinypng.com



syncer.jp


parashuto.com