Webサイトをシングルページデザイン化したBloomberg、その効果は?仕組みとSEOも公開

米BloombergがWebサイトをリニューアル。スクロールすると次の記事が表示されるシングルページデザインを採用した。次に表示する記事をどうやって決定しているのか? SEOはどうやっているのか?

2015年06月26日 08時00分 公開
[Clare McDonaldComputer Weekly]
Computer Weekly

 経済および金融専門の情報サービス企業である米Bloombergが、シングルページ設計(画面1ページだけで完結する構造)のWebサイトを開設した。読みたい記事を画面にロードするまでの待ち時間を減らし、見たいコンテンツにすぐにアクセスできるようにすることで、読者体験の向上を狙ったものだ。

Computer Weekly日本語版 6月17日号無料ダウンロード

本記事は、プレミアムコンテンツ「Computer Weekly日本語版 6月17日号」(PDF)掲載記事の抄訳版です。本記事の全文は、同プレミアムコンテンツで読むことができます。

なお、同コンテンツのEPUB版およびKindle(MOBI)版も提供しています。

ボタンボタン

 同社にはジャーナリストのみならず、開発者も数千人在籍している。これだけの開発力があれば、同社メディア担当CEOのジャスティン・スミス氏が、読者のニーズを満たすために同社の「デジタルコンテンツを丸ごとリセットしたい」と考えたのも不思議ではない。

 「今回われわれが目指したのは、従来のページベースのWebサイトから脱却することだ」と語るのは、BloombergでWeb関連の責任者を務めるダニエル・ハラク氏だ。

 同社は手始めに、全世界のモバイルユーザーを対象としたサイト「Bloomberg Business Europe」を開設した。その際同社が採用したのは、カスタマーテクノロジープラットフォームの「Brisket」だった。これはオープンソースのシングルページWebアプリフレームワークで、GitHubから入手できる。Brisketを使ってシングルページデザインのWebサイトを作り、(Webサイトをブラウズしているのに)ほとんどアプリのように見える操作感を実現した。

 ページをスクロールすると、ユーザーのWebサイト閲覧傾向の分析から導き出した別の記事が表示される。別の記事のタイトルをクリックして新しいページをロードするような操作は不要だ。

 シングルページサイトの課題はSEOだ。この種のサイトは(見かけはアプリ風でも)ブラウザ上のみで動作する。Googleなどの検索エンジンはこうしたサイトを空のページと解釈する。

 Bloombergは、この問題を以下の方法で解決した。

続きはComputer Weekly日本語版 6月17日号にて

本記事は抄訳版です。全文は、以下でダウンロード(無料)できます。


Computer Weekly日本語版 最近のバックナンバー

Computer Weekly日本語版 6月3日号:Windows XPサポート終了後のPCに市場

Computer Weekly日本語版 5月20日号:Windowsから脱却するときが来た?

Computer Weekly日本語版 5月7日号:Nano Server投入に見るMSの思惑


Copyright © ITmedia, Inc. All Rights Reserved.

鬮ォ�エ�ス�ス�ス�ス�ス�ー鬯ィ�セ�ス�ケ�ス縺、ツ€鬩幢ス「隴取得�ス�ク陷エ�・�ス�。鬩幢ス「�ス�ァ�ス�ス�ス�、鬩幢ス「隴主�讓滂ソス�ス�ス�ス鬩幢ス「隴趣ス「�ス�ス�ス�シ鬩幢ス「隴乗��ス�サ�ス�」�ス�ス�ス�ス

事例 Twilio Japan合同会社

物流DX支援企業に学ぶ、「現場の声」をプロダクト開発に随時反映する秘訣

物流向けアプリケーションの開発を行うMeeTruckでは、アジャイル開発でPDCAをスピーディーに回すことで、業界での支持を拡大している。そんな同社の躍進を支えているのが、豊富なAPIを誇るコミュニケーションプラットフォームだ。

事例 Twilio Japan合同会社

SMS認証機能を2日程度で実現、事例に学ぶスピード実装の秘訣

