独学でサイトを作ると、何でもかんでも <div> タグで囲ってしまいがちです。しかし、20名のPLとして数多くのコードを見てきた経験から言えば、これは「中身のわからない箱」を積み上げているのと同じです。SEO(検索エンジン最適化)を意識するなら、タグに「意味」を持たせることが不可欠です。
// 初心者がやりがちなNG例(検索エンジンが中身を理解できない)<div class="ue">サイトのロゴ</div> // divだけでは「ここが頭」だと伝わらない<div class="shita">コピーライト</div> // クラス名で区別しても、機械には無意味// プロの書き方(SEOに強く、メンテナンスも楽)<header>サイトのロゴ</header> // 「ここはヘッダーです」とはっきり宣言<footer>コピーライト</footer> // 正しいタグを使うだけで、サイトの信頼性が向上
このように、適切なセマンティックタグを選ぶことは、Googleにあなたのサイトの価値を正しく伝えるための最短ルートです。本セミナーでは、見た目を作る前の「正しい設計図」の描き方を整理します。
※セミナー内では、現場でそのまま使える「HTML5文書構造テンプレート」を配布します。