<amp-story-grid-layer template="vertical"> <amp-img src="moons.jpg" width="266" height="340" layout="responsive"> </amp-img> </amp-story-grid-layer> visual storytelling for the open web Web Stories immerse your readers in fast-loading full-screen experiences. Easily create visual narratives, with engaging animations and tappable interactions. The Web Story format (formerly known as AMP Stories) is
Share Facebook Twitter LinkedIn Mail Posted by Rudy Galfi, Product Manager for AMP at Google The AMP story format is a recently launched addition to the AMP Project that provides content publishers with a mobile-focused format for delivering news and information as visually rich, tap-through stories. A visual-driven format for evolving news consumption on mobile Some stories are best told with tex
.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
accessibility 10 advanced 195 AMP 13 Android 2 API 7 apps 7 autocomplete 2 beginner 173 CAPTCHA 1 Chrome 2 cms 1 crawling and indexing 158 encryption 3 events 51 feedback and communication 83 forums 5 general tips 90 geotargeting 1 Google Assistant 3 Google I/O 3 Google Images 3 Google News 2 hacked sites 12 hangout 2 hreflang 3 https 5 images 12 intermediate 205 interstitials 1 javascript 8 job s
Share Facebook Twitter LinkedIn Mail Posted by Zachary Nado, Software Engineer Recently we announced the addition of Brotli compression to the Google AMP Cache. All AMP documents served from the Google AMP Cache can now be served with Brotli, which will save a considerable amount of bandwidth for our users and further our goal of improving the mobile experience. Brotli is a newer, more efficient c
molily Navigation Google’s Accelerated Mobile Pages project (AMP) focuses current conflicts on the web like a lense: The mobile revolution, trustworthy and sustainable journalism, content monetarization and advertising, web standardization, web performance and tech industry monopolies. A lot has been said about AMP. In this post, I won’t explain what AMP is and I won’t reiterate all criticism it d
こんにちわ、@t32kです。先日、3/18に大阪で開催されたFRONTEND CONFERENCE 2017に登壇してきました。また弊社メルカリは懇親会スポンサーでした。今回は『スタンドアロンAMPのススメ』というタイトルで講演した内容をシェアしたい思います。 私が所属しているソウゾウ社ではメルカリアッテというクラシファイドサービスを作っています。メルカリは配送システムを介して売買しますが、こちらは直接会って手渡しでモノの売り買いができます。もちろん、手数料や配送料はかかりませんので、よろしかったら使ってみてください。私はそこのWeb担当で、本サイトのAMP実装について話します。 今日のアジェンダです。 AMPのメリット 表現力について テンプレート分散について 構造化データについて まとめ といった内容でやっていきたいと思います。 AMPとは？ まずはAMPとは何か説明します。AMPとは
こんにちは、エンジニアの荒井です。 2016年はAMP（Accelerated Mobile Pages）の正式サポートがアナウンスされ、導入した方も多いのではないでしょうか。VASILYでもAMPを導入し数ヶ月運用しています。AMPの導入に関しては、関連記事も多く存在しますが、導入したことによって得られた結果について触れている記事は少ないと感じています。そこで本記事では、弊社でのAMP導入事例と、AMPによって得られた効果を紹介したいと思います。これから導入を検討している方はAMP対応による効果の一例として、すでに導入している方は比較対象として参考にして頂ければと思います。 AMPについて 初めにAMPについて簡単に説明します。 AMPはモバイルページを高速にユーザー届けるために発足したプロジェクトです。昨年Googleの検索結果に表示されるようになり、様々なサービスで対応が進められてい
.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の発表から約1年が経ち、国内のGoogle検索でも正式対応されたことや、AMPに対応しているサービスやアプリの増加などから、AMP対応をしているサイトを見る機会が増えてきたように思います。以前は、AMPのプレビュー用検索ページでしか、AMP対応アイコンやAMP対応サイトがカルーセルに掲載されていることが確認できませんでしたが、正式対応されたことで、通常の検索ページからでもAMP対応ページが一目でわかるようになりました。 その中でも、カルーセルに掲載されたページは、タイトルやサムネイルが大きく表示されるため、よりユーザーの目を引くことが可能だと思われます。AMP対応ページをカルーセルに掲載させるためには、次の条件を満たす必要があります。 AMP HTMLが仕様に準拠して適切に記述されている AMP HTML内にJSON-LD形式の構造化データが適切に記述されている そこで、カルーセルへ
.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
Even though the new Service Worker API allows you to cache away all of your website’s assets for an almost instant subsequent load, like when meeting someone new, the first impression is what counts. If the first load takes more than 3 seconds, more than 53% of all users will drop off. There are ways to mitigate this problem of a slow first load, but you can only get so far with this strategy, and
Googleはパブリッシャーにとって、長らく恐れられる存在だった。だが、昨今は友好的な姿勢をアピールしている。少なくとも、Facebookとの比較においては、そう言えるだろう。とはいえ、Googleの支援には限界がある。パブリッシャーはAMPを理解して、自ら収益化の努力をしなくてはいけない部分もあるのだ。 Googleはパブリッシャーにとって、長らく恐れられる存在だった。だが、昨今は友好的な姿勢をアピールしている。少なくとも、Facebookとの比較においては、そう言えるだろう。 パブリッシャーは、Googleがオープンソースで進めるモバイルウェブ高速化プロジェクトAMP（アンプ：Accelerated Mobile Page）を歓迎しているが、AMPの収益力については満足していない。それに対するGoogleの回答が、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
The goal of the Accelerated Mobile Pages (AMP) Project is to give publishers a way to distribute their content in a highly performant way on mobile devices, resulting in happier visitors. Publishers are beginning to invest in AMP support now that AMP pages are becoming prioritized in search results. With the lower markup complexity of AMP pages, you can also reduce your development and infrastruct
※ 2016/8/16：AMP対応ページにAdSenseを表示させるための設定として、amp-adタグについて追記。 需要なポイントは… GoogleがAMP対応を促すメッセージを配信 モバイル検索結果に新しい機能（専用枠）を導入予定 AMP対応のメリット、デメリット AMP対応は必須となるか？ GoogleがAMP対応を促すメッセージを配信 つい先日、Googleはモバイル検索にて「AMPページをスマホ向けページに置き換えて検索結果に表示する実験を開始した」ことを当ブログでもお伝えしましたが、更にGoogleはAMP対応をサイト管理ユーザーに促すため、サーチコンソールからAMP対応ページの作成を推奨するメッセージを配信しました。 このメッセージは最初は英語圏のユーザーだけに配信されているにとどまっていましたが、私のアカウントにも送信されて来ましたので日本語圏はもちろん、遅かれ早かれ全ての
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitter uses AMP to improve reading experience, enables publishers to understand their audience
The Why and How of Accelerated Mobile Pages at Condé Nast
