HTML5の可能性とメリット

HTML5とは?

hypertext-markuplanguage-history-index

W3C より2008年1月22日にHTML5のドラフト(草案)が発表、2014年には正式に勧告されるのではないかと言われています。

HTML5は、ウェブページのヘッダ情報を示すhead要素、ナビゲーションのブロック用のnav要素、コピーライトなどのフッタ情報を示すfooter要素など、特別な意味を持つ要素が追加されセクションごとに意味を定義することができるようになりました。

マルチメディアのためのaudio要素やvideo要素、描画するための canvas要素も追加されています。

HTML5の登場でWEBサイトの制作者にとって、Adobe FlashやMicrosoft Silverlightのような外部プラグインの必須性を、軽減した高性能なWebアプリケーションが制作できることが期待されています。

WEBサイトをHTML5で構築するメリットは?

デジタルマーケティング時代のSEOの優位性

前章で挙げられた新しく追加されたタグにより、HTML5では「記事」タグ、「ヘッダー」タグ、「フッター」タグというように、制作者が意図する意味や文脈をWEBサイトに与えることができるようになりました。これは検索エンジンがよりWEBサイトの内容を理解し情報を収集できることに繋がります。

また、デジタルマーケティングにおいてiPhoneやAndroidといった携帯端末のシェアは拡大し大きな市場を形成しています。今後、モバイルへの最適化がよりデジタルマーケティングにおいて重要な存在になることは間違いないと思います。

WEBサイトがモバイル時代を向かえる流れは、1990年代のダイヤルアップモデムでWEBサイトを利用していた時代に共通する要素があります。転送速度が低いモデム接続を介して簡単にページにアクセスするために、制作者は出来る限り画像を小さくし、無駄なコードを省くことを意識して開発をしていました。そしてブロードバンド時代、ページ速度を気にすることなく派手なアニメーション、グラフィックスを用いた演出が多くなってきたところで、原点回帰をするようにモバイル時代を向かえ、制作者はページの読み込み速度を考慮した設計を考える必要性が出てきました。

検索エンジンの最大手のGoogleにおいても、モバイルデバイスからのトラフィックが増え、モバイルデバイスにおけるSEOの要因としてもページの速度があげられています。

モバイルデバイスで検索結果からページをロードする5、10、または20秒かかってしまったら、多くのユーザーは落胆し、前のページの戻ったり、その場で閲覧を終えてしまう可能性が増します。Googleからみてもこれは失客、利益損失につながると容易に推測できます。そのため、サイトの品質を決定する上でページの読み込み速度も考慮する必要性が出てきています。SEOの視点からみてもページの速度は重要な要素になるのではないでしょうか。

HTML5を使用すると、外部のプラグインを使わずにCSSやjavascriptなどのテキストベースで魅力的な広告表現を行うことが出来ます。これは、ファイルサイズのスリム化、つまりページの読み込み速度の向上も期待が出来ます。

さらに、デスクトップやモバイルの異なるプラットフォームの間での共有が容易になり作業効率をあげることも期待されています。

以上のように、HTML5の導入によって、SEO、モバイルデバイスに最適化されたWEBサイトの制作が可能になるというメリットが導かれそうです。

関連記事

【デザイン】想像力を刺激するようなクリエイティブな本棚

今回は、タイトルの通り普通の本棚とは異なるアイディアにあふれたクリエイティブな本棚のデザインをまとめてみました。 “Bias of Thoughts” 目の錯覚を利用した不思議なデザインです。 Link:http://melbournea...続きを読む

2015.02.15インスピレーション

静岡洋館巡り「旧マッケンジー住宅」フォトギャラリー

国登録有形文化財「旧マッケンジー住宅」を見てきました。旧マッケンジー住宅は、明治から昭和初期にかけて活躍した建築家のウィリアム・M・ヴォーリズによる設計です。現在にでも通じるシステムキッチンや浴室があり、70年以上前とは思えないほどの設備が整っています。 概要(引用) ...続きを読む

2015.04.06フォトギャラリー

【WP】標準ギャラリーをGalleriffic対応にするプラグイン『Photospace』

『Photospace』は、jQueryのサムネイル付のスライドショーギャラリーを実装できる「Galleriffic」を、WordPressの標準ギャラリーのショートコードに対応させることができるプラグインです。 WordPressでは標準ギャラリーのショートコードの出...続きを読む

2015.02.18WordPress

【お名前.com】ドメインの申請が完了できなくなってしまった-解決方法-

WEBサイト(ホームページ)を新しく公開するときは、URLとなるドメインが必要になります。ドメインを取得するために、「お名前.com」のサービスを利用することが多いのですが、申込中にエラーが発生しました。 「お名前.com」で新しいドメインを申込した際に、『カートの内容が変...続きを読む

2018.07.23WEBサイト制作お名前.comドメイン

【WP】WordPressで出力されるHEADタグ内の内容を整理する

WordPressを利用してWebサイトを構築すると、HTMLを構成するHEADタグ内にWordPress特有の記述が見れます。このWordPress特有の記述は自動的に生成されるため、テーマファイルのソースに記述されているheadタグ内の内容を編集するだけでは変更することができ...続きを読む

2021.01.28HTMLコーディングWordPress