ホームページ制作時の文字コード指定


あるホームページを見たら変な文字が沢山並んでいて、何が書いてあるのか分からないホームページだったという経験はありませんか。

それは、ホームページのソースコードの中の日本語の文字コード(文字エンコーディングともいう)がブラウザが判断している文字コードと異なっている為です 。

最近のブラウザは性能が上がっているので、自動判別で文字コードを合わせてうまいこと表示されることが多いのですが、その自動判別がうまくいかない場合は、まったく検討違いの文字に変換されてしまうため、訳の分からない文字が並んだホームページになってしまうわけです。

もし、自分が見る側でありそういうホームページに出会った場合は、ブラウザの設定からエンコード(又はエンコーディング、テキストエンコーディング)の設定をそのホームページ制作時のエンコードに合わせてやれば、まともに表示されるようになります。

しかし、それがもし自分のホームページだったら困り者ですね。せっかく見てもらっていても、表示がおかしかったらホームページをみてもらえないばかりか、二度と見にきてもらえないなんて事にもなりかねません。

では、どうすればそうならずに済むのか?ホームページ制作時にソースコードの中に文字コードの宣言をしてあげれば、問題を解決することが出来ます。

大抵のホームページ制作ソフトでは文字コードの指定は自動で付加されます。しかし、制作中にそれとは分からずに消してしまっている。ソースコードからホームページを制作した。何らかのスクリプトを使っている場合など注意が必要です。

ソースコードを開いて、以下の記述が無ければ<head></head>間の一番先頭に書き足してください。基本的には、あらゆる日本語の出現する前に無ければそれ以前の文字は無視されます。もちろん、書かれている文章の文字コードと、指定する文字コードが一致させることが前提です。

Unicodeの場合
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

シフトJISの場合
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">

日本語EUCの場合
<meta http-equiv="Content-Type" content="text/html; charset=euc-jp">

CSSを使いCSSファイルを外部ファイルにしている場合はCSSファイルも。
CSSファイルの先頭に記述してください。

Unicodeの場合(CSS)
@charset "utf-8";

シフトJISの場合(CSS)
@charset "shift_jis";

日本語EUCの場合(CSS)
@charset "euc-jp";


Tips Index
ホームページ制作時の文字コード指定

メタキーワード作成ツール

企業・営利サイトに必要な表記(1)
企業・営利サイトに必要な表記(2)
企業・営利サイトに必要な表記(3)

中小企業・個人商店におけるホームページ制作

ユーザビリティーを考えたホームページ制作1
ユーザビリティーを考えたホームページ制作2

商用ホームページの商品写真

ホームページの色を考える

ホームページの色を決める

ホームページ制作に必要なコンテンツ(1)
ホームページ制作に必要なコンテンツ(2)
ホームページ制作に必要なコンテンツ(3)

SEO対策に重要なのは外部リンク
SEO対策の外部要因(1)〜リンクポピュラリティとWEBサイトテーマ
SEO対策の外部要因(2)〜アンカーテキストマッチ
SEO対策の外部要因(3)〜効果の薄いリンク

ブログの商用サイトでの利用(1)
ブログの商用サイトでの利用(2)
ブログの商用サイトでの利用(3)

SEO対策を考える。なぜMT、WPが有効なの?

SEO対策を考える。判らない人は難しく考えない事!
SEO対策に役立つリンク集

SEO対策〜スパムにならないホームページの制作1
SEO対策〜スパムにならないホームページの制作2
SEO対策〜スパムにならないホームページの制作3
SEO対策〜スパムにならないホームページの制作4

SEO対策のキーワードを決める(1)
SEO対策のキーワードを決める(2)
SEO対策のキーワードを決める(3)
SEO対策のキーワードを決める(4)
SEO対策のキーワードを決める(5)

SEO対策キーワードをホームページに入れる(1)〜タイトルタグ
SEO対策キーワードをホームページに入れる(2)〜タグの重要度
SEO対策キーワードをホームページに入れる(3)〜キーワードの場所

WEBサーバーの選択(1)〜サーバーの主な形態
WEBサーバーの選択(2)〜サーバーの機能
WEBサーバーの選択(3)〜独自ドメインは必要か

企業・業種別のホームページ制作〜きっと見つかるあなたの為の儲かるホームページ企画
企業・業種別のホームページ制作〜弁護士、会計事務所、経営コンサルタント、設計事務所の為のホームページ企画
企業・業種別のホームページ制作〜ホテル・旅館・ペンション・宿泊業の為のホームページ企画
企業・業種別のホームページ制作〜医療機関・病院・歯科医院・治療院の為のホームページ企画
企業・業種別のホームページ制作〜結婚式場・ウエディングプランナー・ウェディングチャペルの為のホームページ企画
企業・業種別のホームページ制作〜居酒屋・スナック・焼き鳥・焼肉・クラブ・バー・ラウンジ・水商売の為のホームページ企画
企業・業種別のホームページ制作〜BtoB・製造業・卸売業・工場・部品販売・工事業・建築・商社の為のホームページ企画