2020年6月7日日曜日

表示されないものもデザインする

ウェブサイトには一見表示されていないけれど、ページに埋め込まれているものがたくさんあります。必要に応じて細部までデザインを行います。

メタデータ

データに関するデータ(情報)です。ウェブページ(文書)におけるメタデータは、冒頭部分の<head>〜</head>内に記述します。ページのタイトルや概要テキスト(discription)についての記述は検索エンジンで検索結果表示などに反映されます。またfaviconと呼ばれるアイコンをつけておくことで、ブラウザでたくさんのタブを開いていても探しやすくなります。

OGP

メタデータの中でも近年重視されるようになってきたのが、OGP(Open Graph Protocolの略。TwitterやFacebookなどのSNSなどでウェブページの内容を伝えるための記述。

<参考URL>
OGPとは Content Hub(コンテンツハブ) | ナイル株式会社

Exif(イグジフ)

Exchangeable image file format
(エクスチェンジャブル・イメージ・ファイル・フォーマット)

写真に関するメタデータを含む画像ファイルフォーマット。
画像のサイズ(解像度)や撮影日時、撮影機器に関する情報、撮影時の設定(シャッタースピード・F値・ISO感度など)が写真撮影とともに自動的に記録されています。また、最近は位置情報(GPS)機能のついたスマートフォンで撮影すると写真を撮影した場所まで特定できてしまいます。