プログレッシブ エンハンスメントとは?Googleの推奨するサイト構築法
公開日:
:
最終更新日:2015/06/08
SEO
2014年10月末にGoogleはウェブマスター向けに技術に関するウェブマスター向けガイドラインを更新しましたというアナウンスをしました。
今回はこの公式発表内にもありました『プログレッシブ エンハンスメント』についてです。
プログレッシブ エンハンスメントとは?どんな意味?
プログレッシブ・エンハンスメントとは、言葉を分解すると次のような英語です。
■プログレッシブ・・・進歩的、進行形の、進行性の
■エンハンスメント・・・改良、強化
余計に意味がわからなくなりそうですね。
プログレッシブ・エンハンスメントとは、IE7やIE8で表示した場合も最新のChromeで表示した場合も、同様のテキストコンテンツを確認できるようにしましょう、そんな考え方です。
最新のCSS3を取り入れてビュンビュン動くサイトも良いけれど、IE8から見た時にビュンビュン動かないけど文章や指し示す画像はきちんと確認できるようにしましょうという事で、最新の進化したブラウザ向けにサイト改修を行う際に、旧ブラウザをフォローするべしとなりますね。
Googleが推奨するプログレッシブ エンハンスメントの考え方を実行するには?
重要なポイントをまとめます。
ブラウザ間における
・html
・css
・js
・フラッシュなど
で、一部ブラウザではフォローされていないマークアップを行う場合、非対応ブラウザ用の代替マークアップを用意する、又はマークアップを再構築する
css等の対応状況を確認する
参考にしたいサイトがいくつかあります。
ここでは、サイトの最適化を行う方々に知っておくべき2サイトを掲載しておきます。
ブラウザ別のHTML5 & CSS3 サポート状況一覧(英語)
http://fmbip.com/litmus/
動きのあるサイトやcssでリッチなグラデボタン、擬似クラスを用いたマークアップ時にどのブラウザへのフォローが必要かさっと確認できる便利な一覧表です。
現在ドラフト仕様であるcss3。今後のW3Cの発表にあわせ編集が継続されることを願っているページです。
ブラウザ別の対応状況を検索(英語)
http://caniuse.com/
先のサイトは一覧でしたが、こちらは検索できることがメインのサイトです。
マークアップ中に気になったらさっと検索できることがこのサイトの魅力です。
誰でも閲覧できることが最重要
以前Googleがレスポンシブデザインを推奨し、日本でもレスポンシブデザインでのサイト構築が増えていると聞きます。
今回のプログレッシブ エンハンスメントと共通して言えることは
『誰でも閲覧できること』
ブラウザやデバイスにとらわれず、同一のコンテンツを正しく見せることがSEOの基本となってきました。
あまりに当たり前といえば当たり前の事ですが、多くのサイト管理者にとってSEOがより分かりやすい存在となってきていることは良いことだと思っています。
ということで、今回はここまで。
読んでおしまいではなく、是非自社サイトをIE7等のブラウザでチェックして下さい。
関連記事
-
-
コンテンツ内に入力ミス(誤字脱字)があるとSEO視点で減点になるの?
ブログやサイトへコンテンツの追加を行う。作業内でタイピングミスが発生し、そのまま放置されてい
-
-
2016年最新SEOトレンドは、この4つをおさえるべし
2016年も始まって2週間。やっと今年1記事目の高橋です。 今年もよろしくお願いします。
-
-
2017年のSEOトレンド予測と重点対策ポイント
2017年に注力すべきSEO領域、新たにキャッチアップすべきSEO要素、SEOの歴史を振り返りな
-
-
過去に失敗したSEO施策を7例あげます
弘法にも筆の誤りと言いますが、私のようなひよっこであれば、それはもう多くの失敗をする訳です。
-
-
SEO効果あり!ページ表示速度の改善方法
サイトやブログの表示速度が遅い場合、大きなトラフィックの損失となっているかもしれません。
-
-
レスポンシブデザインはSEOに有利?WordPress等のCMSでは?
この記事は、既に保有するサイトをレスポンシブ化しようか、または新規作成するサイトをレスポンシ
-
-
外部SEO対策の方法(ホワイトとブラック)
SEOには、内部と外部がありますね。 内部対策は地道にサイト編集することでより良く最適化さ
-
-
トップダウンペナルティー(TDP)とトップページが上位表示しない場合の対処法
YSTのトップダウンペナルティー、Googleのトップダウンペナルティーで大慌てなサイト管理
-
-
コンテンツSEOセミナーへのご参加ありがとうございました。
昨日(2015年2月24日火曜日)コンテンツSEOセミナーを開催させて頂きました。 急な開
-
-
SEO目的のmeta description(メタ ディスクリプション)はやめにしないか?
この記事は、meta descriptionタグのSEO効果とアクセスアップについて記述して