斬新なアイデアで人気を博すレシート買い取りアプリ「ONE」を提供するWEDでは、認証機能の開発工数を削減すべく、あるクラウドコミュニケーションAPIを導入した。SMS認証機能の実装をわずか2日程度で実現した同ツールの実力を紹介する。

製品レビュー アステリア株式会社

建設現場のDXを促進、 IT人材不足でも現場でのアプリ開発で業務効率向上

アナログで非効率な業務が多く残る建設現場では、デジタル化によるプロセス改善が、喫緊の課題となっている。現場DXを推進する具体的な方法を提案するとともに、ノーコードツールの導入で大きな成果を収めた事例を紹介する。

事例 アステリア株式会社

「DXへの意識が低い」中小企業が現場DXを推進、事例に学ぶノーコード活用の秘訣

ビルメンテナンス事業を展開する裕生では、全社的にDXへの意識が低く、従業員の意識改革に課題を抱えていた。そこで、取り組みの契機とすべくノーコードツールを導入。業務アプリの活用により現場の業務はどのように変化したのだろうか。

製品資料 アステリア株式会社

業務アプリ開発を効率化するノーコード開発、スクラッチ開発と何がどう違う?

深刻化するIT人材不足の課題解消の方法として、プログラミングコードを書かずに業務用モバイルアプリを開発できる「ノーコード開発」が注目されている。従来のスクラッチ開発との違いを比較し、メリットや導入のポイントを解説する。

驛「譎冗函�趣スヲ驛「謨鳴€驛「譎「�ス�シ驛「�ァ�ス�ウ驛「譎「�ス�ウ驛「譎「�ソ�ス�趣スヲ驛「譎「�ソ�スPR

From Informa TechTarget

いまさら聞けない「仮想デスクトップ」と「VDI」の違いとは

いまさら聞けない「仮想デスクトップ」と「VDI」の違いとは
遠隔のクライアント端末から、サーバにあるデスクトップ環境を利用できる仕組みである仮想デスクトップ(仮想PC画面)は便利だが、仕組みが複雑だ。仮想デスクトップの仕組みを基礎から確認しよう。

Webサイトをシングルページデザイン化したBloomberg、その効果は?:仕組みとSEOも公開 - TechTargetジャパン システム開発 髫エ�ス�ス�ー鬨セ�ケ�つ€鬮ォ�ェ陋滂ソス�ス�コ�ス�ス

TechTarget驛「�ァ�ス�ク驛「譎「�ス�」驛「譏懶スサ�」�趣スヲ 髫エ�ス�ス�ー鬨セ�ケ�つ€鬮ォ�ェ陋滂ソス�ス�コ�ス�ス

鬩幢ス「隴取得�ス�ク陷エ�・�ス�。鬩幢ス「�ス�ァ�ス�ス�ス�、鬩幢ス「隴主�讓滂ソス�ス�ス�ス鬩幢ス「隴趣ス「�ス�ス�ス�シ鬩幢ス「隴乗��ス�サ�ス�」�ス�ス�ス�ス鬩幢ス「隴趣ス「�ス�ス�ス�ゥ鬩幢ス「隴趣ス「�ス�ス�ス�ウ鬩幢ス「�ス�ァ�ス�ス�ス�ュ鬩幢ス「隴趣ス「�ス�ス�ス�ウ鬩幢ス「�ス�ァ�ス�ス�ス�ー

2025/05/06 UPDATE

ITmedia マーケティング新着記事

news014.png

「サイト内検索」&「ライブチャット」売れ筋TOP5(2025年4月)
今週は、サイト内検索ツールとライブチャットの国内売れ筋TOP5をそれぞれ紹介します。

news046.png

「ECプラットフォーム」売れ筋TOP10(2025年4月)
今週は、ECプラットフォーム製品(ECサイト構築ツール)の国内売れ筋TOP10を紹介します。

news026.png

「パーソナライゼーション」&「A/Bテスト」ツール売れ筋TOP5(2025年4月)
今週は、パーソナライゼーション製品と「A/Bテスト」ツールの国内売れ筋各TOP5を紹介し...