技術めも

HTML5 SEO 入門

http://schoo.jp/class/1776/room

HTML5 SEO

コンテンツモデル
ブロック、インライン要素 → コンテンツモデル

セクショニング・コンテンツ
section, article, aside, nav

HTML5 Outliner - Plagin

article タグ内で完結していなければならない(1つのコンテンツで完結しているもの)

h1 の img alt もOK

main タグ
figure 図とかイメージを囲う。その説明を figcaption
time タグ <time stwtime="2015-01-26">2015.01.26</time>

http://validator.w3.org/
https://html5.validator.nu/

title = 20-30文字
meta.description = 160文字以内

Open Graph protocol (SMO)
ogプロパティ
<html prefix="og:http://ogp.me/ns#">

Web Fundamentals - Google
Web Starter Kit - Google

https://developers.google.com/web/fundamentals/getting-started/?hl=ja

HTML5 Outliner

ダイエット アプリ | iphone/ipadアプリ - Appliv
  ↓
ダイエット おすすめアプリランキング | iphone/ipadアプリ - Appliv
 
サイトの表示速度について | SEO HACK
  ↓
WEBサイト高速化・表示速度改善のために知っておきたい基礎知識 | SEO HACK

合わせて何を検索されるワードは何か?言葉の言い換え
数字を入れる
それに関するキーワードで検索してみる

サーチコンソールの使い方 | SEO HACK
  ↓
Googleサーチコンソール(ウェブマスターツール)の機能と使い方 | SEO HACK

地味でも良いのでちゃんと重要なキーワードが入っている
サーチコンソール
- モバイル ユーザビリティ

Google モバイルフレンドリーテスト

サーチコンソール
- ペナルティ
- title, meta description
- クロール/インデックス状況
- クロール中のエラー
- 情報提供
HTMLの改善
→ title, meta description の重複確認
→ 気がつかないURLの発見