Aggregator

TOYOTAが「ReBORN ドラえもん」を公開。30年後ののび太くんとジャイアンのストーリー。ドラえもん登場するのかなぁ？...

株式会社SHIFTは、株式会社アドバゲーミングを新たに子会社化したことを発表した。 アドバゲーミングは、2006年8月31日に、株式会社オプト、株式会社テクノ…

株式会社電通は11月9日、2011年10月度単体売上高を発表した。 業務別では、先月マイナスだった雑誌がプラスに転じた。 全社　　　：　1174億430…

株式会社ディー・エヌ・エー（DeNA）は11月8日、同社の韓国子会社であるDeNA Seoulが韓国の大手検索・ポータルサイト運営企業であるDaum Commu…

株式会社フジ・メディア・ホールディングスは2012年3月期第2四半期決算（2011年4月1日～2011年9月30日）の決算短信を発表した。 【連結経営成績…

セーラー広告株式会社は、平成23年5月13日に公表した業績予想の修正を発表した。 ＜平成24年3月期連結業績予想の修正　第2四半期（累計）＞ （平成23…

株式会社インプレスホールディングスは、平成24年3月期第2四半期決算を発表した。 ＜平成24年3月期第2四半期の連結業績＞ （平成23年4月1日～平成2…

日本写真印刷株式会社は11月4日、2012年3月期第2四半期累計期間（2011年4月1日～2011年9月30日）の決算短信を発表した。 【連結経営成績（累…

これまでは検索連動型広告を検索結果の横に表示していたが、今後は検索結果の下に掲載することがあるという。検索結果の側部より下部のほうが、検索結果を追う視線の延長にあるため、クリックされやすいようだ。

KDDIとLOUIS VUITTONが「LOUIS VUITTON CIRCUS in collaboration with au」を公開。第一弾はAndro...

MOTOROLA PHOTONのプロモーションサイトからのコンテンツ「ソーシャル0.0ラボ 『豊かさ』の未来」。「ソーシャルの先、ゆたかさの未来を見つけ出す」...

三菱自動車が「i-MiEV ねぶた PROJECT」のプロジェクトレポートが公開されています。オリジナルの「ねぶた」を制作し、世界初の「クルマの電気でつくるね...

2011年11月6日、安保ホール 501AB会議室（名古屋）でCSS Nite in NAGOYA ♭001を開催し、55名の方にご参加いただきました。

ツイートは下記にまとめました。

• CSS Nite in NAGOYA ♭001　のまとめ。 - Togetter

次のブログで取り上げていただきました。ありがとうございます。

• 本日はお日柄もよく | CSS nite nagoya ♭001。

多言語のウェブサイトとは、複数の言語に向けてコンテンツを提供するウェブサイトです。多言語のウェブサイトの例には、日本語に加えて中国語と韓国語で公開されているアジアをターゲットとした企業のサイトや、ヨーロッパのサッカーチームのファンサイトを日本語とそのチームの母国語で公開している場合など様々なサイトがあります。

通常、多言語のウェブサイトを作成する意味があるのは、ターゲット ユーザーの使用する言語が複数にわたっている場合です。ヨーロッパのサッカー チームのブログが日本にいるそのチームのファンに向けたものであれば、日本語のみで公開しても問題ないでしょう。しかし、世界中のそのチームファンにも読んでもらいたいと考えるなら、英語やそのチームの母国語のコンテンツも用意すると役に立つことでしょう。

Google の言語認識

Google はページごとにその主となる言語を判断しています。言語を認識しやすくするために、ページごとに使用する言語を統一すること、そして原文と訳文を一緒に表示しないことをおすすめします。1 ページについて複数の言語を認識することも可能ではありますが、ページ内のすべての要素（ヘッダー、サイドバー、メニューなど）の言語は統一して使用することをおすすめします。

Google では「lang」属性から文書型定義（DTD）まで、コードレベルの言語情報はすべて無視します。一部のサイト制作ソフトでは、これらの属性が自動的に作成されるため、ウェブページの言語を判断する際にこうした情報はあまり信頼できないためです。

一般的に Google である言語で検索を行う場合、ユーザーは検索した言語に最適化された検索結果が表示されることを期待しています。そこで、サイトの多言語化を図る際には、検索結果に表示されるスニペットや URL などにも気を配る事が重要となります。以下にそのためのヒントをいくつか紹介します。

多言語のサイトの分析: URL 構造

多言語のウェブサイトを作成するときに、特別な URL を用意する必要はありません。とはいえ、URL を見て自分がウェブサイトのどのセクションにいるのかを把握できればユーザーにとって便利です。たとえば、次のような URL が使われていると、ユーザーは自分がこのサイトの中の英語用コンテンツにいることが把握できます。

http://example.ca/en/mountain-bikes.html
http://en.example.ca/mountain-bikes.html

一方、次のような URL であれば、同じページをフランス語で表示していることがわかります。

http://example.ca/fr/mountain-bikes.html
http://fr.example.ca/mountain-bikes.html

また、このような URL 構造を使うと、多言語コンテンツのインデックス状況が分析しやすくなります。

