代表経営コンサルタント　　宮川 壮輔

“SEO対策を行いたいんだけど、ホームページの仕組みがよく分からない”

“htmlって全然分からないんだよな”

今回は、このような中小製造業の社長のためのお話しです。

SEO対策を効果的に行うためには、
ある程度のhtmlの理解が必要です。
でも、今からhtmlを学んでWEBサイトを
作れるようになるまでは必要ありません。
SEOで成果を出すためだけなら、
ザックリとした理解で充分です。

以下の3ステップでサクッと理解してください。

(1)大枠の理解
(2)大枠中の2領域の理解
(3)head領域の理解

そもそも、htmlというのは、
WEBサイトを表示するための指示言語です。
全てのWEBサイトは、このhtmlによって
指示が記述されてます。
そして、chromeやEdgeなどの
WEBサイト閲覧ソフトが、
htmlデータを読み込んで、
指示通りにモニターに表示する訳です。

このhtmlをザックリと見ていきましょう。

まずは、(1)大枠の理解です。
何でも良いので、
WEBサイトを表示してみてください。
そして、適度な位置で右クリックして、
「ページのソースを表示」などの
メニューを選択して下さい。
そうすると、ずら～っと英語や日本語で
書かれたhtmlプログラムが
見れると思います。

これだけ見ると、かなりキツいですよね。
よく分からない。
でも大丈夫です。
ステップ1では、大枠を理解しましょう。
最初と最後です。

今のhtmlにlは、最初と最後に決まりごとが
あります。
以下のとおりです。

（最初）
「
＜!doctype html＞
＜html lang=”ja”＞
」

（最後）
「
＜/html＞
」

先ほど開いたhtmlページの最上部を
見てください。
おそらく、同じ記載があると思います。
もしかしたら、2行目は少し変わってるかも
しれませんが、似たようなことが
書かれていると思います。
さらに、スクロールして一番最後を
見てください。
おそらく、</html>で終わってると思います。
これが、ステップ1の大枠の理解です。

次いで、(2)大枠中の2領域の理解
htmlでは、これら大枠の中を、
次の2つで囲むことになっています。

「
＜head＞～＜/head＞

＜body＞～＜/body＞
」

headとbodyの2つです。
先ほどのページの上の方を見てください。
おそらく、＜head＞という記載が
あると思います。
さらにそれよりも下には、
＜/head＞という記載があるはずです。
結構下にあるかもしれませんので、
「検索」機能で検索してみてください。

さらに、その下に
＜body＞や＜/body＞も記載されて
いるはずです。
これが、ステップ2の
大枠中の2領域の理解です。

最後に、(3)head領域の理解です。
先ほどのステップ2で見た
＜head＞～＜/head＞内の領域ですね。
この領域に、以下の2つを見つけてください。

「
＜title＞～＜/title＞
＜meta name=“description” content=“～”＞
」

これらは、「タイトルタグ」と
「メタディスクリプション」と言います。
SEO対策を行う上では、
非常に重要な2領域です。
＜head＞～＜/head＞内の領域に
これら2つがある、ということを
理解してください。
これが、ステップ3の
head領域の理解です。

はい、ひとまず、ここまででOK。
今からWEBデザイナーになるわけでは
ありません。
SEOで成果を出すためには、
まずは上記3ステップでhtmlの
全体構造を理解しておけば充分。

あなたは、htmlの全体構造を理解してますか？

続きはまた次回。

━━━━━━━━━━━━━━━
●●今週の深海奥義●●

・3ステップで全体構造！

━━━━━━━━━━━━━━━