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

 

関連記事

メタディスクリプションのSEO効果って?

SEO目的のmeta description(メタ ディスクリプション)はやめにしないか?

この記事は、meta descriptionタグのSEO効果とアクセスアップについて記述して

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

地域名SEOに再注目!

地域名でSEO!ドアウェイページが一掃されてチャンス到来?

商圏エリアが限られるビジネスをされている方々に朗報です。 地域に根ざした商売をする方にとってプ

記事を読む

SEOとキーワード数

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

この記事は、ご自身でサイト上位表示に取り組む方向けの内容です。 htmlタグのお話が登場します

記事を読む

SEOエンジニアの業務とは?

SEOエンジニア・SEOスペシャリストとは?仕事内容は?

つい先日もSEOエンジニアという職種について質問を受けました。 やはり、WEBデザイナーや

記事を読む

ping送信でSEO効果はあるの?

【SEO効果】日に数回更新するブログにping送信は必要か?

あなたの運営されているブログは日に0回~5回/日程度の更新頻度ですか? であれば、ping

記事を読む

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

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

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

記事を読む

職種SEOコンサルタントって?

SEOコンサルタントとはどんな仕事?なるには要件や資格が必要?

SEOコンサルタントになろうか考えている方、SEOコンサルタントを雇うべきか考えている方のご参考

記事を読む

Google検索に引っかからない時の対処法

検索に引っかからない時、サイト管理者が確認すべきこと

あなたのサイト(ホームページ)やブログが検索エンジンに引っかからない場合、このポストにそいチ

記事を読む

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

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

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

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

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

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

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

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

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

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

→もっと見る

PAGE TOP ↑