HTMLにimgタグで書くべき画像、CSSで表示させるべき画像 | アユダンテ株式会社
imgタグは画像のパスやalt属性のテキストなど、意外とファイルサイズを膨らませる原因となりやすかったりします。 SEOを意識してHTMLを最適化させる場合、HTMLのファイルサイズ軽減も一つの目標となります。その目標を達成するためにも、文書構造上「なくても文書として困らない画像」はHTMLのimgタグではなく、CSSのbackgroundプロパティなどで表示させましょう。 なんでimgタグをHTMLから削るの？ HTMLではなくCSSで表示させるべき画像 なんでimgタグをHTMLから削るの？ imgタグをHTMLに設置する場合、表示させる画像のパス（URI）や代替テキスト（alt属性）の設定など、意外と文字数を食うタグだったりします。 特に画像が大量に表示される商品一覧ページなどのHTMLを見ていただくと、imgタグだけでけっこうなボリュームがあるのがわかると思います。 文字数はそのま
無用なアウトリンク数削減のために、同一リンク先のリンクを減らすテクニック | アユダンテ株式会社
SEOを意識した場合、ページ内のリンク数をある程度の数に抑えるのがベターです。しかし必要なリンクまでも削ってしまっては、クローラーがリンク先を見に行かなくなってしまい本末転倒です。 では「どんなリンクを削減するか」というと、それは「ページ内に複数存在する、同一のリンク先であるリンク」を削っていく方針になります。 なぜリンクを減らしたいのか よくあるバナー＋テキストなレイアウトを1つのaタグにまとめる よくある商品画像＋テキストなレイアウトを1つのaタグにまとめる ページネーションは1つだけ出して、JSで複製する なぜリンクを減らしたいのか 昔、Googleのウェブマスター向けガイドラインではページ内のリンク数は100件未満に抑えることが推奨されていました。 現在ではそういうこともなくなりましたが、それでも件数が多すぎる場合に、全部が全部クロールや評価がされなかったり、リンク1件当たりの評価
SEOに適したHTMLの組み方の基本 | アユダンテ株式会社
「SEOに適したHTML」と言うとなにやら大仰に聞こえますが、実のところそれほどややこしいものではありません。 なぜなら基本的なHTMLのマークアップ理念に従えば、概ねSEOにも適したHTMLになるからです。 今回は、SEOを考慮したHTMLを組む際の基本的なマークアップ指針についてまとめてみました。 実際にHTMLをマークアップするマークアップエンジニアの方や制作の現場を取りまとめるディレクターの方など、参考にしてみてください。 SEOに適したHTMLとは？ (X)HTML＋CSSで組む SEOを意識したちょっとしたコツ 1.SEOに適したHTMLとは？ 基本的には、(X)HTML＋CSSのマークアップ理念に従っておけば大きな差異はありません。 そしてその上で、いくつかある「SEO的に有利な（またはSEO的に不利な点をなくした）」ポイントを押さえる、という形になります。 (X)HTML＋
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
