chevron_left HTML5/CSS実践 明日から使えるテクニック

HTML5/CSS実践 明日から使えるテクニック

PREMIUM

会員登録して、全てのスライドを見よう

1 / 76

授業の概要

今年W3Cから正式に勧告されたHTML5について、

「適切な文法で、かつSEOにも強い書き方」を解説します!


授業では、以下のような内容を盛り込む予定です。
・SEOに特に重要なtitle,h1~6,meteタグの適切な使い方
・section、articleタグのちゃんとした使い方
・figure,asideタグなどのHTML5から登場した主要なタグの解説
・dl,dt,ddタグなどのHTML5から仕様が変わったタグの解説

■授業中の参考ページ一覧

「Microsoft、Googleを抑えてLIGが1位になりました!!」
http://liginc.co.jp/news/notice/report/70126

「HTML5KARUTA - 「HTML5カルタ」で覚えるHTML5の108つのタグ」
http://roadstohtml5.com/html5karuta/

「HTML5 ドキュメントのセクションとアウトライン (MDN)」
https://developer.mozilla.org/ja/docs/Web/HTML/Sections_and_Outlines_of_an_HTML5_document

「HTML 5 Outliner」
https://gsnedders.html5.org/outliner/
https://chrome.google.com/webstore/detail/html5-outliner/afoibpobokebhgfnknfndkgemglggomo?hl=ja

「Google’s 200 Ranking Factors: The Complete List」
http://backlinko.com/google-ranking-factors

「Googleのアルゴリズムにおける検索順位に影響を与える200+個の要因のまとめ」
http://coliss.com/articles/build-websites/operation/work/google-ranking-factors-by-backlinko.html

「W3C Markup Validation Service」
http://validator.w3.org/

「HTML5 Validator (WHATWG)」
https://html5.validator.nu/

「Web Fundamentals」:ウェブサイト作成のベスト プラクティスを集めた用例集。
https://developers.google.com/web/fundamentals/

「Web Starter Kit 」: Web Fundamentals の用例を応用して、ウェブサイトを一から作るためのフレームワーク。
https://developers.google.com/web/starter-kit/

 

こんな人にオススメ

XHTMLは書けるけどHTML5には自信がない方・HTML5は書けるけどSEO対策は苦手な方