19D | さいたま市で活動するWebクリエイターの子育てブログ

子育ての日常を綴ったり、PHP・CSSやWebマーケティングなどの情報を不定期に書いています

about me

icon
web creator
Yuki Ishikura a.k.a iskruk
さいたま市を拠点に子育てとwebクリエイターとしての両立を目指しております。
詳細を見る

latest tweet

track record

43HTMLのヘッダーを整えてSEOで若干有利に

HTMLのヘッダーの中身ってあまり考えずに、思いついたものから順に書いていく場合が多いかと思いますが、タグの意味などを考えるとこういう順序がいいのではないかと言う提案です。

(「HTMLとして必要な情報が載っているか」や「W3Cの勧告に則しているか」といった点は若干無視しています。あくまで検索エンジンクローラーに効率的にページの中身を把握してもらうかに特化した書き方の提案です。)

  1. まず、HTMLソースの文字コードを指定します。
  2. 次にタイトルを持ってきます。
  3. 以下、ディスクリプション、キーワード、javascriptやCSSなど...と続きます。

要はなるべく上の方にタイトルを記述した方がいいんじゃないか?ということが言いたかっただけです。
以下にサンプルを提示しておきます。

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Markup weblog || 19D</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="stylesheet" type="text/css" href="css/import.css" media="all" />
</head>

この機会に、普段あまりいじることのないヘッダー周りを見直してみるのはいかがでしょうか?