サイトの原稿は全角と半角に気をつけよう。

Publish2011/04/20(水)

Update2016/01/02(土)

サイトの原稿は全角と半角に気をつけよう。

今日はサイトの原稿を作成する上で気をつけるポイントの「文字は全角がいいのか半角がいいのか」の話です。
全角や半角の文字は、普段意識して使っていないという人は、これを機会に見直すことをおすすめします。

サイトの文字の全角と半角を意識して使用する理由

サイトを作成する場合、まずは原稿等を用意してからその内容検討したのち、サイトに反映させていくのが一般的です。
その時点で、原稿のテキストが全角か半角かを意識しておくといいと思っています。
というのも、全角や半角をきちんと使い分けないと、自分が思っていたように画面上で表示されないというような事態を回避できるからです。
せっかく用意した原稿が正しく読まれないというのは、心情的にも悲しいものがありますし、また利用者視点で考えると情報が正しく表示されていないサイトは信用性が低いものであると捉えられます。
これではサイトの信用性=会社の信用性を下げてしまう行為ということにもなりますので、正しく文字を使用して正しい情報を掲載するということは、サイトの信用性を高めるということと同じであるとも言えます。
たかが文字、されど文字。
きちんとした情報掲載を行い、信用性の向上を意識しましょう。

では、どういう状況があるのかを種類別に考えながら説明します。

半角英数

Webサイトはそもそも英語圏で開発されたものです。
そのため、英語圏の1バイト文字を使用してサイトは作成されるものであるというふうに考えたほうが無難です。
1バイト文字については、以下引用文よりご確認ください。

1バイト文字とは、1バイトのデータで表現できる文字。半角の英数字や記号、半角カタカナなどが含まれる。ひらがなや全角カタカナ、漢字などは1バイトの範囲では表現できないため、2バイト文字となる。Unicodeでは半角文字も2バイトで表現されるため、従来の1バイト文字の定義は無効となるが、慣用的に半角文字の意味で現在も使われている。

http://e-words.jp/w/1%E3%83%90%E3%82%A4%E3%83%88%E6%96%87%E5%AD%97.html

サイトを作成する上で使用している半角英数は、基礎的なものになるので文字化けをするという事もありません。
基本的に半角英数で表示できる部分は、Webの場合は全て半角英数にするくらいでいいと思います。

全角英数・漢字

全角文字は2バイト文字とも呼ばれ、簡単に言うと半角の倍のデータ量を持っている文字になります。
日本語で使うひらがなやカタカナ、漢字など半角英数で表現できない種類の文字です。
日本語で作るサイトの場合は、当然ですが自然と使っています。
全角文字を使用することで表示に不具合があるということはないのですが、古くからパソコンを使用している人のなかには数字も全角で入力する人がたまにいます。
よくあるパターンでは、Wordとかでデータをいただく場合で多いです。
おそらく視認性の向上を目的として全角数字を使用されているかと思いますが、Webの場合は全角数字よりも半角数字の方が好ましいです。
例えば、電話番号の数字の羅列を半角数字で記入しておくと、スマホサイトで表示された際にリンクが生成され、タップすることで電話がかかるようになるということもあります。
これを全角で入力していた場合には、そうはなりません。
このようなメリットもあるので、数字は基本的に全角ではなく半角にしましょう。

半角カナ

さて問題は半角カナです。昔の携帯サイトとかではよく使われていました。
画面の小さい携帯サイトでは、画面内に表示させる文字数を少しでも多く取りたいということからか半角カナが多用されていた時代があります。
しかし、半角カナについては、一部の端末で表示上の問題があるなどの理由であまり使わないほうが無難です。
今の時代ではあまり半角カナで文字化けをするというようなことも少なくはなってきていますが、画面のサイズも以前の携帯サイトよりも大きくなり、半角カナが使用されるシーンも減ってきたかと思います。
技術革新に伴い文字化けも起こりにくくはなっていますが、あえて使う必要もないかと思います。
カナは全角にしておいたほうがいいのではないかと思います。

特殊文字・機種依存文字・絵文字

ここまでは一般的な文字の種類でしたが、全角半角という区切りではなく、文字自体の種類として「特殊文字」や「機種依存文字」や「絵文字」という存在があります。

例えば①などですね。
ここではあえてそのまま使いましたが環境によっては見えていない人もいると思います。
こちらのページに代表的なものの一覧があるのでもし使っているものがありましたら、使用を控えるようにした方がいいと思います。
これらの文字は特定の環境でのみ表示することを目的として開発されたものなので、全ての環境で同じ表示がされるというものではありません。
つまり表示が正常に行われない可能性があるということです。
中でも絵文字はキャリア限定のものなどもあり、LINEなどの特定環境では問題ないのですがサイトで使用するというのは控えておくほうがいいかと思います。

まとめ

たかが文字と思うことはあるかもしれませんが、使用する文字によって内容がわからなくなるという場合もあることを考えると、やはり正しく文字の種類を把握して適切に使用するということが大切だということがお分かりいただけたかと思います。
サイトを作成する上では基礎的な知識ですが、以外と知らずに使っていたり、特に考えたこともなかったという場合もあるかと思います。
しかし、知っているのと知らないのとでは大きな違いです。
自分のサイトを正しく理解してもらうために、適切に文字を意識して原稿を作成するようにしましょう。
また、現在作成されたページも一度見直していただくという取り組みも重要です。

記事の著者:ふにすでぐち

ふにすでぐち