非英語文字が含まれる URL を作成する場合は、必ず UTF-8 エンコードを使うようにしてください。UTF-8 でエンコードされた URL であれば、コンテンツ内からリンクされた場合も適切にエスケープされます。手動で URL をエスケープする必要がある場合は、オンラインの URL エンコーダ を利用するのが簡単です。たとえば、次の URL を英語からフランス語に翻訳するとします。

http://example.ca/fr/mountain-bikes.html

翻訳後の URL は次のようになります。

http://example.ca/fr/vélo-de-montagne.html

この URL には非英語文字が 1 文字（é）含まれているので、ページ内のリンクで使用するために適切にエスケープすると次のようになります。

http://example.ca/fr/v%C3%A9lo-de-montagne

多言語のウェブサイトのクロールとインデックス

まずはじめに、自動翻訳したページをインデックスの対象としないようにしてください。自動翻訳は意味が通じない場合があるため、スパムとみなされる可能性があります。また、自動翻訳されたコンテンツは、しばしばユーザーにとって理解できなかったり、不自然に感じることがあります。そのようなコンテンツを多言語のウェブサイトとして作成するのは、ユーザーにとって有益ではありません。

多言語化を行う場合は、Googlebot がサイトのすべての言語バージョンをクロールできるようにしてください。また、ページ間で相互にリンクすることをおすすめします。つまり、同一コンテンツを異なる言語で掲載したページ間をリンクします。ユーザーにとってもこのリンクは非常に便利です。先ほどの例を使って説明すると、たとえばフランス語を使うユーザーが http://example.ca/en/mountain-bikes.html にアクセスしてしまった場合、ワンクリックで http://example.ca/fr/vélo-de-montagne.html に移動して同じコンテンツをフランス語で表示することができます。

サイトをよりクロールされやすくするために、ブラウザの言語設定による自動的なリダイレクトを行わないようにしてください。このようなリダイレクトを行うと、ユーザー（と検索エンジン）がサイトのすべての言語バージョンを見られなくなる場合があります。

最後に大切なこととして、各言語のコンテンツには別々の URL を使用してください。つまり、多言語間で同一の URL を使って Cookie でコンテンツを切り替えるような構造は避け、それぞれの言語ごとに URL を設定しましょう。

文字コードの使用

Google は、HTTP ヘッダー、HTML ページ ヘッダー、コンテンツから文字コードを直接判定します。文字コードに関して注意していただきたいのは、コンテンツとヘッダーの間などで情報が矛盾していないか注意することです。Google ではさまざまな文字コードを認識できますが、可能であればウェブサイトでは UTF-8 を使用することをおすすめします。

多言語のウェブサイトの作成についての説明は以上です。この記事に関するコメントやご質問は、ウェブマスター ヘルプフォーラム までお寄せください。

Written by Xavier deMorales, Google Search Quality
Original version: Working with multilingual websites

Web広告研究会の企画で、石巻でボランティアをやってきました。 わずか一日間、イベント会場の草むしり石拾いをやってきただけなんですけど、久しぶりの肉体労働は、なかなか楽しいものでした。 何より有益だったのは、地元のボランティアの方々とお話をさせていただいたこと。 なかでも、地元で非常にユニークな活動されているのが「石巻2.0」です。 「石巻2.0」は、この震災を経験しながらも石巻に住み続け、未来の石巻を創りだそうとする若い商店街店主の方々と一緒に石巻商店街の光明を見出すため、地元の方々と全国のありとあらゆるリソースとのコラボレーションや実験的ワークショップを行いながら、石巻商店街再生を促進することを目的としています。 石巻の復興を新しい価値観でサポートすることを通し、地方都市のあり方や震災後の街の復興のモデルケースを生み出す事は、結局のところ、今回の被災地エリア全土と、日本全体を救うことにつながると我々は考えます。 「石巻２．０」、その先陣を切る存在です。 いいですよね。若々しさと志の高さを感じます。 何よりもこのWebサイト、デザインがとてもいい。シンプルでありながら情報量は十分で、ツイッター・ブログとの連動も非常にスムースです。さまざまなイベント・プロジェクトの様子がダイレクトに伝わってきます。 私たちがお手伝いした作業の記事はこちらです 【2011/11/08】今日は清掃活動！-第２回re_futebolista project-　-ISHINOMAKI2.0 ブログ- また、PDFで作られたブックレットも内容・デザインともに非常に優れています。 数少ない体験から語るのはやや不遜ではありますが、ボランティアはひとつの学習機会なのだと思います。参加すると、震災被害や復興の諸問題について認識を深めるだけでなく、自分の仕事や生活にプラスになることがとても多いのです。 僕は今回、現地におけるさまざまな状況について学ぶと同時に、このサイトを通じて、僕は、ネットPRにおけるデザインの持つパワーを実感することができました。 現在、被災3県のがれき撤去率は9割を超え、震災直後の悲惨な風景は街から消えつつあります。とはいえ、石巻にはまだ陸に乗り上げた漁船も見られ、何より水産加工業の復旧は容易ではなく、人口は減り続けてるのが実情です。そして何より、多くの死者を出した、その心の傷は少しも癒えていないでしょう。 こうした状況に対して真っ向から立ち向かう、志の高い復興アクション「石巻2.0」を応援することで、これからもさらにネットPRを「学ぶ」こともできるかも、とそんなことを考えました。 (四家正紀)