ホームページの元となるHTMLファイルは、「<」と「>」の記号を使ったタグの集まりでできています。
つまりこのタグを組み合わせることによってホームページはできあがっていることになります。
このHTMLタグには様々な種類がありますが、SEO対策やホームページ作成ソフトを使う場合に不具合が起きた場合にも役に立ちますので、ここでは、基本的なタグを紹介したいと思います。
タグ名 |
説明 |
<html>〜</html> |
HTMLファイルであることを示すタグで、これ以外のタグを〜の中に記述することになります。 |
<head>〜</head> |
ホームページ全体の情報を示すタグで、〜の中にはタイトルやホームページの紹介文、キーワードなどを記述します。 |
<body>〜</body> |
実際にブラウザー(つまりネット上)に表示する部分を示すタグで、〜の中には、見出しや文章、段落などホームページに表示するものを記述します。 |
基本タグの
<head>〜</head>の〜には、以下のタグを記述できます。
metaタグ
metaタグはホームページに関する情報を記述するためのタグで、以下のようなものがあります。
・日本語を正しく表示する
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
このタグは、この
ホームページで使用されている文字コードはシフトJISであることを示します。
この記述は、漢字やひらがなが出てくる前に入力することで、文字化けすることを避けることができます。
・紹介文を記述する
<meta description="紹介文">
この紹介文は検索エンジンでの検索結果に表示されますので、訪問者にどんなホームページかを伝えるために記述しましょう。アピールしたい内容を100〜150文字程度にまとめるのが目安となります。
・キーワードを記述する
<meta keywords="キーワード1,キーワード2">
過去、検索エンジンが重要視していたタグですが、現在はほとんど効力がないと言われていますが、yahooなどではある程度、評価もあるということなので、記述しておきましょう。
※キーワードは、そのページに存在するもの、アピールしたい順に記述、多くても1ページ10個以内、区切りは,(半角カンマ)で記述してください。
同じく
<head>〜</head>の〜に入るタグで、検索で上位となるために重要な
titleタグ
・タイトルを表示する
<title>〜</title>
ブラウザに表示される時に最上部のタイトルバーに表示されるタイトルを記述するタグです。
このtitleタグはタイトルバーに表示される以外にも、お気に入り登録の時の名称になったり、検索結果にも使われます。
また検索エンジンの上位表示の対策にも重要で、自分のホームページがどんなキーワードで検索されたいのかを検討して、タイトルにそのキーワードを含めましょう。
ここからは
<body>〜</body>の中に記述するタグの中で、検索で上位となるために重要なタグを紹介します。
・見出しを付ける
<h1>〜</h1>
見出しを付けるタグで、大見出しを意味します。検索エンジンはページ上部の文字と大きな文字を重要視しますので、〜の中にキーワードを含めるとSEOに有効です。
※見出しタグは1〜6まで設定でき、文字の大きさは順に小さく表示されます。
・文字を強調する
<strong>〜</strong>
強調したいテキストを指定するタグで、〜の部分を太字で強調します。強調することによって、検索エンジンにこの部分が重要であることを知らせることができます。
もう少し勉強してみたいという方は、ネット上でもたくさんのサイトでホームページの作成方法を紹介していますので、検索してみてください。