※お読みいただくにあたり、最低限HTMLの基礎知識が必要となります。ご了承ください。

ここではHTMLの書き出しから主に<head>～</head>部分のことについてを記載します。

DOCTYPE宣言
まず書いておかなければならないのが、DOCTYPEです。
HTMLやCSS等、どのバージョンに対応したサイトなのかを先頭に記載しておきます。
DOCTYPEと<html>部分のサンプルを以下に書いておきます。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">

そして、ヘッダの中の構成要素として重要なものがMETAタグとTITLEタグ。

METAタグによる文字コードの指定
まずはMETAタグを使ってサイトの文字コードを書きます。
文字コードを指定するMETAタグはTITLEタグよりも上が好ましいと言われています。
サンプルは以下のようになります。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

TITLEタグ
そしてTITLEタグですが、サイトの内容を示すタイトルを記載します。
このとき、SEO面で狙うキーワードを先頭に持ってきます。
つまり、先頭から順番に重要なキーワードを使って並べるような構成にします。
トップページであればサイト名、それぞれテーマを持ったページであれば、そのテーマに即したキーワードを前から順に使いページの名前を付けます。

文字コード以外のMETAタグ
まずは検索エンジンにクロールしてインデックスしてもらえるようにrobotsをfollow,indexとします。
そしてメジャーなkeywordsとdescriptionです。
まずはkeywordsですが、これはここ最近ではあまり重要視されていない傾向があります。
descriptionの方は検索キーワードとしても有効ですし、何より検索結果として表示されますので、ユーザビリティ面を考えてもしっかりと概要を記載しておいた方が良いでしょう。
keywordsとdescriptionを指定する上で以下の点だけは特に気をつけておきましょう。

  • キーワードが重複しないように
    1回ぐらいであれば多めに見てもらえる傾向がありますが、重複は基本的にNGです
  • BODY部分にないワードは使わない
    スパムと判定される場合がありますし、BODY部にないキーワードを入れておいたところで、検索キーワードとして有効とはされないようです。

これ以外にも、長すぎず短すぎずというところには注意しておいてください。
そしてdescriptionとほぼ同様の意味を持つabstractですが、こちらはほとんど意味がなさそうというのが最近の傾向です。
時々Yahoo!でabstractが有効に働いているサイトも見かけますので、一応入れておく程度に考えておけば良さそうです。

ヘッダ部のその他のタグ
特筆すべきことでもありませんが、クロール時にHTML容量は小さいほうが読みやすくなると書きました。
ですので、CSSやJavascriptを別ファイルとして、ヘッダ部分で呼び出すようにしておくと良いでしょう。

また、RSSのリンクを書き込んでおけば、検索エンジンのクローラーもRSSをチェックしてくれるようになりますので、作成してすぐにページがインデックスされて一時的に上位に来るという現象もあります。