HTML（XHTML）の本文を構成する要素（body要素）には、大きく分けて「ブロックレベル要素」と「インライン要素」の２種類がありますが、ここでは、見出し、段落、リスト、表など、文章を構造化する基本要素であるブロックレベル要素の中でも特に基本となる「div要素」について解説します。
ページ内のコンテンツは、ヘッダー、ナビゲーション、メイン部分、サイド部分、フッターなどおおまかな範囲に分かれるのが普通です。このような範囲を示すためにdiv要素を利用します。（divは「区画」や「部門」を意味する「division」の略）
div要素に「ID（ID属性）」を振り、「ここはこういう範囲」ということを具体的に示します。ページ内で複数出現する範囲については「クラス（class属性）」を割り振りします。
このように、IDとクラスは「ページ内で一つだけ使えるか、それとも複数使えるか」という違いがあります。
通常のホームページやブログなどWebサイト制作では、ページを実際につくりはじめる前に、「ワイヤーフレーム」といわれるページ構成図（ページのどの部分に何を配置するかという見取り図）を作成しておきます。
▼div要素によるコンテンツの範囲決めなお、IDとクラス（ID属性とclass属性）で利用できる文字は、アルファベット（a〜zとA〜Z）、数字（0〜9）、ハイフン（-）、アンダースコア（_）、ピリオド（.）です。必ずアルファベットではじめる必要があり、例えば「id="01"」と指定することはできず、「id="a01"」などと指定する必要があります。ただし、「id="a01"」のような通し番号的なIDやクラスは使わず、きちんとそのコンテンツの役割に基づいた値をつけるように心がけましょう。
記事の内容にご満足戴けましたならクリックをお願いします ↓
人気blogランキング！ 
ブログランキングくつろぐ 
ＪＲＡＮＫブログランキング
数年前でなら、ある程度SEO対策の知識があれば、キーワードの上位表示は比較的簡単にできましたが、最近ではSEO対策に関する情報もWebサイトや書籍などで広く公開されていることもあり、もはや一般的な常識とさえなりつつあります。
一般的なSEO知識があって、それなりに対策しているにも関わらず中々うまく上位表示できないという場合には、自分のサイトよりも上位表示されているライバルサイトと”何が違うのか？”を分析することが大切です。
「FerretPLUS（フェレットプラス）」
でリリースされている「サイト比較診断ツール」を使うと、あなたのサイトと気になるライバルサイトのSEO対策の”違い”を分析することができます。
▼サイト比較診断ツール サンプル画像
記事の内容にご満足戴けましたならクリックをお願いします ↓
人気blogランキング！ ブログランキングくつろぐ ＪＲＡＮＫブログランキング
そこで、アクセシビリティを考慮しつつ、なおかつSEO対策にも配慮したテンプレートを作ってみました。
 |
|
当ブログの関連サイトでもある「パソコン 初心者ガイド」で使用していますが、「Another HTML-lint gateway」でHTML文書の文法をチェックした結果では、FC2ブログのシステム上避けられない軽度のエラーを除き、100点満点の採点を受けています。
100点満点とまではいかなくても、HTMLタグの記述に致命的なミスがあると、検索エンジンからペナルティーを受けてしまう可能性もあるようなので、あなたのブログも一度、HTML文書の文法をチェックしてみてください。
現在FC2ブログの共有テンプレートに申請中ですが、シンプルで、どこにでもあるようなテンプレートなので、また、デザイン、創意性、独自性など一部が水準に達っしていないと判定された・・・などの理由で申請が却下されるかもしれません。
記事の内容にご満足戴けましたならクリックをお願いします ↓
人気blogランキング！ ブログランキングくつろぐ ＪＲＡＮＫブログランキング
 | FC2ブログではじめるビジネスサイト構築レッスンブック―ステップバイステップ形式でマスターできる (2009/08) エビスコム 価格：￥ 2,625 （税込） 国内配送料無料 FC2ブログではじめるビジネス・・・の商品詳細を見る |
【商品の説明】
FC2ブログを自由自在にカスタマイズして、ビジネスサイトが構築できる。オリジナルテンプレートを少しずつ拡張することで、自然に知識が身につく。基礎から応用テクニックまで、実際にサイトを作りながらマスターできる。トップページや固定ページなど、一般的なサイトで必要なページ構成を網羅。
【目次】
1 ビジネスサイトの設計と構築
2 ブログの作成
3 固定ページの作成
4 トップページの作成
5 コメント&トラックバック
6 パワーアップアレンジ
【登録情報】
# 単行本: 287ページ
# 出版社: ソシム (2009/08)
# ISBN-10: 4883376672
# ISBN-13: 978-4883376674
# 発売日： 2009/08
# 商品の寸法: 23.6 x 18.2 x 2.6 cm
【カスタマーレビュー】
MovableType、WordPressでサイト構築する前にお勧め
検索順位に大きな変動あったYahoo!のアップデート、今回は下記のようになっています。
【１】ページ内の情報量（総単語数）は今まで以上に、多いほど有効である。
【２】リンク元のテーマの関連性の影響が強まった。
【３】リンクの影響力は、全体的に強まった。
【４】リンクの量の影響が強まった。
【５】Yahoo!カテゴリ登録サイトからのリンクの評価がさらに強まった。
【６】リンク元のIP分散の影響が強まった。連番でもとにかく分散量が多いほど効果あり。
【７】ドメイン年齢の評価が復活。
【８】titleタグ、見出しタグ、Yカテゴリ登録などの影響が若干下がっている。
自力でできるSEO対策として、タイトルタグや見出しタグなどの影響が若干下がっているとはいっても、相変わらず最も重要なSEO効果である事には違いありません。もはや常識的な対策でもあるため、これらの対処を行っていなければ検索にかかる事すら厳しいといえます。また、検索上位に表示されるサイトほどページ内の総単語数が多い傾向にあるようなので、ページ内の情報量を増やすことは有効なSEO対策といえるでしょう。
記事引用元：MarkeZine（マーケジン）より
⇒ http://markezine.jp/article/detail/8544
記事の内容にご満足戴けましたならクリックをお願いします ↓
人気blogランキング！ ブログランキングくつろぐ ＪＲＡＮＫブログランキング
Copyright © 2006 無料ブログ テンプレート カスタマイズ All rights reserved.
ドメイン SEO対策カウンター
Template by ブログ＆ホームページ作成 ガイドブック 解説本
