Web制作者なら押さえておきたい「HTML5」「SEO」「SMO」に関する公式ドキュメントまとめ8選

セイト

2015.03.18

こんにちは！　LIGフィリピン支社代表のせいと(@seito_horiguchi)です。

最近よく、無料動画のオンライン学習サイト「schoo」さんで授業させていただく機会があるのですが、先月のHTML5の授業はおかげさまでものすごく視聴していただいたようです。ありがとうございます。
具体的な数字はよくわからないのですが、なんかこう、とにかくものすごく視聴していただいたようです。

そのHTML5の授業を行う際に、改めてWeb上で資料を集めまくったのですが、HTMLとかSEOの情報は誤解も多いので、やはり一番信頼できるのはW3CとかGoogleとかの公式文書だと思うんですね。
そんなわけで、今回はHTML5、SEO関連で信頼性の高いであろう公式文書をまとめてみました。ご覧くだされ。

HTML5 | W3

hs-w3c

http://www.w3.org/TR/html5/

HTMLの仕様を策定している標準化団体W3Cが公表している、HTML5の仕様書です。
HTMLの概要からタグそれぞれの定義まで、広範囲にわたって解説されています。

ちなみに全部英語です（ノ∀`）
英語アレルギーの方は、momdo氏という方が訳している以下の日本語訳（※非公式）を読むといいかもしれません。

HTML5日本語訳：
http://momdo.github.io/html5/Overview.html

HTML Living Standard | WHATWG

hs-whatwg

https://html.spec.whatwg.org/multipage/

こちらは、「WHATWG」が公表しているHTML5の仕様書です。
WHATWGとは、HTMLやAPIを中心としたWeb技術についてのコミュニティで、AppleやMozilla、Operaのディベロッパらが中心となって立ち上げた団体で、W3Cとも関連しています。ブラウザ開発者は、W3Cよりこちらの仕様書を目にすることのほうが多いようです。

ちなみに全部英語です（ノ∀`）
英語アレルギーの方は、以下のHTML5.JPさんが訳してくれている日本語訳（※非公式）を読むといいかもしれません。

HTML Standard：
http://www.html5.jp/trans/whatwg_html5faq.html

HTML5 | MDN mozilla

hs-mdn

https://developer.mozilla.org/ja/docs/Web/HTML/HTML5

Web技術に関する情報や丁寧な解説をしてくれているサイト「MDN」のHTML5のページです。
運営は、ブラウザのFirefoxでおなじみのMozilla。

W3Cよりもわかりやすく、実践的な内容に思えます。
特に、HTML5 ドキュメントのセクションとアウトラインは、ややこしいsectionやh1タグの使い方がわかりやすく解説されています。

HTML/CSS Style Guide | Google

hs-google-guide

http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml

Google公式の、HTMLとCSSコーディングルールです。
必ずしもこの通りにコーディングしなくてはいけないわけではありませんが、コーディングルールを持ち合わせていない方やベストプラクティスを模索中の方は、ぜひ参考にしてみてください。

検索エンジン最適化スターターガイド | Google

hs-google-seo

http://static.googleusercontent.com/media/www.google.com/ja//intl/ja/webmasters/docs/search-engine-optimization-starter-guide-ja.pdf

Goobleが公表しているSEOの入門的な解説書です。
metaタグやURL構造などについて解説してくれています。Googlebotくんがかわゆすです。（ノ∀`）

ウェブマスター | Google

hs-google-webmaster

https://www.google.com/webmasters/

Googleウェブマスターの公式サイトです。
ウェブマスターツール以外にも、SEOに関する文書が豊富に揃っていておすすめです。例えば、ウェブマスター向けガイドラインは、職種問わず押さえておきたい入門者向けの内容です。
また、コンテンツに関するガイドラインあたりも、コーディングをするデザイナーやエンジニアは必見です。