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サイトの制作が可能になるというメリットが導かれそうです。

関連記事

【デザイン】リアルの花を使った美しいイラストレーションの世界

今回は素敵だなと思ったアーティストさんの作品をご紹介します。表題のとおり、リアルの花や自然のものを使い、美しくかわいらしいイラストレーションの作品を手掛ける Lim Zhi Wei さん。シンガポールを拠点に活動されているアーティストです。 Lim Zhi Wei 彼...続きを読む

2015.02.16インスピレーション

【動画】スマートフォンを使った面白いトリック写真の撮影方法

こんにちは。最近はyoutubeで世界中の様々な方が撮影方法を動画で紹介しています。自分もカメラの勉強にとよく見ています。今回は、スマートフォンとちょっとしたアイディアを加えることで撮影できるトリック写真の撮影方法が紹介されていましたので紹介いたします。動画の解説は英語ですが、映...続きを読む

2018.02.15撮影スキル

美容室グランディール様折込チラシ制作

富士宮市にある『美容室グランディール』様の折込チラシを制作いたしました。お店で開催されるキャンペーン、お店の基本情報を告知するための折込チラシです。 [gallery link="file" columns="4" ids="725,726"] クライ...続きを読む

2015.03.19チラシ制作美容室

【無料】商用利用OKシームレステクスチャ「岩石(白玉石風)」素材

自然の岩肌を表現したシームレスの無料で使えるテクスチャです。白玉石のような白色の石の質感を再現しています。継ぎ目のないシームレス加工をしているテクスチャです。テクスチャマッピングやタイル敷の背景素材などにお使いいただけます。商用利用OKのフリー素材となっております。 ...続きを読む

2018.09.12シームレステクスチャ

カフェオールドソーコ様ショップカード制作

富士市でモチモチの生パスタと焼きたてワッフルを楽しむことができる『カフェ オールドソーコ』様のショップカードを制作いたしました。WEBサイトとデザインを合わせて、手書きで可愛らしいデザインにいたしました。お店のシンボルのフクロウもポイントです。 クライアント...続きを読む

2015.02.16名刺・カード制作