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

Publish2011/04/20(水)

Update2017/04/10(月)

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

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

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

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

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

半角英数

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コードを読み取ると友達登録のリンクが表示されますので、試しに登録してみてください。

関連記事

  • Webサイトの運用にかかせないテスト環境構築のススメWebサイトの運用にかかせないテスト環境構築のススメ 今日は、サイト運用をより効果的に行うための方法の一つとして僕も実践している「テスト環境を作成する」ことについて書きます。 Webサイトのテスト環境を作る理由とメリット まず、テスト環境を作るというと、「そんなのめんどくさい」とか、「作る側の人だけでしといてくれたらいい」とか、そういう意見をいただくこともあるのですが、テスト環境は作成して使っていくことで多くのメリッ […]
  • Web上で顔を出すということについての所感Web上で顔を出すということについての所感 今日はWeb上に顔を出すことについて書こうと思います。 Web上に顔を出すのは恥ずかしい? 今日この記事を書こうと思ったのは、先日とある打ち合わせで会社概要ページに社長の顔を出すかどうかを話していた時に、「でも顔写真載せるの恥ずかしいやん(笑)」とある方に言われて、そういえば一定確率で顔出しが恥ずかしいと感じている人っているなと思ったことがきっかけです。 僕の場 […]
  • アクセス解析(GoogleAnalytics)から仮説を立てる時に押さえておくポイントアクセス解析(GoogleAnalytics)から仮説を立てる時に押さえておくポイント サイトを運用する上で仮説を立てて検証をする事は大切な方法の一つですが、仮説ってどうやって立てたらいいんだろうと思われている方が結構いるように思います。 手法としてはいろいろありますが、今回はサイトに導入されている確率も高いアクセス解析「GoogleAnalytics」を使用して仮説を作る場合に、見るポイントを紹介しようかと思います。 基本的な指標の種類とその役割 […]
  • スピード感の重要性について考えるスピード感の重要性について考える ふにすではスピード感を大切にしていますが、なぜスピード感が大切なのかを改めて書いておきます。
  • ホームページ/Webサイトのアクセスアップの基礎知識。流入経路を把握する。ホームページ/Webサイトのアクセスアップの基礎知識。流入経路を把握する。 今回はホームページ/Webサイトのアクセスアップを行う際の基礎知識として、サイトへのアクセスが発生する流入経路にはどの様なものがあるのかを考察します。 単純にサイトにアクセスを集めれば売上が上がるということではありませんが、どの様な人に見てもらうかや、ホームページ/Webサイト上での成果を出すためには、アクセスをどこからどうやって集めるのかということを知っておくことは必要で […]
  • Webの運用と事業戦略についてWebの運用と事業戦略について 今日は僕がいつもしている仕事の中で、特に気を付けていることで、かつ、人にはあまり伝わっていなさそうなことについて書きます。 ふにすでは「Webの運用」をメインにしているわけですが、この「Webの運用」というのは非常に守備範囲が広くて定義も曖昧です。 そこでこれらの内容を整理する意味でも、一度「Webの運用とは何か?」ということをまとめてみようと思います。 ちなみに、「W […]

よく見られている記事

ふにろぐナビ

About

ふにろぐとは?

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

このブログについて

ふにすのお仕事

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

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

ソーシャルとか。

NewEntry

はてブで人気の記事

PickUP

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

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

Category

Month