Webの森.com - html編 headタグに記述してみよう！

headタグ

更新日:2011年10月23日

headタグに記述する内容とは？

タイトルを設定する

headタグに記述する内容とは？

headタグに記述する内容は見た目的には基本表示されない、そのページの設定などを行っていくタグになります。見た目に表示されるのはtitleタグくらいですかね？

様々な設定ができるのですが、全て紹介はしませんがこの設定はしておいた方が良いなと思う要素を紹介しておきますね

ここで紹介する要素は全て<head>～</head>の記述するものなので注意して下さい。

タイトルを設定する

まず必須と思われるそのページのタイトルを設定しましょう。ページの左上に表示されたり検索エンジンに表示される内容なので絶対に記述しておきましょう。

タイトルタグを記述する時の注意点をまとめたので参考にしてください。

1.検索エンジンはタイトルタグを何度も変えるのを好まない為、よく考えて決めましょう。

2.ページ毎に違うタイトル名を付けましょう。

3.ページに合った適切なタイトルを付けましょう。

4.タイトル文字数をあまり長くしないようにしましょう。（65文字くらい？）

5.後に説明する文字コードよりも下に記述しましょう。（タイトルの文字が文字化けしてしまう為）

文字コードを指定する

ページの文字コードを指定しておきましょう。これを指定していないと、環境によって文字化けを起こしてしまい、せっかくのページが台無しになってしまう可能性もあります。文字コードの設定はタイトルタグの前に記述しましょう。タイトルタグも文字化けになってしまう場合があるからです。

上の緑色の『Shift_JIS』が文字コードの種類になります。ページよって適切な文字コードを設定しましょう。基本的なサイトでは『Shift_JIS』で良いと思います。以下に他の文字コードを記述しておきます。

ロボット型検索エンジン対策

ロボット型検索エンジンというホームページを自動的に検索している機能があります。この対策の為コメントとキーワードを設定する事ができます。アクセスアップの為にも記述しておいて損はないと思います。

昔は検索結果に関係していたようですが、今はあまり効果は無いようです、ですが一応記述しておいてもいいかもしれません。キーワードは複数記述する事ができます。その時は , (カンマ)でキーワードを区切って下さい。キーワードの数は多すぎても良くないので５つぐらいが丁度良いかもしれません。自分のサイトに合ったキーワードを記述して下さい。

キーワードと違いこちらは検索結果に影響が大きいようなので記述しておくことをお勧めします。ページの内容を分かり易く端的に記述すると良いようです。