タグ

ブックマーク / ayudante.jp (2)

  • SEOに適したHTMLの組み方の基本 | アユダンテ株式会社

    SEOに適したHTML」と言うとなにやら大仰に聞こえますが、実のところそれほどややこしいものではありません。 なぜなら基的なHTMLのマークアップ理念に従えば、概ねSEOにも適したHTMLになるからです。 今回は、SEOを考慮したHTMLを組む際の基的なマークアップ指針についてまとめてみました。 実際にHTMLをマークアップするマークアップエンジニアの方や制作の現場を取りまとめるディレクターの方など、参考にしてみてください。 SEOに適したHTMLとは? (X)HTMLCSSで組む SEOを意識したちょっとしたコツ 1.SEOに適したHTMLとは? 基的には、(X)HTMLCSSのマークアップ理念に従っておけば大きな差異はありません。 そしてその上で、いくつかある「SEO的に有利な(またはSEO的に不利な点をなくした)」ポイントを押さえる、という形になります。 (X)HTML

    SEOに適したHTMLの組み方の基本 | アユダンテ株式会社
  • HTMLにimgタグで書くべき画像、CSSで表示させるべき画像 | アユダンテ株式会社

    imgタグは画像のパスやalt属性のテキストなど、意外とファイルサイズを膨らませる原因となりやすかったりします。 SEOを意識してHTMLを最適化させる場合、HTMLのファイルサイズ軽減も一つの目標となります。その目標を達成するためにも、文書構造上「なくても文書として困らない画像」はHTMLのimgタグではなく、CSSのbackgroundプロパティなどで表示させましょう。 なんでimgタグをHTMLから削るの? HTMLではなくCSSで表示させるべき画像 なんでimgタグをHTMLから削るの? imgタグをHTMLに設置する場合、表示させる画像のパス(URI)や代替テキスト(alt属性)の設定など、意外と文字数をうタグだったりします。 特に画像が大量に表示される商品一覧ページなどのHTMLを見ていただくと、imgタグだけでけっこうなボリュームがあるのがわかると思います。 文字数はそのま

    HTMLにimgタグで書くべき画像、CSSで表示させるべき画像 | アユダンテ株式会社
  • 1