(WEB制作入門2)HTMLの目的
HTMLは、世界共通のコンピューター言語で、タグというコードでできています。
タグは、「こんな意味で使いましょう」ということが決められています。
たとえば、h1 というのは見出し1のことで、大見出しという意味があります。
文字に単に大きさと太さを指定してどーんと目立つようにしたから見出しではなく、見出しにはちゃんとh1というタグをつけないといけません。どうしてでしょうか?
HTMLのバージョンは変化してきた
HTMLは、過去にいろんなバージョンがあり、みんなそれぞれ好きな方法でホームページを作っていました。
その結果、そのバージョンに対応しているブラウザ、対応してないブラウザ、いろいろ出てきて、ホームページを作る基準、一定のきまりというものを整備しないといけなくなりました。
この、HTML4とかHTML5とかのキマリを決めている世界的な機関 W3Cがあります。
世界中の人が好き勝手な方法で記述をすると、収集つかなくなるので、W3Cが推奨している方法で作りましょうという国際的な標準規格があります。
この一番の目的は「すべての人に同じように情報を届けましょう」という目的が有ります。
すべての人というのは、デスクトップPCで見ている人、ノートパソコンで見ている人、タブレットで見ている人、スマホで見ている人、誰もが同じ情報を平等に受け取れるようにしないといけません、という意味です。
すべての人の中には、「音声ブラウザでHPを読んでいる人」も入ります。Googleが情報を収集するロボットクローラーも入ります。
では、音声ブラウザでHPを読んでいる人やGoogleロボットはどのように情報を受け取っているのでしょうか
これはwebの森のサイトです
こちらが、スタイルシート(装飾)をはずしたHTMLそのままの表示画面です。
音声ブラウザの方はこれを読み上げたものを「見ている」ことになります。

下の方を見ていくとこうなっていますね

実はGoogleロボットもほぼこれと同じ画面を見ています。
Googleはこの状態でサイトを判断しています。
Googleに認識されないサイトとは?
自分のサイトに新しいお客さんが来てくれるきっかけって何でしょうか?
- 名刺交換したときに名刺にアドレスが書いてある
- メールを送ったときにメールにアドレスを書いておく
- facebookやtwitterなどをしていて、お知らせを書いて誘導する
- 新聞や雑誌に広告を出す、もしくはチラシを配ってそこにアドレスを書いておく
- どこかの誰かが紹介してくれ、リンクをはってくれた
- 検索エンジンで検索して来てくれた
こんな感じですよね?
1から6番、全部をやったほうが良いですが、この中で絶対無視できないのが6番 検索エンジンからの集客です。
つまり、Googleに認識されないサイトということは、集客の可能性を大きくのがしていることになります。
どうですか?このページの冒頭でどうしてこんな難しいことを聞かないといけない?って思いました?
できるだけちゃんと決まりを守って、W3Cの勧告にしたがって作っていくと、Googleにもちゃんと認識してもらいやすいというメリットがあります。
だから、自分が見てる画面だけですべて判断しないで、ちゃんとGoogleに認識してもらえるようにサイトを作るということは大事なのです。
Googleは、ロボットなので、どんなおしゃれなサイトだろうが、シンプルなサイトだろうが、あまり関係ありません。
それよりも、これは大見出しです、これは中見出しです、これは目次です、これはリストです、という文章の意味と構造を伝えることが大事なのです。
関連記事
-

-
html.to.designの使い方。どんなHPでも一発でFigmaのデータに変換できます!
こんにちは、webの森のモモンガです。 最近youtubeチャンネルで、Figmaについての動画を作… ≫続きを読む
-

-
覚えてもらえるお店になること・・・
webの森は信州EC実践会という、ウェブマーケティングの勉強会を主催していまして、たくさんのネット店… ≫続きを読む
-

-
facebookページにお問い合せ先を入れる方法
webの森のfacebookページを見て気が付いたのですが、ヘッダーにお問い合せ先を追加できる機能が… ≫続きを読む
-

-
ホームページを知り合いに格安でやってもらってはいけない理由
webの森のこくえです。ホームページがほしいなぁと考えている方に、絶対に知って置いていただきたいこと… ≫続きを読む
-

-
件名:Document2 というメールは開かないで削除 メールの受信がストップする場合もあるようです
「件名:Document2」というメールが送られてきた場合、メールを開かずに削除してください。このメ… ≫続きを読む
-

-
【Q】お店のfacebookページを作ったのですが、記事を投稿しても、反応があまりないし、誰が見てくれているかわからないんですが・・・?
《2016年2月補足》サイトリニューアルにあたり、旧記事を整理していますが、アクセスの多い記事は残し… ≫続きを読む
-

-
【今更聞けない】画像のサイズと解像度って?dpiって何?ピクセルって何?RGBって何!?知らないでデザインしていたらヤバイヨ~!
こんにちは、モモンガです。いまさら聞けない「解像度と画像のサイズ」について、Yotubeで番組を作り… ≫続きを読む
-

-
グーグルマイビジネスのオーナー申請のやり方
私の友人で、とあるお店を経営しているのですが、 グーグルマイビジネスを取引先である大手ポータルサイト… ≫続きを読む
-

-
信州EC実践会・飯田 水上浩一出版記念セミナー H31年1月28日
SEOに強い!ネットショップの教科書 信州EC実践会の水上浩一講師の新刊「SEOに強い!ネットショッ… ≫続きを読む
-

-
同じ部屋の別のWindows10とフォルダを共有したい場合
今回ものすごく苦労して、パソコンの先生に教わりながら設定したのですが、いろいろ備忘録しておきます。(… ≫続きを読む


