おぼえられないから

ただただ自分の覚え書きのためです。

個人的な覚書なので見ても役に立ちませんよ。

今まで、ページ構造にこだわらずにホームページを作ってきたが、
HTMLも5になりCSS3も主流になってきたので
にわかSEO対策として、マークアップを考えなおしてみた

基本は、他サイト様で紹介されているので、
あくまでも、自分サイト用に適したマーックアップを考える

PCサイトにはカラムデザインが必須になるので
にflexboxを使用したマークアップ
そのため、各コンテンツには「親box」と「子item」が入っている



参考サイト
SEO対策として最低限押さえておきたいHTML/HTML5マークアップの大事な6つのポイント
 
ヘッダー
<header></header>

グローバルナビ
<nav></nav>

ナビボックス
<div class="g_nav_box"></div>

ナビアイテム
<div class="g_nav_item"></div>

コンテナ
<main></main>

コンテンツ
<article></article>

コンテンツボックス
<section class="section_box"></section>

コンテンツアイテム
<div class="section_item"></div>

ボトムナビ
<div class="b_nav"></div>

ボトムボックス
<div class="b_nav_box"></div>

ボトムアイテム
<div class="b_nav_item"></div>

フッター
<footer></footer>

コメント

コメントフォーム
評価する
  • 1
  • 2
  • 3
  • 4
  • 5
  • リセット
  • 1
  • 2
  • 3
  • 4
  • 5
  • リセット