Aggregator
2012年1月の月間ベストリリース賞はワタベウェディング株式会社様に決定!
Îñţérñåţîöñåļîžåţîöñ (インターナショナリゼイション - サイトを国際化する際に知っておきたいこと)
(外国語のコンテンツは発信しないから関係ないと思うかもしれませんが、もしかしたら他の国の人が、Google 翻訳のようなツールを使ってあなたのページを自分の母国語で見ている かも知れません。サイトを本来の表示言語以外の言語で見ているユーザーの割合は、アナリティクスのマイレポートに表示されるトラフィックを参照することでわかります)
「言語が増える=HTML テンプレートが増える」ではない
これについてはいくら強調しても足りないくらいですが、同じテンプレートをすべての言語バージョンで再利用すること、そしてテンプレートの HTML はシンプルにしておくことを強くおすすめします。
HTML コードがどの言語でも同じであることは、メンテナンスの観点から非常に重要です。言語ごとに HTML コードに手を加えてバグを修正するのでは、拡張性に欠けます。ページのコードはできるだけシンプルなままにしておいて、スタイルについては CSS を使うのがよいでしょう。(コードをシンプルしておくもう 1 つの利点は、翻訳のしやすさです。ほとんどの翻訳ツールは HTML ドキュメントを解析して翻訳可能な文字列を抽出しますので、この作業は、HTML の構造が正しければ、非常に容易です)
文字列の長さに注意
要素のサイズを固定したときにテキストがきれいに見えるようなデザインの場合は、テキストを翻訳すると大変なことになるおそれがあります。たとえば、ページの左側に置いたナビゲーション用のテキストが、翻訳するとかなり長くなってしまうことがあります。ナビゲーション用のタイトルが 2 行にまたがってしまう可能性も考えて、全体が収まるように行の高さを決定する必要があります(ナビゲーション テキストを最初に母国語で作るときもこのことは考慮する価値があります)。
テキストの長さが変動することが特に問題となるのは、フォームのラベルやレイアウトです。たとえば、フォームのラベルを左側に、入力フィールドを右側に配置したデザインの場合は、テキストが長いと 2 行になってしまい、短いと入力フィールドとの間が空きすぎて関連がないように見えてしまいます。どちらの場合もデザインが台無しになり、フォームの可読性が損なわれます。さらに、右から左(RTL)にテキストを記述する言語のレイアウトについてもスタイルを考慮する必要があります(詳しくは後ほど)。このような理由から、Google では、ラベルをフィールドの上に置くようにフォームをデザインしています。フォームが読み取りやすくなり、さまざまな言語に翻訳したときもスタイルの維持が容易だからです。
また、テキストを表示する領域の高さを固定するのも避けたほうがよいでしょう。高さを揃えたいくつかのボックスを背景としてレイアウトすると、母国語のテキストはぴったり収まっても、テキストが翻訳されたときにあふれ出てしまうことがあります。デザインの中で使う UI 要素が、テキストの長さの増減によって影響を受けるかどうかも考える必要があります。たとえば、タブを横に並べる か、 縦に並べる かといったことです。
右から左へ記述する言語への対応
右から左へ記述する言語のページに表示するためのコンテンツは、ほとんどの場合、純粋な RTL ではなく双方向となります。テキストによっては、左から右という方向を維持する必要があるからです(会社名の英語表記や電話番号など)。双方向 HTML のソース編集には問題が起こりがちですが、その理由は、エディタの多くが Unicode の双方向アルゴリズムをサポートしていないことです(問題と解決策に関する詳しい情報(英語))。例えば下の例のように " と > の順序を間違えてしまうということが起きえます:
<p>ابةتث <img src="foo.jpg" alt=" جحخد"< ذرزسش!</p>
双方向のテキストを適切に編集できるエディタは Coda のほか、Dreamweaver、IntelliJ IDEA、JEditX などがあります。
RTL 言語用にページをデザインするときは、必要なサポートのほとんどをコア CSS に組み込み、html 要素の dir 属性(下位互換性のため)とともに body 要素にも CSS のクラスを用意するのがよいでしょう。他の場合と同様に、すべてのスタイルを 1 つのコア スタイルシートに集めておくと、メンテナンスがしやすくなります。
スタイルに関しては、右側にフロートする要素は左側にもフロートする必要があり、その逆も同じであることに注意してください。要素の一方の側に設定されているパディングやマージン幅は反対側に置かれ、テキストの整列属性は反対向きに設定されます。
Google が通常採用しているアプローチの 1 つに、html[dir=rtl] CSS セレクタではなく body タグのクラスを使用するというものがありますが、これは古いブラウザとの互換性のためです。例えば以下のように HTML, CSS を記述します。
要素:
<body class="rtl"> <h1><a href="http://www.blogger.com/"><img alt="Google" src="http://www.google.com/images/logos/google_logo.png" /></a> 見出し</h1>
左から右への(デフォルトの)スタイル:
h1 {
height: 55px;
line-height: 2.05;
margin: 0 0 25px;
overflow: hidden;
}
h1 img {
float: left;
margin: 0 43px 0 0;
position: relative;
}
右から左へのスタイル:
body.rtl {
direction: rtl;
}
body.rtl h1 img {
float: right;
margin: 0 0 0 43px;
}
(実際の例を 英語版 と アラビア語版 で比較できます。)
また、RTL を主とするドキュメントの中に会社名の英語表記や電話番号のような左から右のテキストがある場合に、ブラウザで正しく処理されるようにするには、インライン要素で埋め込まれたテキスト文字列を、方向を設定する属性を使って折り返します。
<h2>עוד ב- <span dir="ltr">Google</span></h2>
dir 属性を入れる HTML コンテナがない場合(title 要素や、メッセージ プロンプト用に JavaScript によって生成されたソース コードなど)は、次のようにすると同じことを実現できます。‫ と ‬ は、Unicode 制御文字です:
<title>‫הפוך את Google לדף הבית שלך‬</title>
JavaScript コードでの使用例:
var ffError = '\u202B' +'כדי להגדיר את Google כדף הבית שלך ב\x2DFirefox, לחץ על הקישור \x22הפוך את Google לדף הבית שלי\x22, וגרור אותו אל סמל ה\x22בית\x22 בדפדפן שלך.'+ '\u202C';
(詳細については、 アラビア語やヘブライ語などの右から左へ記述する言語の HTML ページの作成と RTL 言語でのスクリプトの作成 (英語)に関する W3C の記事を参照してください)
文字化け
(既に日本語文字を使用しているウェブマスターの方はあまり意識する必要はないと思いますが、)ラテン文字以外の外国語の文字セット(キリル文字、ギリシャ文字、アジアやインドのさまざまな言語の文字)をこれまでに一度も使用したことがない場合は、エディタとブラウザのどちらも、コンテンツが意図したとおりに表示されない場合があります。
エディタとブラウザのエンコードが UTF-8(推奨)に設定されていることを確認するとともに、HTML テンプレートに html 要素の lang 属性を追加することを検討してください。これによって、ブラウザがページを正しくレンダリングできるようになります。このことには、すべての Unicode 文字が正しく表示されるという利点もあります。つまり、é(é)のような HTML 実体参照を使う必要がなくなるので、貴重なバイト数を節約できます。エンコードをうまく解決できないときは、W3C の文字エンコードに関するチュートリアル (英語)を参照してください。この問題の詳しい説明があります。
標準規格に従った命名
最後に、複数の言語バージョンを作るときの命名規則に関する実務的なヒントを紹介します。ISO 639-1 言語コード などの標準規格に従って名前を付けておくと、同じドキュメントのさまざまな言語バージョンを扱うときに便利です。
標準の命名規則が使用されていれば、ユーザーがサイトの構造を理解しやすくなることに加えて、サイトを構築するウェブマスターにとってもメンテナンスしやすくなります。また、サイトのその他の要素(ロゴ画像や PDF ドキュメントなど)に言語コードを使うと、ファイルの識別がしやすくなります。
また、ウェブマスター セントラルの記事で、URL 構造に関するヒントと、 多地域向けウェブサイト (英語)や 多言語ウェブサイト に関する問題について紹介していますので、参考にしてください。
ここで紹介したことについては、Google 自身も日々苦戦していますが、確かに言えることは、十分な計画を立てて適切な構造の HTML としっかりとした CSS を作成すれば、ローカライズが格段に楽になるということです。
2月の【Yahoo!リスティング広告 ライブ!】のお知らせ
■2012年2月9日(木)18:00~(20分程度) 特集: 「運用の鉄則! なぜ『部分一致』なのか」 詳細: キーワードのマッチタイプでおすすめしている「部分一致」。今回の配信では、なぜ部分一致が効率的な運用に欠かせないのか、その理由を分かりやすい具体例をもとにご紹介します。 ■2012年2月23日(木)18:00~(20分程度) 特集: 「運用の鉄則! 『対象外キーワード』を使いこなそう」 詳細: 「部分一致」の活用には欠かせない「対象外キーワード」。対象外キーワードの設定手順から正しい活用方法までを実践的にご紹介します。2月9日の配信とあわせてご覧いただくと、より効果的です。▼Yahoo!リスティング広告 ライブ!のご意見・ご感想、取り上げてほしいテーマなどを募集しています。ハッシュタグ「#YLseminar」をつけてTwitterよりつぶやいていただくか、番組ページのソーシャルストリームに書き込んでください。
グリー、第2Q決算を発表 売上高は719億6,100万円 有料課金および広告収入の伸長により売上高が過去最高を更新
東芝、新開発の電池「SCiB」と電気自動車のWebキャンペーン「FIFTEEN MINUTES LOVE」開始 15分間の「モテ期」体験
CSS Nite in Ginza, Vol.61が終了しました
2012年1月19日(木)、アップルストア銀座でCSS Nite in Ginza, Vol.61を開催し、180名を超える方にご参加いただきました。

