キャッシュではなくオリジンサーバーから配信するAMPページをさらに高速化する方法
[レベル: 上級] AMP プロジェクトは、オリジンのサーバーから配信する AMP ページをさらに高速化する方法を公開しました。 AMP ページの表示はキャッシュほどには速くない Google 検索をはじめ、AMP をサポートしている多くのプラットフォームでは、AMP ページそのものではなく CDN サーバーにキャッシュされたページを返します。 AMP の高速表示は、キャッシュを利用したときに最大限に発揮されます。 しかし、AMP ページ（の URL）に直接アクセスしたときは、CDN サーバーが保持しているキャッシュからではなくサイトをホストしているウェブサーバーから AMP ページ本体が返されます。 Twitter は AMP をサポートしていますが、キャッシュではなく AMP ページ本体を返すことに気付いている人もいるはずです。 AMP はそれ自身でも高速化のための技術が数多く採用して
amp-linker-works-as-cross-domain-tracking
[レベル: 上級] AMP Linker という仕組みが AMP に導入されました。 AMP Linker を構成すると、別ドメイン名のサイトに AMP キャッシュから移動した際にセッション情報を引き継ぐことができます。 言わば、AMP 版のクロスドメイントラッキングです。 ファースト パーティ Cookie として機能させる AMP Linker たとえば、Google モバイル検索から AMP ページにアクセスしたときは、AMP キャッシュが返されます。 そのページを配信している、オリジンのドメイン名からではありません。 リンク経由で AMP キャッシュから離れると、AMP キャッシュページで配信された Cookie は、移動先のサイトではサードパーティ Cookie とみなされます。 昨今では、多くの解析ツールがサードパーティ Cookie を許容しません。 セッション情報を引き継ぐ
グーグル検索結果のスパム率は0.5%以下だって！？【SEO記事12本まとめ】 | 海外&国内SEO情報ウォッチ
2017年のウェブスパムの傾向と取り組みの状況をグーグルがウェブマスター向け公式ブログで報告した。 注目したいのは、やはり次に示す部分だろう。 Google では、ウェブマスター向けガイドライン（品質に関するガイドライン）に違反するさまざまなタイプの不正行為をまとめて「スパム」と呼んでいます。独自に分析したところ、ユーザーが検索結果からアクセスしたサイトがスパムサイトだった割合は長年 1% を下回っており、さらにここ数年は 0.5% 以下に抑えることができています。 グーグルは少なくとも「ウェブマスター向けガイドラインに反するようなスパムコンテンツ」に関しては、かなりうまく対処できるようになっているようだ。 とはいえ、「これが本当に検索ユーザーにとって良いコンテンツなのか？」というグーグル検索結果もないとは言えない。ダラダラと長いだけの記事が上位に来ている場合などがそうだ。 しかし残念なが
Example: <amp-social-share>
Introduction The amp-social-share component provides a common interface for share buttons, styled to complement each other. Setup Import the amp-social-share component in the header. <script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>
Google CDNのAMPキャッシュを大解剖――URLフォーマット、更新プロセス、更新方法、削除方法
[レベル: 上級] この記事では、Googleが公開しているドキュメントに基づいて、AMPキャッシュの仕組みについて説明します。 具体的には、次を扱います。 AMPキャッシュのURLフォーマット AMPキャッシュの更新プロセス AMPキャッシュの更新強制 AMPキャッシュの削除 あなたがAMPをすでに実装しているなら、知っておくと役に立つこともあるはずです。 では行ってみましょう⚡ AMPキャッシュのURLフォーマット AMP CDNにキャッシュされたコンテンツはたとえば次のようなURLになります。 https://cdn.ampproject.org/c/s/example.com/amp_document.html https://cdn.amproject.org/i/example.com/images/logo.png 分解して、どんな構成になっているのかを見てみましょう。 ※こ
顧客のサイトを AMP 化するための 8 つのヒント
+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
2018年のAMPはどう進化するのか？ #AMPConf 2018基調講演レポート
[レベル: 上級] オランダのアムステルダムで2月13〜14日に開催された AMP Conf 2018 に参加してきました。 この記事では、基調講演のハイライトをレポートします。 AMP の現状 3,100 万のドメインが AMP ドキュメントを発行 検索に出てくる AMP ページのクリックの 60% 以上が、ニュース以外のサイト AMP ページの滞在時間は2倍 AMP でコンバージョンが2倍 AMP が目指すのは、いまだかつてないほどにユーザーにフォーカスした強力な、開かれたウェブを実現すること。 そして、誰でも使える一般的なものにすること。 AMP Stories ユーザーのコンテンツ消費の仕方が変わってきた。モバイルでは長い記事を読みずらく、1〜2分でユーザーは読む。 そこで、AMP Stories（AMP ストーリー）を導入した。 AMP Stories は次のような機能を持つ。
AMP - a web component framework to easily create user-first web experiences
最新ニュース AMP 関連の重要な最新情報を見逃したくないですか？それなら、今すぐにニュースレターをご購読ください！
AMP Start、レスポンシブウェブデザインのAMPサイトを簡単に構築できるテンプレートを公開
[レベル: 中級] AMP プロジェクトは、AMP HTML で構成したウェブサイトを簡単に作成するためのテンプレートの提供を始めました。 AMP Start という名称のサイトで公開しています。 まずは2種類のテンプレートを配布 AMP Start で公開されているテンプレートを使えば、AMP に対応したサイトをゼロから構築する必要はありません。 テンプレートはデザイン的に洗練されており、たいていのサイトに必要な要素を備えています。 現在公開されているテンプレートは、次の2種類です。 記事用 ブログ用 記事もブログも大差ないように思いますが、ナビゲーションメニューやソーシャルボタンなどの要素に多少の違いがあります。 “COMING SOON”とあるので、もう1種類のテンプレートが近々公開されると思われます。 RWD + AMP HTML どちらのテンプレートも、レスポンシブ ウェブ デザ
日本のYahoo!検索がAMPサポートを表明、日々5,800万のYahoo!検索ユーザーがAMPページにアクセスすることに
[レベル: 中級] 日本の Yahoo! が AMP をサポートすることになりました。 Yahoo! 検索の AMP 対応を発表 Google は、AMP をテーマにした AMP Conf 2017 を3月7〜8日に米ニュヨークで主催しています。 1日目の基調講演で、David Besbris （デイビッド・ベスブリス）氏が、日本の Yahoo! 検索が AMP に対応することを明らかにしました。 ヤフージャパンがAMP を対応することが発表されました！#ampconf pic.twitter.com/QPt4h56SqV — Duncan Wright (@dunc_Can) 2017年3月7日 同時に、AMP Project の公式ブログでもアナウンスが出ています。 ……Yahoo! Japan which said it will connect to AMP pages from
AMPの導入と効果について - ZOZO TECH BLOG
こんにちは、エンジニアの荒井です。 2016年はAMP（Accelerated Mobile Pages）の正式サポートがアナウンスされ、導入した方も多いのではないでしょうか。VASILYでもAMPを導入し数ヶ月運用しています。AMPの導入に関しては、関連記事も多く存在しますが、導入したことによって得られた結果について触れている記事は少ないと感じています。そこで本記事では、弊社でのAMP導入事例と、AMPによって得られた効果を紹介したいと思います。これから導入を検討している方はAMP対応による効果の一例として、すでに導入している方は比較対象として参考にして頂ければと思います。 AMPについて 初めにAMPについて簡単に説明します。 AMPはモバイルページを高速にユーザー届けるために発足したプロジェクトです。昨年Googleの検索結果に表示されるようになり、様々なサービスで対応が進められてい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to include CSS file in AMP project
AMP by Example