プログレッシブ エンハンスメントとは?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等のブラウザでチェックして下さい。

 

関連記事

ドメイン移転時のリダイレクト設定とは

ドメイン移転の際は、.htaccessファイルでリダイレクト設定を忘れずに【必須手順】

ウェブサイトの運営過程で、サイトドメインを変更するケースもあるでしょう。 中には、あるどメイン

記事を読む

SEO案件のご相談を頂くために大切なこと

多くのSEO案件をご相談・ご依頼頂けるようになった理由

私のようなSEO屋でも、ご相談・ご依頼くださるクライアント様がいらっしゃいます。 有難い事に、

記事を読む

検索エンジンに評価される良い記事とは?

SEO効果の高い【良い記事】と【悪い記事】

どうも。忙しぶって記事更新をしない高橋です。 約1ヶ月ぶりです。 今回は、記事(≒コンテ

記事を読む

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

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

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

記事を読む

地方都市の店舗ウェブ集客を成功させるには

【SEO対策】札幌・帯広出張で感じた地方のウェブ集客はエリア名SEOの捉え方が難しい

先週、札幌・帯広へお仕事で伺った際に夕方ビジネスホテルで書類整理や荷物整理をしながらテレビを

記事を読む

404ページ設定は必要ですか?

SEOに効く404エラーページを作成しよう!WordPress設定の仕方も

古いページを削除したため404エラーが発生している場合や、誰かが張ってくれたリンクのパスが誤

記事を読む

検索エンジンのユーザーシェアはどこが多い?

検索エンジンシェアをアンケートとって調べてみた

先日検索エンジンの利用調査アンケートを実施しました。 簡単に言えば「どこの検索エンジンを使

記事を読む

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

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

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

記事を読む

SEO対策について実りある相談をするには

SEO対策の何を相談したら良いかが分からないあなたへ。

10年ほどSEOエンジニアをしていますので、それはもう数百件(1000件を超えている?)のS

記事を読む

URLの正規化って何?

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

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

記事を読む

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

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

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

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

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

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

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

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

SEOとキーワード数
SEOとキーワード数(メタタグ・タイトル・1ページ内)の正しい設計

この記事は、ご自身でサイト上位表示に取り組む方向けの内容です。

→もっと見る

PAGE TOP ↑