Airbnbの開発チームが語るウェブサイトのAMP対応を諦めた理由
「Airbnb」は宿泊施設を貸し出す人と借りたい人を引き合わせるウェブサービスを運営しています。Airbnbでは、多くのユーザーを引き入れるためGoogleが提唱するモバイルウェブサイトの高速化を実現するフレームワーク「Accelerated Mobile Pages (AMP)」の導入を検討し、開発も行ったようですが、多くの障壁があったこともあり、結局実現に至らなかったとのことです。どういう経緯があって、実現に至らなかったのか、AirbnbのGil Birman氏とBrian Ta氏がプレゼンテーションで語っています。 How Airbnb is putting AMP at the core of its digital strategy https://medium.com/swlh/how-airbnb-is-putting-amp-at-the-core-of-its-digit
AMP から Progressive Web App へ
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
ニューヨークで開催された AMP Conf 2017 に参加してきました - ぐるなびをちょっと良くするエンジニアブログ
みなさまいかがお過ごしでしょうか。フロントエンド開発グループの佐藤雅ｙです。 2017年3月7日と8日にニューヨークで開催された AMP のカンファレンス「AMP Conf 2017」に招待していただき、参加してきました。 今回は1日目のレポートになります。 AMPとは カンファレンスの内容に触れる前に、AMP をご存じない方のために、ちらりと AMP について触れておきます。 まず、AMP = Accelerated Mobile Pages の頭文字 です。 実装方法等はオフィシャルサイトが最新で基本となりますが、オフィシャルブログや、Google他サービスブログ等で、事前に仕様やマイルストーンが公開されることも多いです。 AMP の昨今 もともとの AMP の成り立ちは、モバイルニュースサイトの表示速度の遅さに業を煮やした有志たちが、モバイルサイトのパフォーマンスを改善させるために考
AMP: breaking news | Andrew Betts
Google has made much of their Accelerated Mobile Pages project as a solution to bloated websites and frustrated users. But could AMP actually be bad news for the web, bad news for news, and part of a trend of news distribution that is bad for society in general? I didn’t start out as strongly anti-AMP. Providing tools for making websites faster is always great, as is supporting users in developing
スタンドアロンAMPのススメ
こんにちわ、@t32kです。先日、3/18に大阪で開催されたFRONTEND CONFERENCE 2017に登壇してきました。また弊社メルカリは懇親会スポンサーでした。今回は『スタンドアロンAMPのススメ』というタイトルで講演した内容をシェアしたい思います。 私が所属しているソウゾウ社ではメルカリアッテというクラシファイドサービスを作っています。メルカリは配送システムを介して売買しますが、こちらは直接会って手渡しでモノの売り買いができます。もちろん、手数料や配送料はかかりませんので、よろしかったら使ってみてください。私はそこのWeb担当で、本サイトのAMP実装について話します。 今日のアジェンダです。 AMPのメリット 表現力について テンプレート分散について 構造化データについて まとめ といった内容でやっていきたいと思います。 AMPとは？ まずはAMPとは何か説明します。AMPとは
AMPの導入と効果について - ZOZO TECH BLOG
こんにちは、エンジニアの荒井です。 2016年はAMP（Accelerated Mobile Pages）の正式サポートがアナウンスされ、導入した方も多いのではないでしょうか。VASILYでもAMPを導入し数ヶ月運用しています。AMPの導入に関しては、関連記事も多く存在しますが、導入したことによって得られた結果について触れている記事は少ないと感じています。そこで本記事では、弊社でのAMP導入事例と、AMPによって得られた効果を紹介したいと思います。これから導入を検討している方はAMP対応による効果の一例として、すでに導入している方は比較対象として参考にして頂ければと思います。 AMPについて 初めにAMPについて簡単に説明します。 AMPはモバイルページを高速にユーザー届けるために発足したプロジェクトです。昨年Googleの検索結果に表示されるようになり、様々なサービスで対応が進められてい
2016 年第 4 四半期末の AMP ロードマップ アップデート
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
AMPについてのコンテンツ消費者としての感想メモ - $shibayu36->blog;
昨日、「AMPが導入された結果、現時点ではモバイルのブラウズ体験が大きく損なわれてるのですが、そう感じるのは僕だけでしょうか」とTwitterでつぶやいたら、いろいろ反応があり、いろんな観点を知ることが出来たのでメモしておく。なお、自分自身はまだAMPのコンテンツを実装したわけではなので、開発者の知識はなく、ただのコンテンツ消費者としての知識しかない。開発している人から見るとまた違った見え方があるかもしれない。 コンテンツ消費者側のメリット・デメリットという観点 AMPによるコンテンツ消費者側のメリットは速度面だが、モバイルを利用していた時に現時点では速度に困っていなかったので、自分はメリットを享受できていない 現時点では、いろんな理由によりユーザ体験が損なわれている部分がある ユーザ体験が損なわれている例としては、プラットフォームの問題とコンテンツ制作側の問題の両方がある プラットフォー
ウェブマスター フォーラムに寄せられた AMP に関する質問をご紹介します！
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
あれ？いつのまにか通常の検索結果もAMP対応に
ついに通常の検索結果もAMP対応に 今回の記事は、はてなブログでAMP対応している人は目を通しておいた方が良いですよ！ さきほど、スマホでネットサーフィンしてたら、通常の検索結果（トップニュースじゃなくてメインの検索結果）もAMP対応になっているではありませんか！ 追記：数日前からすでになってたみたいです…気づかなかった…。同じようにまだ気づいていない人もいるかと思いますので、書いておきます。 例えば、スマホで「漫画 おすすめ」でGoogle検索してみて下さい。そしたらコトリさんのこの記事が上位にあると思います。 絶対に面白いおすすめ漫画！今人気の話題作から殿堂入りの名作まで厳選紹介 – 心に火を、指先にペンを あと、ヒトデ氏のこれとか。 【マンガ】おすすめの面白い漫画ランキングベスト111！ – 今日はヒトデ祭りだぞ！ 検索結果からこの記事をクリックすると、爆速のAMPになってる！（環境
今すぐ始められる、ECサイトでのAMP対応
[レベル: 上級] AMPプロジェクトは、ECサイトでのAMPサポートに現在取り組んでいます。 ですが、現状でもECサイトがAMPに対応することはできます。 今すぐ始められるECサイトのAMP対応についてAMPプロジェクト公式ブログが解説しました。 要点をまとめてこの記事で紹介します。 カテゴリページのAMP対応 一般的に静的で、商品の一覧を表示するために設計されているカテゴリページはECサイトの中では特にAMPに向いています。 eBayはカテゴリページのAMP化をどこよりも早く始めていましたね。 <amp-carousel> のような要素を利用するとスマートフォンでも商品を閲覧しやすくなります。 <amp-carousel> はいわゆる”カルーセル”をAMPページで実装できる仕組みです。 水平方向にフリックすることで、次から次へとスライド式に商品を閲覧できます。 こちらはAMPで構成され
Google、AMPアクセスを簡単にフィルタできるオプションを検索アナリティクスに追加
[レベル: 上級] Googleは、Search Consoleの検索アナリティクスにAMPページヘの検索トラフィックをフィルタするためのオプションを追加しました。 フィルタを利用すると、AMPページヘのアクセスだけを簡単に分析できます。 「検索での見え方」オプションでフィルタリング Search Consoleに新たに追加された「検索での見え方」オプションを設定することで、AMPページへのトラフィックをフィルタできます。 AMPでフィルタしたあとは、AMPページだけに絞り込んで、いつものようにクエリやランディングページごとに表示回数やクリック数、CTRなどを調べられます。 なお、検索結果におけるAMPページの表示がないサイトでは「検索での見え方」オプションは利用できません（AMP化していなければデータが出るはずもなく、あっても意味がないですね）。 AMPページのトラフィックが検索アナリテ
Google、Search Consoleの検索アナリティクスでAMP対応ページのレポートを提供開始
[レベル: 上級] Google Search Consoleの検索アナリティクスがAMPに対応したページへのトラフィックのデータをレポートするようになっています。 同一ドメイン内でもAMPトラフィックをレポート Cyber Agentの木村さんが、アメーバブログでのAMP導入状況を公開した記事で、AMPページのトラフィックデータを検索アナリティクスが提供し始めていることにも触れています。 ただ、アメブロの場合はAMPを別ドメイン（サブドメイン）で提供しており、AMPサイトは単体のサイトとしてSearch Consoleに登録しています。 独立したサイトなのでレポートに出ているのかと思ったのですが、そうではないようです。 本サイト（このブログ）の配下にサブディレクトリを追加してAMPコンテンツを配信している僕のブログでも、検索アナリティクスのレポートに出ていました。 下のキャプチャは、「/
『AMPを導入してどうだったのか？』
アメブロがAMP対応してからしばらくが経ちました。 今回はその"AMP"に対応した結果どうなったのか？ という、効果について簡単に書きたいと思います。 ここ最近ブロガーさん向けの記事が多かったので、今日は珍しくSEOネタっぽいやつです。 さて、アメブロでは3/10より順次AMP対応しています。 スマートフォンでGoogle検索をした際に、 このような表示がされることがあります。 これは実際に「ユニクロ」で検索した結果の一部です。 このマーク が表示されているものはAMP対応となり、 このように簡易的なページが表示されます。 AMPページはGoogleからの検索の場合はGoogle側にキャッシュされる形になることもあり、 いろいろな制約があります。 例えば、 ・広告の掲載に制約がある ・画像の使い方に規則がある ・使えるHTMLタグに制約がある などです。 HTMLタグなどは、AMPページを
AMP対応の裏側で正規化について激論を交わした話 - daily thinking running
jusei.hatenablog.com 先日、発表しましたがAndoroidアプリでAMPに対応しました。iOSもそう遠くないタイミングでリリースできると考えています。AMPの話を聞いた時にアプリで提供できるのではないかとすぐ考えたのですが、アプリで対応するにはどうして正規化がネックになるとチームで議論になりました。 正規化については以下のエントリーからご参考下さい。 jusei.hatenablog.com 上記のエントリーでも触れていますがあくまでも正規化は提案でしか無く、本当に正しいURLはユーザーが選ぶというのが基本的なスタンスです。一方で正規化を提案されると、そもそも正規化とは何か？という疑問も出てきますし、すこし高度な機能だとも考えています。今回AMPにおいては、通常のURLとAMP用のURLのいずれを提案すべきなのかをチームで検討を繰り返しました。 はてなブックマークはUR
「AMPエラーはランキングに悪影響を与えない」ほか、Googleのジョン・ミューラーにAMPについて質問してきた at #SMX Munich 2016
[レベル: 中級] 3月17〜18日に独ミュンヘンで開催されたSMX Munich 2016に参加してきました。 GoogleからJohn Mueller（ジョン・ミューラー）氏が来ていて、AMPについていくつか質問してきたので、この記事で共有します。 エラーが出ているAMPページがあるとランキングが下がるか？ Q. エラーが出ているAMPページがあったとしても、クロールやインデックス、ランキングには悪い影響を与えないはず。 「与えない」と言い切ってもらえる？ A. 与えない。エラーが出ていてもネガティブな影響は出ない。エラーのあるAMPページが有効なAMPページとして認識されないだけ。 Search ConsoleのAMPレポートにはそのサイトで検出されたエラーがレポートされます。 また、「AMPページのエラーを修正してください」という通知がSearch Consoleから届くことがあり
もうGoogle検索ってダメかもね： - ふくゆきブログ
要するに上記の表のとおりです。クリックすると拡大します。だんだん情報の本質的でない部分が検索の順位に影響してきて、検索しても見つけたい情報がさらに見つかりにくくなってくるかもしれません。要するにyahoo知恵袋やアメブロやニュース記事ばかり上位に来て、本質的に正しい情報は上位に来ないようになります。もともとはpage rankというシンプルな方針で検索順位を決めていたのが、googleさまが頑張って頑張って多くのSEO対策を施した結果、よくわかんない基準で検索順位が決まるようになってしまいました。SEO業者の結果が埋まるよりマシなんですけど、難しいところです。もちろん、上記以外の基準もたくさんあります。しかし、上記のように情報の本質的でない基準も多いです。 特に、AMPというモバイルで高速に表示するjavascriptモジュールをgoogle様が提供していただいたのは素晴らしいのですが、最
AMP対応 2016.02版 - YAMAGUCHI::weblog
はじめに こんにちは、Go界のエルゴノミクスキーボードです。今日Googleがモバイル検索で Accelerated Mobile Pages に対応したというアナウンスがありました。 Google Japan Blog: モバイルウェブをもっと速く また中の人が仕組みや導入手順を書いてくれたようです。やさしい！！ Google モバイル検索が Accelerated Mobile Pages に対応しました - Google Developers Japan しかしながら、私も今回のGoogleのAMP対応に関して、なぜかいろいろと知見が溜まったような気もするので、忘れないうちにこの場に書いておこうと思います。これはあくまでも私個人の意見であって、ここのコメントになにか書かれても一切お答えしないことを先に書いておきます。なお2016.02版としているのは、これからもいろいろと追加されたり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【2016.5.18】ZOZOの販売ページがAMPで検索結果に表示
TechCrunch | Startup and Technology News
