プログレッシブ エンハンスメントとは?Googleの推奨するサイト構築法

公開日: : 最終更新日:2015/06/08 SEO

   
 
   

プログレッシブ エンハンスメントとは?

2014年10月末にGoogleはウェブマスター向けに技術に関するウェブマスター向けガイドラインを更新しましたというアナウンスをしました。

今回はこの公式発表内にもありました『プログレッシブ エンハンスメント』についてです。

プログレッシブ エンハンスメントとは?どんな意味?

プログレッシブ・エンハンスメントとは、言葉を分解すると次のような英語です。
■プログレッシブ・・・進歩的、進行形の、進行性の
■エンハンスメント・・・改良、強化

余計に意味がわからなくなりそうですね。

プログレッシブ・エンハンスメントとは、IE7やIE8で表示した場合も最新のChromeで表示した場合も、同様のテキストコンテンツを確認できるようにしましょう、そんな考え方です。
最新のCSS3を取り入れてビュンビュン動くサイトも良いけれど、IE8から見た時にビュンビュン動かないけど文章や指し示す画像はきちんと確認できるようにしましょうという事で、最新の進化したブラウザ向けにサイト改修を行う際に、旧ブラウザをフォローするべしとなりますね。

Googleが推奨するプログレッシブ エンハンスメントの考え方を実行するには?

重要なポイントをまとめます。

ブラウザ間における
・html
・css
・js
・フラッシュなど
で、一部ブラウザではフォローされていないマークアップを行う場合、非対応ブラウザ用の代替マークアップを用意する、又はマークアップを再構築する

css等の対応状況を確認する

参考にしたいサイトがいくつかあります。
ここでは、サイトの最適化を行う方々に知っておくべき2サイトを掲載しておきます。

ブラウザ別のHTML5 & CSS3 サポート状況一覧(英語)

css3_1
http://fmbip.com/litmus/
動きのあるサイトやcssでリッチなグラデボタン、擬似クラスを用いたマークアップ時にどのブラウザへのフォローが必要かさっと確認できる便利な一覧表です。
現在ドラフト仕様であるcss3。今後のW3Cの発表にあわせ編集が継続されることを願っているページです。

ブラウザ別の対応状況を検索(英語)

css3_2
http://caniuse.com/
先のサイトは一覧でしたが、こちらは検索できることがメインのサイトです。
マークアップ中に気になったらさっと検索できることがこのサイトの魅力です。

誰でも閲覧できることが最重要

以前Googleがレスポンシブデザインを推奨し、日本でもレスポンシブデザインでのサイト構築が増えていると聞きます。
今回のプログレッシブ エンハンスメントと共通して言えることは
『誰でも閲覧できること』

ブラウザやデバイスにとらわれず、同一のコンテンツを正しく見せることがSEOの基本となってきました。
あまりに当たり前といえば当たり前の事ですが、多くのサイト管理者にとってSEOがより分かりやすい存在となってきていることは良いことだと思っています。

ということで、今回はここまで。
読んでおしまいではなく、是非自社サイトをIE7等のブラウザでチェックして下さい。

 

関連記事

サイトの表示スピードを早くしたい!

サイトの表示スピードを上げるぞ!CSS・js圧縮、画像最適化でどの位早くなるかな?

ブラウザからサイトを閲覧する際には、CSS(カスケーディング・スタイル・シート)やjs(ジャバス

記事を読む

サーバー変えるだけで順位が上がる?

SEOとサーバーの関係性。SEOに強いサーバーはあるのか?

SEO知識を高めることに多くの時間や費用を掛けているサイト管理者であるにも関わらず、そのサイ

記事を読む

タイムスタンプのみ更新すれば、新鮮なサイトだと判定されるの?

SEO対策効果を高めるためにサテライトサイトのタイムスタンプを更新するべき?

今回のお話は『タイムスタンプ』です。 先日(といっても、1ヶ月近く経過してしまった)とあるアフ

記事を読む

SEOの戦略を事前にねるべき?

戦略的SEOを取り入れないリスク

2011年頃までのSEO依頼の大半は、「このサイトの順位を1ページ目にして」といったものでし

記事を読む

URLの正規化って何?

URLの正規化はSEOの基本(wwwありなし・index.htmlありなしの統一)

今回のテーマは『URLの正規化』です。 運営開始から間もないサイトでも、運用歴の長いサイト

記事を読む

SEO対策の設計で重要な点

SEO施策の設計でもっとも大切な事とは?

新規にサイトを作ろうというタイミング、今までほったらかしだったウェブサイトをSEOを意識し、強く

記事を読む

SEOを頑張るならCMS導入すべき?

SEOのご相談を頂いた際に、CMS導入を薦める訳

もしあなたのサイトは静的なhtmlで制作されており、CMS導入をすべきか悩んでいるならこの記

記事を読む

相互リンク募集とかまだやってるの?

相互リンクを募集しているサイトと相互リンク?絶対ダメ!

もしあなたが、相互リンクを張り合ってくれるサイトを探しているなら、この記事を読んでから本当に

記事を読む

コンテンツSEOの本かきました

SEO本かきました!インハウスSEO担当者におすすめの書籍です

自らサイト原稿を書いている経営者さんや、社内のWEB担当者さん、サイト制作者さん向けのコンテ

記事を読む

日本語ドメインはSEO効果あるの?

これが推奨ドメインだ!日本語ドメイン非推奨のわけ

数千の種類があるドメイン。 ここでは、これから新規にドメインを取得しサイトを立ち上げようと

記事を読む

 
 
2020年トレンド
2020年のSEOトレンド

明けましておめでとうございます。(いまさら!)毎年書いていた年始め

2019年のSEO
2019年のSEO。私が頑張りたい4要素。

昨年(2018年)は書くのを忘れました。今年は書いておこうと

Googleの個人名「ナレッジパネルの認証を受ける」の申請方法・編集

Googleで個人名検索をした際に表示される「ナレッジパネル

検索意図ドリル
コンテンツマーケティング関連本「検索意図ドリル」書きました。

ドリルを書きました。 「は?ドリル?あの漢字とかの?」 こ

2017年のSEOトレンド
2017年のSEOトレンド予測と重点対策ポイント

2017年に注力すべきSEO領域、新たにキャッチアップすべきSEO

→もっと見る

PAGE TOP ↑