chevron_left

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

HTML5基礎 -適切かつSEOにも強い書き方を学ぶ-

2015年2月11日 80min
HTML5基礎 -適切かつSEOにも強い書き方を学ぶ- play_arrow おためし受講

スライド資料

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

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対策は苦手な方

担当の先生／パーソナリティ

チャプター

play_arrow
自己紹介＆アジェンダ
05:43
play_arrow
HTML5とは：検索エンジンに優しくなった
02:31
play_arrow
HTML5とは：コンテンツモデル
06:16
play_arrow
HTML5タグの実践的な使い方：間違えやすいタグ
15:38
play_arrow
HTML5タグの実践的な使い方：h1タグの使い方
03:15
play_arrow
HTML5タグの実践的な使い方：articleタグの使い方
07:09
play_arrow
HTML5タグの実践的な使い方：mainタグの使い方
01:05
play_arrow
HTML5タグの実践的な使い方：figureタグの使い方
02:02
play_arrow
HTML5タグの実践的な使い方：timeタグの使い方
03:25
play_arrow
SEO最重要タグ
02:23
play_arrow
Open Graph protocol
03:24
play_arrow
おまけ