CSSによる画像置換 « (X)HTML+CSS Tips « XHTML+CSS Webサイト制作Tips « ScuderiaWeb

低価格、短納期、高品質なWebサイト制作|ScuderiaWeb Webサイト制作をご検討中の方へ。ScuderiaWebが低価格・短納期・高品質なWebサイトを制作いたします。 SEO対策の一貫としてよく使われる「画像置換」 メニューやロゴなど、見栄えを意識して画像にしたくとも、SEO的にはプレーンテキストで表示したい場合などに、使われる手法で、(X)HTMLファイルにはプレーンテキストのみで記述し、CSSファイルによって画像に置換するものです。 一般的な方法として、以下の二つの方法が挙げられます。 display: none; を使用する方法 CSSファイル a#logo { display: block; width: 120px; height: 50px; background: url(../images/logo.jpg) 0 0 no-repeat; } a#logo sp

[t070886]

SEOを考慮して文字をCSSで画像置換する２つの方法が書いてある。