SEO塾 Vol.235 HTML5は見出し番号無視で異常なアウトライン

─[PR]─────────────────────────────────
　　「家を買う」って何となく自分には縁遠いものと思ってませんか？
　　でも、正しい知識を身につければマイホームはもっと身近になるんです！

　　　　　　▼サラッと読んでしっかり理解！詳しくはこちら▼
　　　　　　　　　 http://i.mag2.jp/r?aid=Ma0230
─────────────────────────────────[PR]─



*******************************************
SEOアクセスアップ SEMオーダーアップ SEO塾
*******************************************
第 235 号 2015-06-12発行


╋━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╋
◆ SEO塾 / アルゴリズム社 プレスリリース
╋━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╋

以下は、アルゴリズム社からのお知らせです。


・ 有料メルマガ 〜 SEO覇道新書
──────────────────────────────────

・アクセスアップ1000% SEO覇道新書 - 有料メルマガでマニュアル・セミナー
http://www.algorism.co.jp/ifmag/

有料メルマガは、
毎月、第二と第四の木曜日に発行

お申し込みは、↓こちらでもどうぞ
http://www.hyperposition.com/magazine/



・ SEOテンプレート 〜 SEO×WPレスポンシブ
──────────────────────────────────

・SEO塾テンプレート×WordPressテーマ
http://www.seowptemplate.com/

レスポンシブWEBデザインに完全対応

カテゴリートップやタグトップにも、オリジナルコンテンツを
表示させることができるようになっています。
ブログの最大の泣き所を克服！




╋━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╋
◆ 行きつく先はHTML5
╋━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╋

Googleの
モバイル フレンドリー・アルゴリズム
の風評が効果的だったのか

あちらこちらのサイトが
スマホ対応になっています。

そのため、4.21以降の、
モバイル検索アルゴリズム変更の影響も
最小限にとどまったかもしれません。


・ モバイル フレンドリーは、HTML5
──────────────────────────────────

スマホ専用サイトの場合は、
HTML4でも、XHTMLでもありでしょうが

レスポンシブWebデザインの場合は、
ほぼ100％
HTML5とCSS3でつくられているはずです。

そうでなければ、
デバイスごとに表示を切り替える
メディアクエリが使えないからです。
(HTML5じゃないと無理、というわけではないですが…)

さて、この
HTML5ですが、
ちょっとクセがあります…


・ HTML5の中心はアウトライン
──────────────────────────────────

SEO塾では、
かねてから、Web標準
構造的ドキュメントを、口やかましく強調してきました。

それが、絶対的なベースとなって、
キーワードや、外部リンクのモジュールを
開発しているからです。


そのHTML5ですが、
じっくり検証してみると
「構造」がさらに強化されて

「階層構造」ドキュメントの言語となっています。

この階層構造を
巷では
アウトラインと言っているようです。


・ HTML5のアウトラインの異常性
──────────────────────────────────

さて、
百聞は一見にしかず、

HTML5のアウトラインをざっくり確かめるには、
次のサイトが、超便利です。

・HTML 5 Outliner
https://gsnedders.html5.org/outliner/


さっそく
次の、A と B のソースをコピペして
アウトラインをみてください。

●A
<header>
<h1>header h1</h1>
</header>
<h2>section1 h2</h2>
<h3>section2 h3</h3>
<h4>section3 h4</h4>


●B
<header>
<h1>header h1</h1>
</header>
<section>
<h2>section1 h2</h2>
</section>
<section>
<h3>section2 h3</h3>
</section>
<section>
<h4>section3 h4</h4>
</section>


Aは、今までの常識どおりのアウトラインですが、

Bは、h2・h3・h4が、同格となっています。

つまり
HTML5では、コーディングによって
階層が上下し、
アウトラインが変わり

さらに、その見出しタグの価値が変わる可能性があるのです。


・ インチキも可能(笑
──────────────────────────────────

最後に
次のソースのアウトラインを見てください。

●C
<header>
<h4>header h4</h4>
</header>
<h3>section1 h3</h3>
<h2>section2 h2</h2>
<h1>section3 h1</h1>

なんと！
すべてが同じ階層
つまり同格になっているんですねぇ…


昔の人は
h1がどうのこうのと言っていましたが、

今は、
第1階層がどうのこうのと、なりそうです。


・ HTML5用のコーディング
──────────────────────────────────

ということで

HTML5には、やはり知識と技術を再インストールして
コーディングをやり替える必要もありそうです。


しかも、
コーディングを、少し工夫しただけで
ロングテールでは、上位表示につながったケースも多いです。


SEO塾/アルゴリズム社では、
このような、

・モバイルフレンドリー
・フラットデザイン
・HTML5
・アウトライン

をベースに
"モダンSEO"を提唱します。


・HTML5は見出し番号無視で異常なアウトライン
モダンSEOの成功事例 SEO覇道新書（有料メルマガ）6月11日発行
http://www.seoragnarok.com/blog/20150611145525.html




╋━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╋

◆ 編集後記

それでは
また
次号で



╋━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╋

▼ アルゴリズム社運営サイト
・SEO塾
新：http://www.algorism.co.jp/
旧：http://www.hyperposition.com/
・SEO塾テンプレート
WordPress版：http://www.seowptemplate.com/
・社長ブログ：http://www.algorism.jp/
・SEOブログ：http://www.seoragnarok.com/blog/

▼ ソーシャル・ネットワーク
・Twitter：https://twitter.com/algorism
・Facebook：https://www.facebook.com/algorism

╋━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╋

◆ 注意事項
このメールマガジンは、上位表示を絶対に保障するものではありません。
よく読み、よく理解し、よく実践してください。
SEO はあくまでも自己責任でお願いします。

このメールマガジンの全文または一部を、発行者の許可なくブログ
その他に、転載することを禁止します。

┼────────────────────────────────┼
■ メールマガジンの登録・解除
http://www.algorism.co.jp/magazine/
■ SEO塾
http://www.algorism.co.jp/
╋━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╋


◎SEOアクセスアップSEMオーダーアップSEO塾
のバックナンバー・配信停止はこちら
⇒ http://archive.mag2.com/0000114916/index.html


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
▽こちらもいかが？ "ビジネス・キャリア"ジャンルの注目メルマガ
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
●川島和正の日刊インターネットビジネスニュース
http://www.mag2.com/w/0000181856.html　　日刊

□読者数33万部超、日本一の個人メルマガ（まぐまぐ総合ランキング調べ）
□７年連続で年収１億円以上になり、50か国以上を旅行して、
190平方メートルの豪邸に住んで、スーパーカーに乗れるようになり、
さらに、著書は、日本を代表する超有名人２人に帯を書いてもらい、
累計50万部のベストセラーとなった、現在香港在住の川島和正が、
最新のビジネスノウハウ、自己啓発ノウハウ、健康ノウハウ、恋愛ノウハウ
さらに「今チェックしておくべき情報リスト」などを配信中！

★発行者webもご覧ください↓
http://kawashimamm.com/

























━━━━━━━━━━━━━━━━━━━━━【広告するなら、まぐまぐ！】━
大量に配信、確実な登録。メルマガ広告はクリック先のユーザー登録に強い！
３０種類以上のメニューから、お客様に最適なプランをご提案いたします！
☆広告のお問い合わせ⇒ http://www.mag2.co.jp/contact/adinfo.html
☆低予算でご検討の方⇒ http://www.mag2.com/ad5/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━