文字コード Web制作|ホームページ制作

文字コード(UTF-8・Shift-JIS・EUC)・文字化け Web制作用語


ホームページ(ウェブサイト)を制作し、運営していく中で「文字化け」という現象に直面したことがあるかもしれません。この文字化けを引き起こす主な原因が、文字コードの設定ミスです。文字コードとは、コンピュータが文字をデジタルデータとして認識し、ブラウザなどの画面に正しく表示するための規則を指します。

現在、ホームページ制作において主流となっているのは「UTF-8」という規格です。多言語に対応しており、世界中の多くの環境で標準的に利用されています。しかし、過去に構築された古いシステムや、特定の事業用データベース、古いメールソフトなどでは、現在でも「Shift-JIS」や「EUC(EUC-JP)」といった文字コードが使われていることがあります。

SEOやWebマーケティングの観点から見ても、適切な文字コードの選択は非常に重要です。検索エンジンのクローラーは、ページにアクセスした際に文字コードを判別してコンテンツを読み取ります。もし設定が間違っていて文字化けが発生すると、ページの内容が検索エンジンに正しく評価されず、検索順位の低下を招く可能性があります。また、訪問者にとっても文字が読めないページはすぐに離脱する原因になります。

ホームページ(ウェブサイト)を安定して運用していくために押さえておきたい、UTF-8、Shift-JIS、EUCといった代表的な文字コードの特徴や、それぞれの違いについて解説します。

文字コード

文字コードの具体的な種類について見ていく前に、まずは文字コードそのものの役割について把握しておきましょう。コンピュータは文字をそのまま理解することができないため、ルールに従って文字を数値に置き換えて処理しています。

文字コード ホームページ制作用語

文字コードは、コンピュータ、ウェブにおいて文字を利用するために各文字に割り当てられるバイト表現やバイト表現と文字の対応関係で、文字を表現する際にどのバイト表現をするかを決定します。ホームページ(ウェブサイト)においては、ウェブページがどの文字コードで記述されているかによって、ブラウザの解釈が異なることから、ページの文字化けの原因になります。

ホームページ(ウェブサイト)での文字コードの指定

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

ホームページ(ウェブサイト)を制作するにあたり、ウェブページがどの文字コードで記述されているかは、<head>内の<meta>で設定します。ウェブではUTF-8、Shift-JIS、EUCが一般的です。

<meta charset="UTF-8" />

ローカルでhtmlを保存するときなどに、ファイルの文字コードの設定がメタ設定と異なっていると文字化けが起こります。特に日本語は文字化けが起こりやすいため、注意が必要です。

文字コード

日本語サイトの文字コードは概ね次のとおりです。

  • UTF-8
  • Shift_JIS
  • EUC
  • JIS

ホームページ制作・SEOの1ポイント

文字コード ホームページ制作・SEO

文字コードの設定にミスがあっても、アルファベットなどはそのまま表示されることがあります。日本語をはじめとした、固有の言語に関する記述の際にはこうした文字コードの設定には注意が必要です。

UTF-8

UTF-8 ホームページ制作用語

UTF-8(ユーティーエフエイト)は、ホームページ(ウェブサイト)で使用する文字コードのうち、Unicodeなどで使える8ビット符号単位の文字符号化形式・文字符号化スキームで、現在ウェブ制作では最もスタンダードな文字コードです。

このUTF-8は、CMSなど、ウェブアプリケーションでも多用されています。

UTF-8のバイト数

UTF-8のバイト数 ホームページ制作・Web制作

しかしながらUTF-8は、漢字や仮名などの表現に3バイトを要するため日本語の使用自体は他の文字コードよりもバイト数が多くなり、ソースが重くなるなどのデメリットもあります。

ホームページ制作・SEOの1ポイント

UTF-8 ホームページ制作・SEO

<head>で文字コードをきちんと設定していても、htmlファイル自体の文字コード形式が他の文字コードである場合、文字化けを起こすことがあります。ローカルでhtmlファイルを制作する場合は、保存時の文字コード種類に注意したほうが良いでしょう。特に設定に日本語が混じっている場合文字化けして該当部分が機能しなくなる場合がありますのでさらに注意が必要です。

UTF-8のBOM無しとBOM付き

文字コードの一種UTF-8は、Web制作業務ではページ作成の際によく使用されます。テキストエディタにおいて文字コードUTF-8でファイルを作成した場合、保存時にBOM無しとBOM付きを選ぶ場面があります。UTF-8のBOM付き・BOM無しの違いは、ファイル先頭に「UTF-8です」というマークが付くか否かという点です。

テキストエディタ UTF-8のBOM無しとBOM付き

Shift-JIS

Shift-JIS ホームページ制作用語

