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

スポンサーリンク

関連記事

コンテンツ最適化シートってなに?

コンテンツ最適化シートとは?(COS:Content Optimization Sheet)

オウンドメディアを立ちあげたい場合、自社サービスサイトのトラフィックを増やしたい場合、コンテ

記事を読む

オーサーランクを上げるのが大事なの?

オーサーランクは気にするな!多過ぎる勘違い

Googleがオーサーシッププログラムを終了した現在において、オーサーランクにおける勘違いを

記事を読む

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

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

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

記事を読む

インハウスSEOのチェックシート

インハウスSEO用に84項目のチェックリスト(内部SEO中心)を公開しました

新年度も始まったということで、内部SEOを中心とした対策箇所のチェックリストを公開しました。

記事を読む

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

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

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

記事を読む

タイピングミスを放置すると順位が落ちる?

コンテンツ内に入力ミス(誤字脱字)があるとSEO視点で減点になるの?

ブログやサイトへコンテンツの追加を行う。作業内でタイピングミスが発生し、そのまま放置されてい

記事を読む

SEOの要因に直帰率は含まれるの?

SEOとの関係性。直帰率が高い、離脱率が高いと順位は落ちる?

この記事では、一般的なWEBサイトやLPへオーガニック経由でアクセスがあった場合の直帰率や離

記事を読む

レスポンシブデザインはGoogle推奨なの?

レスポンシブデザインはSEOに有利?WordPress等のCMSでは?

この記事は、既に保有するサイトをレスポンシブ化しようか、または新規作成するサイトをレスポンシ

記事を読む

ブログの更新頻度が高いとSEO上いい?

ブログの更新頻度を上げるとSEO対策効果も上がる?トップページの場合には?

あなたがブログを定期更新している場合にはきっと更新頻度で一度は悩んだことでしょう。 また、

記事を読む

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

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

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

記事を読む

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

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

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

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

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

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

SEMって何?
SEMとは?SEOとの違い

ネット界隈はカタカナや3文字略称が頻繁に出てきます。 ここでは、

キーワードプランナーに仕様変更?
キーワードプランナーの不具合?稼働キャンペーンのないアカウントで検索数が正常に取得できない

今月の上旬に、キーワードプランナーに少し変更があったようです。

→もっと見る

PAGE TOP ↑