【タグを少しだけ学ぼう!】
HTML言語のタグは、『ホームページ・ビルダー』などのホームページ作成ソフトを使えば知らなくても全然作れてしまいます。僕も最初にホームページを作った時は、タグなんて何がなんだかわかりませんでした。それでも、時々「HTMLソース」を見たりしているうちに、いつの間にか覚えていました。
ある程度わかるようになってきたからこそ言えることですが、最低限の知識はあった方がいいと思います。なぜなら、本格的にSEO対策を施す時に、知識がないと対策にも限界があるからです。ここでは最低限覚えておくと役立つ、HTML言語の記述やタグをご紹介したいと思います。
【HTMLとタグ】
『HTML言語』とはホームページの定義するための言語です。どういったデザインにするかとか、何を表示するのかといった事を定義するためのものです。『タグ』とは定義を行うための命令だと思ってもらえればよいと思います。タグは必ず半角英数字で記述します。
多くのタグは、「開始タグ」と「終了タグ」が対になっており、このタグに囲まれた部分の文字列が命令の内容となります。
■基本となるタグ
基本となるタグは下記のようになっています。
| <html> |
ページの開始を宣言する開始タグ |
| <head>〜</head> |
ページのタイトルや紹介文を記述するタグ |
| <body>〜</body> |
ブラウザに表示される内容を記述するタグ |
| </html> |
ページの終了を宣言する終了タグ |
■タイトルタグとメタタグ
『<head>〜</head>』の間には、次のようなタグを記述することができます。
| <title>ページのタイトル</title> |
| <meta name="description" content="紹介文"> |
| <meta name="keywords" content="キーワード"> |
<title>と</title>の間には、ブラウザで表示された時のタイトルバー(最上部)に表示されるタイトルを記述します。このページならば、<title>HTMLタグはこれだけ覚えれば十分</title>となります。タイトルはSEO対策としても非常に重要なので、そのページの最適なキーワードを含んだタイトルを考えて入れましょう。
metaタグは、現在検索エンジンでの上位表示の効果はありませんが、検索エンジンで検索した結果として紹介文が表示されますので、必ず入れましょう。この紹介文によって訪問者がアクセスするかどうかを決定する要素になるかも知れません。
キーワードについては最近はほとんど意味がなくなってきていますが、一応入れておきましょう。『,』(カンマ)で区切って2つ以上指定できます。あまりに数を増やしすぎる逆効果となりますので、多くても12個以内としましょう。
■重要なタグ
| <a>〜</a> |
リンクを設定する時に使用します。『<a href="index.html">トップページ</a>』と記述すれば、クリックされた時に
index.html へ遷移します。 |
<font>
〜</font> |
文字の大きさや色の指定に使用します。『<font color="&HFF0000"
size="+1">赤</font>』と記述すれば、赤 と表示されます。 |
<strong>
〜</strong> |
文字列の強調に使用します。『<strong>ストロングタグ</strong>』と記述すると、ストロングタグと表示されキーワードとして検索エンジンに認識してもらえます。 |
他にもいろいろと便利なタグはありますが、このくらいにしておきます。さらに詳しく知りたい方は、「HTMLタグリファレンス」というサイトが参考になりますので、ご覧になってください。 |