スポンサーサイト

--/--/-- --:-- | カテゴリ:スポンサー広告

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

floatでSEO

2006/02/25 22:17 | カテゴリ:htmlタグ | コメント (4) | トラックバック (0)

商品を横に並べて紹介をする時、tableタグを使ってますか?
でも、tableタグSEOユーザービリティの面で不利のようです。 tableタグは、最後の</table>が読み込まれるまでが一つの内容で、表示に時間がかかるようです。
今はほとんどの人がADSLなどの高速回線になっているでしょうが、画像などを使用して乱用すると影響を与えるかもしれないですね。
また、SEOの観点から、ソースをすっきりさせた方が効果があるようです。

tableタグのように、段組を作る方法にfloat属性があります。
これは、サイドに回りこませるための属性で、画像の文字周り込みなどにも利用されます。
これを段落文章divタグなどを使って回り込みの設定を行います。

(例)
<div>
 <div style="float:left;">~1段落目~</div>
 <div>~2段目~</div>
</div>


このようにすると2段組のスタイルが作れます。
後は、widthで幅をそれぞれ指定します。
3段組も応用して作れます。
tableタグに比べ、幅や段落間隔の使い方が少し難しくなりますが、htmlタグになれてきたら、こういうコードの組み方をするのもいいでしょう。

スポンサーサイト

<< 『お気に入り 修正版』について(修正有) | ホーム | スクロールですっきり >>


コメント

こんばんは、riseです。
自分もどちらかといえばtable乱用組です。

SEOには適していないと知りつつもサイトでの見栄えを優先して多用しています。

こういう記述があるんですね・・

次回tableを使う場面で代用してみたいと思います。


riseさんへ

私も今だ、tableを結構使っています。i-229
が、tableタグの影響のことを知ったので、これからはfloatで組もうと思っています。
tableはfloatがスタイルシートなのと、初心者にも分かりやすいから、よく使われるんでしょうね。
何個かfloatを使ってタグ組みしてみたところ、ソースがすっきりして、tableよりもいいと感じました。
IEやNN4以上で大丈夫なのでかなり使えると思います。
スタイルシートはいろんなタグに応用できるので面白いですi-236

むずかしいですね。

こんばんわ。 コメントありがとうございましたm(__)m
アクセスアップに効果があったから紹介してよかったです!

htmlについてはよくわからないんですけど、
このようなテクニックはサイト運営をしていくと
上達するんですね。
 最後に応援クリックしてまたおじゃまします。

dsanさんへ

アクセスあったので嬉しかったです。いい情報ありがとうi-236

htmlはサイト運営していくと、いろいろやるのに欲しくなる知識ですね。表紙ページを作ったりね。
簡単なので、使ってみるといいですよi-234

コメントの投稿


管理者にだけ表示を許可する

 BLOG TOP 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。