◆HTML構成をシンプルにする。(スタイルシート)
スタイルシートとは、デザイン的にも見栄えを良くするために使うプログラムです。
スタイルシートを使うことで、その長いHTMLサイトのソースを短く省略することができます。
検索エンジンはサイトのソースを読み込み、そのサイトがどんなサイトであるのかを瞬時に把握します。
基本的にソースはとても長いです。
そこでスタイルシートを使い、より検索エンジンにとって読みやすいよう「軽いソース」にすることで、検索エンジンに好まれるサイト構成にすることができます。
スタイルシートのことを略して【CSS】とも呼びます。
【HTMLタグの簡単検索】TAG index - ホームページ作成情報
のソースを開くと、上の方にこのような記述があります。
<link rel="stylesheet" type="text/css" href="file/css/top_all.css" />
これは、このHTMLには記載されていない部分は、スタイルシートとして「top_all.css」
というところから別途読み込んでくださいね。という記述になります。
ですのでスタイルシートのURLはこの場合、
http://www.tagindex.com/file/css/top_all.css
ここに書かれていることになります。
サイトの余白はこれだけ空けてください。とか、
文字のフォントはこれでお願いします。などの記述がされています。
スタイルシートについては、SEO対策というよりはデザインの領域に入ってきますので、今ここですべてを覚える必要はありません。
スタイルシートってSEO対策にも有効なんだ。というぐらいの感じで覚えておき、実際にサイトを作る際に必要に応じてひとつひとつ覚えていくほうがよいです。
今日はここまで。
目からウロコのノウハウ満載♪望月公式メールマガジン無料配信中^^
みんなで楽しくアクセスアップできるSNSが今、盛り上がっています♪
スタイルシートを使うことで、その長いHTMLサイトのソースを短く省略することができます。
検索エンジンはサイトのソースを読み込み、そのサイトがどんなサイトであるのかを瞬時に把握します。
基本的にソースはとても長いです。
そこでスタイルシートを使い、より検索エンジンにとって読みやすいよう「軽いソース」にすることで、検索エンジンに好まれるサイト構成にすることができます。
スタイルシートのことを略して【CSS】とも呼びます。
【HTMLタグの簡単検索】TAG index - ホームページ作成情報
のソースを開くと、上の方にこのような記述があります。
<link rel="stylesheet" type="text/css" href="file/css/top_all.css" />
これは、このHTMLには記載されていない部分は、スタイルシートとして「top_all.css」
というところから別途読み込んでくださいね。という記述になります。
ですのでスタイルシートのURLはこの場合、
http://www.tagindex.com/file/css/top_all.css
ここに書かれていることになります。
サイトの余白はこれだけ空けてください。とか、
文字のフォントはこれでお願いします。などの記述がされています。
スタイルシートについては、SEO対策というよりはデザインの領域に入ってきますので、今ここですべてを覚える必要はありません。
スタイルシートってSEO対策にも有効なんだ。というぐらいの感じで覚えておき、実際にサイトを作る際に必要に応じてひとつひとつ覚えていくほうがよいです。
今日はここまで。
目からウロコのノウハウ満載♪望月公式メールマガジン無料配信中^^
![望月高清が明かす、ネット集客の裏ノウハウとは-magumagu](https://stat.ameba.jp/user_images/20100820/11/e-motty/81/cf/g/o0329008510703545284.gif?caw=800)
みんなで楽しくアクセスアップできるSNSが今、盛り上がっています♪
![アクセスアップならMIB](https://stat.ameba.jp/user_images/20110124/15/e-motty/de/0b/g/o0420016511002790839.gif?caw=800)