| | |  必須要素＋検索エンジン対策要素
| | | |
| | | | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta name="description" content="紹介文を記述">
<meta name="keywords" content="キーワードを , 区切りで記述">
<title>各ページのタイトル</title>
</head> | | | |
| | | メタタグ（補足説明） | | | |
| | | | <meta http-equiv="content-type" content="text/html; charset=shift_jis">
一般的には「shift_jis」ですが、ページ内容（ブログ、データベースサーバー使用など）に応じて文字コードを指定します。日本語を使う前に必ず指定しないと文字化けの原因になります。 | | | |
| | | | <meta name="author" content="ＨＰ製作者名">
必須ではありませんが、企業名／ショップ名などであれば記述した方が良いと思います。 | | | |
| | | | <meta name="description" content="紹介文を記述">
私の推奨は１００文字以内です（各種登録にも汎用性があります）。検索エンジン対策ですので許可しないページには不要です。 | | | |
| | | | <meta name="keywords" content="キーワードを , 区切りで記述">
必要なキーワードであればやむを得ませんが、１０ー２０程度で収めた方が得策です。数量や総文字数を制限される場合もあります。検索エンジン対策ですので許可しないページには不要です。 | | | |
| | | | <meta name="robots" content="index,follow">
必須ではありませんが、検索エンジンを許可するページなどを指定できます。
「index,follow」全て許可
「index,nofollow」トップページは可、他は不可
「noindex,follow」トップページは不可、他は可
「noindex,nofollow」全て不可
許可しないページを指定する場合は、全てのページに設定が必要です。但し、この意味を理解しない検索エンジンもあるので、セキュリティ対策として利用する場合は別途対策が必要です。 | | | |
| | | | その他
上記以外にもメタタグはありますが、必要に応じて利用するものです。また、記述すると思わぬトラブルになることもありますので充分な注意が必要です。 | | | |
| | | タイトル（補足説明） | | | |
| | | | <title>各ページのタイトル</title>
私の推奨はトップページなら全角２０文字以内です。主要検索エンジン登録に共通使用できます。トップページ以外はルートメニューなど必然性のある長さに設定するべきです。 | | | |
| | | 外部ファイル | | | |
| | | | スタイルシートを外部ファイルとして組み込む場合は
<link rel="stylesheet" href="ファイル名" type="text/css">
この場合は<head>ーー</head> の間に記述します。 | | | |
| 
