(WEB制作入門2)HTMLの目的

   web入門, ホームページの作り方| 

HTMLは、世界共通のコンピューター言語で、タグというコードでできています。
タグは、「こんな意味で使いましょう」ということが決められています。
たとえば、h1 というのは見出し1のことで、大見出しという意味があります。
文字に単に大きさと太さを指定してどーんと目立つようにしたから見出しではなく、見出しにはちゃんとh1というタグをつけないといけません。どうしてでしょうか?

HTMLのバージョンは変化してきた

HTMLは、過去にいろんなバージョンがあり、みんなそれぞれ好きな方法でホームページを作っていました。

その結果、そのバージョンに対応しているブラウザ、対応してないブラウザ、いろいろ出てきて、ホームページを作る基準、一定のきまりというものを整備しないといけなくなりました。
この、HTML4とかHTML5とかのキマリを決めている世界的な機関 W3Cがあります。
世界中の人が好き勝手な方法で記述をすると、収集つかなくなるので、W3Cが推奨している方法で作りましょうという国際的な標準規格があります。

この一番の目的は「すべての人に同じように情報を届けましょう」という目的が有ります。

すべての人というのは、デスクトップPCで見ている人、ノートパソコンで見ている人、タブレットで見ている人、スマホで見ている人、誰もが同じ情報を平等に受け取れるようにしないといけません、という意味です。

すべての人の中には、「音声ブラウザでHPを読んでいる人」も入ります。Googleが情報を収集するロボットクローラーも入ります。

では、音声ブラウザでHPを読んでいる人やGoogleロボットはどのように情報を受け取っているのでしょうか

 

これはwebの森のサイトです
2016-09-07_225513

こちらが、スタイルシート(装飾)をはずしたHTMLそのままの表示画面です。
音声ブラウザの方はこれを読み上げたものを「見ている」ことになります。

2016-09-07_225613

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

2016-09-07_225600

実はGoogleロボットもほぼこれと同じ画面を見ています。

Googleはこの状態でサイトを判断しています。

Googleに認識されないサイトとは?

自分のサイトに新しいお客さんが来てくれるきっかけって何でしょうか?

  1. 名刺交換したときに名刺にアドレスが書いてある
  2. メールを送ったときにメールにアドレスを書いておく
  3. facebookやtwitterなどをしていて、お知らせを書いて誘導する
  4. 新聞や雑誌に広告を出す、もしくはチラシを配ってそこにアドレスを書いておく
  5. どこかの誰かが紹介してくれ、リンクをはってくれた
  6. 検索エンジンで検索して来てくれた

こんな感じですよね?
1から6番、全部をやったほうが良いですが、この中で絶対無視できないのが6番 検索エンジンからの集客です。

つまり、Googleに認識されないサイトということは、集客の可能性を大きくのがしていることになります。

どうですか?このページの冒頭でどうしてこんな難しいことを聞かないといけない?って思いました?

できるだけちゃんと決まりを守って、W3Cの勧告にしたがって作っていくと、Googleにもちゃんと認識してもらいやすいというメリットがあります。

だから、自分が見てる画面だけですべて判断しないで、ちゃんとGoogleに認識してもらえるようにサイトを作るということは大事なのです。

Googleは、ロボットなので、どんなおしゃれなサイトだろうが、シンプルなサイトだろうが、あまり関係ありません。

それよりも、これは大見出しです、これは中見出しです、これは目次です、これはリストです、という文章の意味と構造を伝えることが大事なのです。

前の記事へ← →次の記事へ

   web入門, ホームページの作り方| 

  関連記事

ヤマト宅急便「配達時間帯」の指定枠変更のマーク

【重要なお知らせ】宅急便「配達時間帯」の指定枠変更についてというメールが、ヤマトさんを利用しているネ… ≫続きを読む

WordPressのメリットを再確認しませんか?

今更ですが、「Wordpressってすごいメリットがあるんですよ!」 というネタで動画を作りましたの… ≫続きを読む

Q)3Dセキュアって何?お客様がクレジットカードのパスワードがわからないと問い合わせがあります。

ネットショップでお買い物をするときのクレジット決済、「3Dセキュア」ってご存知ですか? 事例をあげて… ≫続きを読む

質問:わたしのホームページ検索で出てこないんです・・・その原因

先日、「うちのホームページ、検索しても出てこないんです」という相談をされ、見てみたところ、本当に、サ… ≫続きを読む

Midjourney(AI画像生成ツール)の命令のコツ

Midjourneyのコツがだんだんわかってきたので、参考コマンドを紹介します。 まずコツを覚えて、… ≫続きを読む

Canvaを使ってみました。「イラレやフォトショがなくても、簡単な画像くらいなら自分で作成したい」方のための….

私はEC実践会の自主勉強会や、お客様の指導で、HPの作り方をレッスンすることもあるのですが、そんなと… ≫続きを読む

売れるECサイトを制作、運営するためのノウハウまとめに取り上げていただきました

webの森の記事が、「売れるECサイトを制作、運営するためのノウハウまとめ」に取り上げていただきまし… ≫続きを読む

【飯田開催】水上浩一ネットショップ売上げアップセミナー 令和元年11月18日

水上先生のセミナーを企画しましたので、ご案内します。 売上ゼロ円からのネットショップ、売れない原因と… ≫続きを読む

ホームページを知り合いに格安でやってもらってはいけない理由

webの森のこくえです。ホームページがほしいなぁと考えている方に、絶対に知って置いていただきたいこと… ≫続きを読む

グーグルマイビジネスのオーナー申請のやり方

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

▲ページ先頭へ