ツイートは下記にまとめました。
次のブログで取り上げていただきました。ありがとうございます。
- CSS Nite redux, Vol.6 とVol.61に参加しました | CreaMo!-クリーモ!-クリエイティブをMotto!集めるブログ
- CSSNite#61@銀座アップルストア「デザインセンスを身につける」ウジトモコさん ?|あなたの会社のWebマーケティング&PR担当 mariweb
- ポジショニングと最初の一手目 - 日々関心
- デザインとセンスの関係を聞く - SINAPlog
スライド、音声は、後日、このサイトで公開予定です。公開しました。
クオラス、2011年度 第3Q決算 売上増も原価率が上昇し利益が圧迫 純損益マイナス3100万円
絶対にフォローすべきPinterest(ピンタレスト)の10アカウント
SEOの最重要特許ベスト10 その4 – ページランクがリーズナブルサーファーに出会った日
Facebookページのエンゲージメント率、スポーツ業界がトップ など
2012/2/7のsocalbakersの記事から。
http://www.socialbakers.com/blog/396-top-10-facebook-industries-by-engagement-rate-hot-industry-analytics-by-socialbakers-pro/
2011Q4世界のFacebook広告は対前期比109%増、検索連動型広告は27%増
2012/2/2のKenshoo Social Dataから。http://www.kenshoo.com/Facebook_Advertising_Budget_Growth_Media_Alert/
レコメンデーションがあることで、単なるブラウジングより動画閲覧率が8ポイント上昇
2012/1のUnruly MediaのSocail Ad Effectivenessから。http://www.unrulymedia.com/SocialAdEffectiveness
20114Q西欧のPC出荷台数、対前年同期比16%マイナス など
2012/2/7のGartnerのリリースから。
http://www.gartner.com/it/page.jsp?id=1915815
2012/1末の日本の携帯IP接続サービス契約数、101,377,500件
2012/2/7の電気通信事業者協会のリリースから。http://www.tca.or.jp/database/2012/01/
世界の携帯アプリ売上、2016年に520億ドルに
2012/2/7のJuniper Researchのリリースから。http://www.juniperresearch.com/viewpressrelease.php?pr=286
2012/2/4の週の米検索エンジンシェア、Googleが66.29% など
2012/2/4の週の英検索エンジンシェア、Googleが90.84%http://www.hitwise.com/uk/datacentre/main/dashboard-7323.html
2012/1電通の売上、インタラクティブは対前年同月比82.0%、全体は100.5%
サイバーエージェント、ベトナム最大手の音楽サイト運営会社NCT Corporationへ出資
電通、アド・アジア(AdAsia)が選ぶ 「The Most Creative Agency in Asia 2011」を受賞
存在しない404エラーページがGoogleのインデックスからなかなか消えないのはなぜ?
- 存在しない404エラーページがGoogleのインデックスからなかなか消えないのはなぜ? -
Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM
KLMオランダ航空、ソーシャル座席予約を開始
------------------------------
KLM Meet & Seat
https://www.klm.com/travel/nl_en/about/news_press/travel_news/klm_meet_and_seat_.htm
https://www.klm.com/travel/nl_en/prepare_for_travel/on_board/Your_seat_on_board/meet_and_seat.htm
------------------------------