Shift-JIS(シフトジス)は、コンピュータ上で日本語を含む文字列をバイト表現するための文字コードの一つで、ウェブでは、UTF-8が一般的になるまでは、日本国内のホームページ(ウェブサイト)でよく使用されていた文字コードです(MS-DOSで日本語用文字コードとして採用されていたため、日本語環境では一般的でした)。

Shift-JISはサイズが小さい

Shift-JISは、UTF-8などに比べてサイズが小さいというのが特徴です(UTF-8では半角カナや漢字の多くは3バイトを要します)。

ホームページ制作・SEOの1ポイント

Shift-JIS ホームページ制作・SEO

ホームページをリニューアルしたり、ページ追加する場合に、文字コードの相違によって文字化けを起こす可能性があります。<head>内の文字コードの設定がきちんとなされているか確認が必要です。また、CMS管理画面上でファイルを操作した場合、もとの設定とは異なる文字コードで保存されることがあるため注意が必要です。

EUC/EUC-JP

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

このEUC-JPもUTF-8が一般的になるまでは、ホームページ制作(ウェブサイト制作)でよく使用されていました。UNIX系OSの標準的な文字エンコードとして使用されてきたことと以前はWebサーバにUNIX系OSが多く用いられていたことから、日本語のホームページ(ウェブサイト)においてShift JISと並びEUC-JPが多く使われていました。

ホームページ制作・SEOの1ポイント

EUC EUC-JP ホームページ制作・SEO

文字コードの設定自体はSEOに影響を与えませんが、文字コードの設定ミスがあると検索エンジンが正確にテキストコンテンツの内容を読み取れず判断できない可能性がありますので注意が必要です。また文章だけでなく日本語で設定されているものが文字化けしている場合、描画にも影響を与えますので同様に注意が必要です。

文字化け

文字化け ホームページ制作用語

文字化けは、そのまま文字通り「文字が化けて他の文字」になってしまうことです。

ホームページ(ウェブサイト)においては、文字コードのメタ設定における設定ミスやファイル保存時の文字コードの違いなどにより起こります。

ホームページ制作における文字化け

ホームページ制作における文字化け

ホームページ制作における文字化けの主な原因は、ファイル内に記述された文字コードと保存時の文字コードが異なっている場合です。

「このファイルはUTF-8で記述されています」

という状態にもかかわらず、ファイルの編集において保存時にShift-JISで保存した場合文字化けが起こることがあります。

また、UTF-8で記述されているファイルをダウンロードし、編集を行う段階でエディタの保存時にShift-JISを選択した場合なども文字化けが起こります。

日本語部分が文字化け

日本語部分が文字化け

半角ローマ字での記述の場合は文字が化けないこともありますが、CSSのフォントの設定などで日本語を使っている場合などは、日本語部分が文字化けを起こすことがあり、設定がおかしくなる場合があります。

また、直接的にホームページ自体の表示には問題がなくても、日本語で書いたソース内コメントが化けて読めなくなるということも起こります。

ファイル圧縮による文字化け

ファイル圧縮による文字化け ホームページ制作・Web制作

また、Web制作現場においては、zipファイルなどの受け渡し時において、Macintoshでのzip圧縮をWindowsで解凍するとファイル名に文字化けが起こるということもよくあります。拡張子部分も文字化けしファイル自体が開けないという場合もあります。

Windows端末での解凍でも文字化けを起こさないタイプの圧縮を行う必要があります。

ホームページ制作・SEOの1ポイント

文字化け ホームページ制作 Web制作 SEO

ホームページに記載しているテキストデータが文字化けしている場合は、文字コードの設定が無指定か、うまく設定できていない場合がほとんどです。ブラウザのエンコードの選択で、正規のテキストが表示された場合は、検索エンジンもテキストを正確に読み取ってい場合がありますが、ユーザーの混乱を避けるために文字コードは正確に設定する必要があると考えることができるでしょう。

カテゴリ別 Web制作/ホームページ制作用語集

ホームページ制作(ウェブサイト制作)なら
Web制作会社ファンフェアファンファーレへ

「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も手がけております。

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コンサルティングも対応可能です。


著者・監修 : 株式会社ファンフェアファンファーレ

2012年創業の京都のWeb制作会社 ホームページ制作やSEO、Web集客・Webマーケティングをメインテーマにお届け。SEOやAI活用、Web以外の集客何でも来いです。中小零細企業を中心に「きちんとしたホームページ集客」を考えて、ホームページ制作や様々なWeb集客戦略を提案しています。 ホームページ制作に限ると、のべ制作数は160社(少ないって?それはそれだけ1社あたりのWeb集客施策や修正に集中してるからさ)

「文字コード(UTF-8・Shift-JIS・EUC)・文字化け Web制作用語」のカテゴリ Web制作・ホームページ制作用語
タグ:


ホームページ制作・カスタマイズ、Webマーケティング・SEOなどのお問い合わせ・ご依頼