ホームページ（ウェブサイト）を制作し、運営していく中で「文字化け」という現象に直面したことがあるかもしれません。この文字化けを引き起こす主な原因が、文字コードの設定ミスです。文字コードとは、コンピュータが文字をデジタルデータとして認識し、ブラウザなどの画面に正しく表示するための規則を指します。
現在、ホームページ制作において主流となっているのは「UTF-8」という規格です。多言語に対応しており、世界中の多くの環境で標準的に利用されています。しかし、過去に構築された古いシステムや、特定の事業用データベース、古いメールソフトなどでは、現在でも「Shift-JIS」や「EUC（EUC-JP）」といった文字コードが使われていることがあります。
SEOやWebマーケティングの観点から見ても、適切な文字コードの選択は非常に重要です。検索エンジンのクローラーは、ページにアクセスした際に文字コードを判別してコンテンツを読み取ります。もし設定が間違っていて文字化けが発生すると、ページの内容が検索エンジンに正しく評価されず、検索順位の低下を招く可能性があります。また、訪問者にとっても文字が読めないページはすぐに離脱する原因になります。
ホームページ（ウェブサイト）を安定して運用していくために押さえておきたい、UTF-8、Shift-JIS、EUCといった代表的な文字コードの特徴や、それぞれの違いについて解説します。
文字コード
文字コードの具体的な種類について見ていく前に、まずは文字コードそのものの役割について把握しておきましょう。コンピュータは文字をそのまま理解することができないため、ルールに従って文字を数値に置き換えて処理しています。
文字コードは、コンピュータ、ウェブにおいて文字を利用するために各文字に割り当てられるバイト表現やバイト表現と文字の対応関係で、文字を表現する際にどのバイト表現をするかを決定します。ホームページ（ウェブサイト）においては、ウェブページがどの文字コードで記述されているかによって、ブラウザの解釈が異なることから、ページの文字化けの原因になります。
ホームページ（ウェブサイト）での文字コードの指定
ホームページ（ウェブサイト）を制作するにあたり、ウェブページがどの文字コードで記述されているかは、<head>内の<meta>で設定します。ウェブではUTF-8、Shift-JIS、EUCが一般的です。
<meta charset="UTF-8" />
ローカルでhtmlを保存するときなどに、ファイルの文字コードの設定がメタ設定と異なっていると文字化けが起こります。特に日本語は文字化けが起こりやすいため、注意が必要です。
文字コード
日本語サイトの文字コードは概ね次のとおりです。
- UTF-8
- Shift_JIS
- EUC
- JIS
ホームページ制作・SEOの1ポイント
文字コードの設定にミスがあっても、アルファベットなどはそのまま表示されることがあります。日本語をはじめとした、固有の言語に関する記述の際にはこうした文字コードの設定には注意が必要です。
UTF-8
UTF-8（ユーティーエフエイト）は、ホームページ（ウェブサイト）で使用する文字コードのうち、Unicodeなどで使える8ビット符号単位の文字符号化形式・文字符号化スキームで、現在ウェブ制作では最もスタンダードな文字コードです。
このUTF-8は、CMSなど、ウェブアプリケーションでも多用されています。
UTF-8のバイト数
しかしながらUTF-8は、漢字や仮名などの表現に3バイトを要するため日本語の使用自体は他の文字コードよりもバイト数が多くなり、ソースが重くなるなどのデメリットもあります。
ホームページ制作・SEOの1ポイント
<head>で文字コードをきちんと設定していても、htmlファイル自体の文字コード形式が他の文字コードである場合、文字化けを起こすことがあります。ローカルでhtmlファイルを制作する場合は、保存時の文字コード種類に注意したほうが良いでしょう。特に設定に日本語が混じっている場合文字化けして該当部分が機能しなくなる場合がありますのでさらに注意が必要です。
UTF-8のBOM無しとBOM付き
文字コードの一種UTF-8は、Web制作業務ではページ作成の際によく使用されます。テキストエディタにおいて文字コードUTF-8でファイルを作成した場合、保存時にBOM無しとBOM付きを選ぶ場面があります。UTF-8のBOM付き・BOM無しの違いは、ファイル先頭に「UTF-8です」というマークが付くか否かという点です。
Shift-JIS
Shift-JIS（シフトジス）は、コンピュータ上で日本語を含む文字列をバイト表現するための文字コードの一つで、ウェブでは、UTF-8が一般的になるまでは、日本国内のホームページ（ウェブサイト）でよく使用されていた文字コードです（MS-DOSで日本語用文字コードとして採用されていたため、日本語環境では一般的でした）。
Shift-JISはサイズが小さい
Shift-JISは、UTF-8などに比べてサイズが小さいというのが特徴です（UTF-8では半角カナや漢字の多くは3バイトを要します）。
ホームページ制作・SEOの1ポイント
ホームページをリニューアルしたり、ページ追加する場合に、文字コードの相違によって文字化けを起こす可能性があります。<head>内の文字コードの設定がきちんとなされているか確認が必要です。また、CMS管理画面上でファイルを操作した場合、もとの設定とは異なる文字コードで保存されることがあるため注意が必要です。
EUC/EUC-JP
EUCは、UNIX系OSで標準的に使用される文字コードで、日本語のバイト表現にはEUC-JP（日本語EUC）という文字コードがあります。EUCは「Extended UNIX Code」の頭文字を取ったものです。なお、EUC-JP（日本語EUC）は、「Extended UNIX Code Packed Format for Japanese」を略したものになります。
日本語ホームページとEUC-JP
このEUC-JPもUTF-8が一般的になるまでは、ホームページ制作（ウェブサイト制作）でよく使用されていました。UNIX系OSの標準的な文字エンコードとして使用されてきたことと以前はWebサーバにUNIX系OSが多く用いられていたことから、日本語のホームページ（ウェブサイト）においてShift JISと並びEUC-JPが多く使われていました。
ホームページ制作・SEOの1ポイント
文字コードの設定自体はSEOに影響を与えませんが、文字コードの設定ミスがあると検索エンジンが正確にテキストコンテンツの内容を読み取れず判断できない可能性がありますので注意が必要です。また文章だけでなく日本語で設定されているものが文字化けしている場合、描画にも影響を与えますので同様に注意が必要です。
文字化け
文字化けは、そのまま文字通り「文字が化けて他の文字」になってしまうことです。
ホームページ（ウェブサイト）においては、文字コードのメタ設定における設定ミスやファイル保存時の文字コードの違いなどにより起こります。
ホームページ制作における文字化け
ホームページ制作における文字化けの主な原因は、ファイル内に記述された文字コードと保存時の文字コードが異なっている場合です。
「このファイルはUTF-8で記述されています」
という状態にもかかわらず、ファイルの編集において保存時にShift-JISで保存した場合文字化けが起こることがあります。
また、UTF-8で記述されているファイルをダウンロードし、編集を行う段階でエディタの保存時にShift-JISを選択した場合なども文字化けが起こります。
日本語部分が文字化け
半角ローマ字での記述の場合は文字が化けないこともありますが、CSSのフォントの設定などで日本語を使っている場合などは、日本語部分が文字化けを起こすことがあり、設定がおかしくなる場合があります。
また、直接的にホームページ自体の表示には問題がなくても、日本語で書いたソース内コメントが化けて読めなくなるということも起こります。
ファイル圧縮による文字化け
また、Web制作現場においては、zipファイルなどの受け渡し時において、Macintoshでのzip圧縮をWindowsで解凍するとファイル名に文字化けが起こるということもよくあります。拡張子部分も文字化けしファイル自体が開けないという場合もあります。
Windows端末での解凍でも文字化けを起こさないタイプの圧縮を行う必要があります。
ホームページ制作・SEOの1ポイント
ホームページに記載しているテキストデータが文字化けしている場合は、文字コードの設定が無指定か、うまく設定できていない場合がほとんどです。ブラウザのエンコードの選択で、正規のテキストが表示された場合は、検索エンジンもテキストを正確に読み取ってい場合がありますが、ユーザーの混乱を避けるために文字コードは正確に設定する必要があると考えることができるでしょう。
ホームページ制作（ウェブサイト制作）なら
Web制作会社ファンフェアファンファーレへ
『お客さまのお客さま目線』でのWeb制作、Webマーケティング」
ホームページ制作 京都のWeb制作会社（ホームページ制作会社）ファンフェアファンファーレは、Webマーケティングツールとして、Webマーケティング・SEMを意識したWeb集客・プロモーション力のあるSEO特性・ウェブPR力の高いSEO対策付きのホームページ制作（ウェブサイト制作）・作成、WordPress（ワードプレス）などのCMS（コンテンツマネジメントシステム）の導入やカスタマイズ、ウェブサイトの高速表示化、レスポンシブデザイン、モバイルフレンドリーを得意としています。
SEOの基本機能を備え、自社更新可能なWordPress（ワードプレス）を利用したホームページ制作（ウェブサイト制作）をはじめ、HTML5,CSS3,jQueryによるホームページ制作（ウェブサイト制作）やサイトカスタマイズ、ホームページのSEO対策などのWeb制作サービスを提供しております。新規でのホームページ制作・作成はもちろん、既存ホームページの修正・更新代行やSEO（SEO対策）にかかるカスタマイズ、ホームページを活用したWebマーケティングのためWebコンサルティングサービスなどを提供しています。
ホームページ制作価格表（Web制作サービス）
WordPressホームページ制作（ウェブサイト制作）
WordPressホームページ（ウェブサイト）の新規ご制作、ウェブPRを加速させるWordPress（ワードプレス）などのCMSを活用したオウンドメディア構築・コンテンツマーケティング、既にお持ちのホームページ（ウェブサイト）のWordPress化やWordPressのカスタマイズもお任せください！WordPressを利用したWeb集客・Webマーケティングに効果的なオウンドメディアによるコンテンツマーケティングやWordPressサイトのSEOやコンテンツSEOも手がけております。
- WordPress（ワードプレス）を利用したホームページ制作（ウェブサイト制作）
- WordPress（ワードプレス）のカスタマイズ
- ホームページ（ウェブサイト）のWordPress化
- WordPressなどのCMSを活用したオウンドメディア構築
Webマーケティング&SEO・SEM
株式会社ファンフェアファンファーレは、WebマーケティングツールとしてのWeb集客・Webプロモーション効果を意識してSEO対策を施したホームページ（ウェブサイト）を制作しております。ホームページ制作・作成にあたっては、ホワイトハットSEO、良質・高品質なコンテンツ制作を最重要視しています。 また、ホームページ制作のみならず、Webマーケティングの効果を高めるためのSEO内部対策・SEO外部対策、コンテンツSEO等のSEO・SEO対策・検索上位表示によるWeb集客やコンバージョン率向上と集客効果を高めるコンテンツ追加・改良、そしてリスティング広告やアドネットワーク広告などのWeb広告の利用など、ホームページを活用するための様々なWeb集客・Webマーケティング分野のお手伝いをしています。 ホームページ運営・公開後のホームページのSEO対策、SEM（サーチエンジンマーケティング）やオウンドメディアによるコンテンツマーケティング・コンテンツSEO、ソーシャルネットワークとの連携、ウェブ広告の活用などもお任せください！
Webマーケティング
SEO（検索エンジン最適化）
ホームページ制作 京都
ホームページの新規制作やホームページの企画・運営・更新、カスタマイズなど、Web制作サービスのご依頼は、京都のWeb制作会社ファンフェアファンファーレへ
「ホームページ制作 京都」 ホームページ制作・ホームページのSEO（SEO対策）につきましては、京都府京都市内（上京区、中京区、下京区、東山区、右京区、左京区、北区、南区、西京区、山科区、伏見区）および京都市近郊エリアでは、ご訪問での打ち合わせ・ヒアリング・ご提案をさせていただいております。京都でホームページ制作（ホームページ作成）ならお任せください。京都府京都市、京都市近隣の市町村・関西・近畿圏はもちろん、ホームページ制作、ホームページのリニューアルやカスタマイズ・SEOなどのWeb制作サービスにつき全国対応しております。ホームページ制作・ホームページ作成やホームページのSEOはもちろん、コンテンツ制作やWebマーケティングにかかるWebコンサルティングも対応可能です。
Related page
-
サーバー（server）、ウェブサーバー（Web server）は、ウェブにおいて、ホームページ（ウェブサイト）を構成するファイル群を発信するためのコンピュータ、デバイス、もしくはその機能を実現するプログラム群のことを指します。 ハードウェアとしてのサーバーはサーバー機などと表現され、ソフトウェアとしてはサーバーソフトウェア、サーバープログラムと呼ばれます。
-
ホームページ（ウェブサイト）の新規構築やリニューアルにおいて、ドメインやDNSに関する知識は、サイトの表示速度やセキュリティ、そして検索エンジンでの評価に深く関わっています。 ドメインはインターネット上におけるホームページの住所にあたる要素であり、独自ドメインの選定や属性型JPドメインの活用、さらにはサブドメインの運用設計など、どのような構造を採用するかによ
-
ホームページ（ウェブサイト）を運営する上で、URLやSSL、リダイレクト、そしてサイトマップ、robots.txtに関する知識は、検索エンジンからの評価やユーザーの利便性を左右する非常に重要な要素です。 普段何気なく目にしているURLは、インターネット上におけるホームページの住所にあたります。これは単なる文字の羅列ではありません。セキュリティ通信（SSL）の
-
ホームページ（ウェブサイト）を制作し、長期的に運用していく上で、デザインや記事の内容と同じくらい重要になるのが、利用する人にとっての使いやすさや、情報の探しやすさです。 検索エンジンから適切に評価され、事業の成果へつなげていくためには、表面的な見た目だけを整えるのではなく、土台となる情報設計がしっかりと行われている必要があります。さまざまなデバイスや通信環境
-
ブログ（blog）は、Weblogから生まれたウェブ用語で、記事を配信する目的で設置されるウェブサイトを指します。 コーポレートサイトなどではウェブページが固定的で、ページの追加、ページ更新はあまり頻繁に行われませんが、ブログは、ニュースや日記など、新たに独自の独立した記事コンテンツを積極的に配信するためのウェブサイトになります。 基本的にCMSが利用され、