1978年生まれ。企業のWeb活用をテーマに、Webサイトの運用を中心とした戦略的な企画立案、Web運用サポート、Webサイトの構築などを行っています。
5年間のWeb制作会社勤務後、2年間のフリーランスで「フニス」として活動後に法人化し、2012年7月「ふにす株式会社」を設立。
Web活用の情報や考え方などを発信するブログ「ふにろぐ」を不定期更新中です。
2015年11月より大阪府高槻市に「ふにすWeb相談所」を開設。
地域の方々に気軽にWebのことを相談できる場所として、より多くのWeb運用の問題解決をするために活動しています。
サイトの運用や活用にお困りの方、Web運用やブログ更新などの講演のご依頼など、お気軽にご相談ください。
お問い合わせはこちら

LINEでWebに関する質問にお答えしています。

ふにすでは、LINEでWebに関するご質問にお答えしています。Webに関するあんなことやこんなこと、今さら聞けない疑問などなんでもご相談ください。LINEアプリでQRコードを読み取ると友達登録のリンクが表示されますので、試しに登録してみてください。

関連記事

  • Googleスプレッドシートの通知ルール&Gmailのフィルタ(転送ルール)の設定方法Googleスプレッドシートの通知ルール&Gmailのフィルタ(転送ルール)の設定方法 先日書いたGoogleフォームをサイトに埋め込む場合の手順の補足的な内容になりますが、Googleスプレッドシートの通知ルールとGmailのフィルタ機能を利用して、メールの転送設定を行う方法を書いておきます。 利用する前提としては、Googleフォームを設定完了していて、送信テストが終わった後の状況です。 Googleフォームと連携したスプレッドシートを作成する事で、 […]
  • Googleのウェブマスター向けガイドラインに基づいた考え方で考えるGoogleのウェブマスター向けガイドラインに基づいた考え方で考える よく聞かれることの一つに、サイトの運営ポリシーというか、何かをするにあたってどういう風にすればいいのかというような質問をされることがあります。 そういう時にお話ししていることの一つに、Googleが公開しているウェブマスター向けガイドラインの考えをベースにしてコンテンツを作成するといいと思いますよと返事をしています。 今の世の中はすごく便利だなと思うのは、こういうGoog […]
  • ブログの種類と、種類別の向いている運営方法ブログの種類と、種類別の向いている運営方法 今回はブログの種類の紹介と、それぞれのメリットやデメリットを考えて、使用するタイミングに合わせて用途にあったブログを使ってみてはどうかという一連の流れを書きます。 「ブログを作ってみたいけどどういう形でするのがいいんだろう?」という人向けの内容になります。 好きな形で始めればいいとは思いますが、それぞれの特徴を把握していいたほうが後で後悔する可能性が減ってきますし、ブログ […]
  • ブログを続けるコツ。ブログのネタ探し編ブログを続けるコツ。ブログのネタ探し編 今日は最近でもよく聞かれる質問の「ブログを毎日書いてますが、書く内容(ブログのネタ)はどのように探していますか?」というご質問についてお返事しようと思います。 書く内容は、普段の生活の中に潜んでいる ブログを書くスタイルは人によって様々で、また、ブログのテーマによっても異なりますが、基本的には記事を書くためのネタになる出来事は日常生活の中に潜んでいると僕は思ってい […]
  • サイトを始める前にすることサイトを始める前にすること 今日はサイトをはじめる前にする事、しないといけない事をまとめます。 「サイトをはじめる」といっても、はじめる前の前段階の部分をしっかりしておかないと、後から大変になります。 運用後のトラブルの回避や、ブレない迷わないサイト運営をするためにも、以下の項目をしっかり決めていきましょう。 サイトを作る前の準備 何のために作るのか? 誰に向けて作るのか? […]
  • 迷惑メール対策の基礎!メールアドレスの公開方法について迷惑メール対策の基礎!メールアドレスの公開方法について 迷惑メールが多くて困っていませんか? 迷惑メールには色々な種類がありますが今回はサイト経由でアドレスが流出して迷惑メールが送られてくる場合のお話です。 サイトを公開しているとお問い合わせ連絡先としてメールアドレスをサイトに公開する方も多いと思いますが、サイトに公開しているアドレス宛に大量の迷惑メールが届いて困っているという人も多いと思います。 そもそもなぜ公開してい […]

よく見られている記事

ふにろぐナビ

About

ふにろぐとは?

ふにろぐは「ふにす株式会社」の「でぐち」が書いているブログです。
このブログでは主にサイトの運営をしている企業のご担当者様向けに、「サイトの運営に役立つTips」や「今更人に聞けないような初歩的なこと」を中心に情報を配信しています。
その他には僕自身の考え方なども書いています。

このブログについて

ふにすのお仕事

このブログを書いている「でぐち」がしている「ふにす株式会社」は大阪と京都の間にある高槻という街で、Webの運用サポートを中心に活動しています。
Webサイトの制作とかもしてますが、ブログを続けるためのサポートとか、会社をどうやってPRすればいいんだろうとか、そういうふわっとした事を相談してください。
どういう内容を相談できるのかをまとめましたので、参考にしていただければと思います。

ふにすにはどんな仕事が頼めるの?

ソーシャルとか。

NewEntry

はてブで人気の記事

PickUP

Webサイトの運用に関する情報

ふにろぐで取り上げたWebサイトの運用に関する記事のまとめです。ツールや運用ノウハウなど、知っていると便利になる情報ですので、まずはこちらをご覧ください。

Category

Month