Google Developers Japan: コードの向こうにいる人々:NDTV が世界の大物へ

Local blog for Japanese speaking developers

コードの向こうにいる人々:NDTV が世界の大物へ

2019年12月23日月曜日

この記事は Alex Durán による The AMP Blog の記事 "People Behind The Code: NDTV’s Rise To Global Heavyweight" を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。

Vikas Kumar（NDTV）

この会社の概要、そしてなぜ AMP を採用したのかについて教えていただけますか？ NDTV は、元々 1988 年に国営ニュースチャンネルであるドゥールダルシャンのプロダクションハウスとして発足しました。最終的には、ニュース、スポーツ、エンターテインメント、金融、テクノロジーなど、さまざまな専用コンテンツを提供する、独立した独自チャンネルを立ち上げることになりました。

私たちは 1999 年に NDTV.com を立ち上げ、この 20 年間で世界のトップ 20 に入るニュースウェブサイトとなるまでに拡大しました。コンテンツの品質、UX、そしてローカライゼーション（コンテンツは英語、ヒンディー語、タミール語、およびベンガル語で提供されています）に取り組んだ結果、現在では平均して月に 2 億人近いアクティブユーザーがいます。

増加するオンラインオーディエンスにとってページ読み込み時間は非常に重要であることを私たちは認識しています。チームメンバーの 1 人が AMP についての記事を読み、デベロッパーたちと話をしました。後日、当社の Google アカウントマネージャからメールを受け取ったのですが、まさに運命の出会いという感じでした。
全体として、AMP の読み込み時間の速さや SERP でのプリキャッシュなどの最適化が、ユーザーエクスペリエンスの向上に役立ったと感じています。

AMP を統合する上で、何か困難はありましたか？いいえ、ありませんでした。本当です。SEO は以前からデスクトップからモバイルに移行していましたし、モバイルインデックスのほうがデスクトップ検索よりも先行していましたので、これは正しい選択だという確信がありました。
サードパーティのウィジェットを統合することや、サイトの既存のルックアンドフィールを維持できるかどうかについては、当初いくらかの不安がありました。しかし、どの問題も容易に解決方法を見出せました。たとえば、カスタム JavaScript を使用するウィジェットや要素のレンダリングには <amp-iframe> が大変便利です。

AMP は事業にどんな効果をもたらしましたか？当社のような広告収入で運営されているサイトの場合、表示回数の増加が収益増加を意味します。ページの読み込みの速さとユーザーエクスペリエンスの向上により、常連オーディエンスを確立することができ、サイト拡大に再投資できるだけの収入が得られました。

この業界では、たった 1 秒の違いが直帰率の低減や平均セッション時間の増加に大きな影響を及ぼします。AMP 実装により、First Meaningful Paint（FMP）の平均が 3 秒から 1 秒になりました。
また AMP によって JavaScript が非同期になったおかげでレンダリングの妨げとならなくなり、読み込み時間の足手まといになっていたサードパーティの JavaScript も除去されました。高速そしてアジャイルが実現されました。
競争での優位性は時間の経過と共に減少してきました。というのも、インドのほとんどのサイト運営者が AMP を採用し、プラットフォームを活用するようにもなっているからです。それでも、ターゲットオーディエンスとのチャンネルを確立する上で、AMP は当初から本当に役に立ってきました。

AMP を検討している人にどんなアドバイスをしたいですか？利用可能な AMP コンポーネントのすべてについてしっかりと理解することです。それは、強力な初期サイトフレームワークの構築に役立ちます。

また、AMP ページが有効かどうかを継続的に評価し、もし有効でないなら、時間を取ってその理由を調べるべきです。 AMP ウェブサイト には、期待し得るあらゆることに対応したリソースが揃っており、私たちは絶えずアクセスしています。

実装が難しい AMP コンポーネントが何かありましたか？今後、試してみたいコンポーネントが何かありますか？ <amp-live-list> については、使い始めるのにトリッキーな感じがしました。当サイトで選挙結果をリアルタイムでグラフィック表示しようとしたのですが、そこに含まれていたサードパーティの JavaScript が問題を引き起こしていました。結局、問題をコミュニティに投稿しました。そこで他のデベロッパーの方に助けていただいたおかげで解決策を見出すことができて、本当によかったです。AMP はオープンソースであり、絶えず発展し続けているので、互いに協力し、助け合えるのはすばらしいことです。最近立ち上がった <amp-web-push> を早くテストしてみたいですね。

AMP の今後について一番期待したいのはどんなことですか？ AMP が OpenJS Foundation に参加しているといったニュースを聞くのは、それがサイト運営者やデベロッパーを念頭に置いて構築されており、オープンプラットフォームであるという確信につながります。 AMP ストーリーなどの新しいコンポーネントやエクスペリエンスを知ると、わくわくしてきますね。コード 1 行で AMP+ PWA なんて本当にすごいです。AMP スキルを向上させるには、こちらをご覧ください。ニュースレター投稿: Alex Durán（Google の AMP プロジェクトマーケティング）Chiko Shimizu - Developer Relations Team

ラベル

ブログアーカイブ

2023
- 9月
- 8月
- 7月
- 6月
- 5月
- 4月
- 3月
- 2月
- 1月

2022
- 12月
- 11月
- 10月
- 9月
- 8月
- 7月
- 6月
- 5月
- 4月
- 3月
- 2月
- 1月

2021
- 12月
- 11月
- 10月
- 9月
- 8月
- 7月
- 6月
- 5月
- 4月
- 3月
- 2月
- 1月

2020
- 12月
- 11月
- 10月
- 9月
- 8月
- 7月
- 6月
- 5月
- 4月
- 3月
- 2月
- 1月

2019
- 12月
- 11月
- 10月
- 9月
- 8月
- 7月
- 6月
- 5月
- 4月
- 3月
- 2月
- 1月

2018
- 12月
- 11月
- 10月
- 9月
- 8月
- 7月
- 6月
- 5月
- 4月
- 3月
- 2月
- 1月

2017
- 12月
- 11月
- 10月
- 9月
- 8月
- 7月
- 6月
- 5月
- 4月
- 3月
- 2月
- 1月

2016
- 12月
- 11月
- 10月
- 9月
- 8月
- 7月
- 6月
- 5月
- 4月
- 3月
- 2月
- 1月

2015
- 12月
- 11月
- 10月
- 9月
- 8月
- 7月
- 6月
- 5月
- 4月
- 3月
- 2月

2014
- 12月
- 11月
- 10月
- 9月
- 8月
- 7月
- 6月
- 5月
- 4月
- 3月
- 2月
- 1月

2013
- 12月
- 11月
- 10月
- 9月
- 8月
- 7月
- 6月
- 5月
- 4月
- 3月
- 2月
- 1月

2012
- 12月
- 11月
- 10月
- 9月
- 8月
- 7月
- 6月
- 5月
- 4月
- 3月
- 2月
- 1月

2011
- 12月
- 11月
- 10月
- 9月
- 8月
- 7月
- 6月
- 5月
- 4月
- 3月
- 2月
- 1月

2010
- 12月
- 11月

Feed

"プロダクトに関するご意見はプロダクトフォーラムにお願いします"

Google
Privacy
Terms