Aggregator

[レベル: 上級]

この記事では、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

分解して、どんな構成になっているのかを見てみましょう。
※ここでは、Googleが提供しているAMP CDNのキャッシュについて話します。もしGoogle以外のAMP CDNを使うなら仕様は異なるでしょう。

https://cdn.amproject.org

AMPキャッシュのURLは常に https://cdn.amproject.org で始まります。
Googleが公開しているAMP CDNのURIになります。

コンテンツのタイプ

https://cdn.amproject.org のあとには次の3つのいずれかが続きます。
これらは、コンテンツのタイプを表します。

• /c −− HTMLドキュメント
• /i −− 画像
• /r −− フォントなどのリソース

HTTPS (TLS)

オリジナルのAMPページまたは画像、リソースがHTTPSで配信されているときは、コンテンツのタイプ (/c, /i. /r) の次に /s が続きます。

URI

最後に来るのは、オリジナルのAMPページのURLから、http:// または https:// を取り除いた部分です。
URLがパラメータ (?) を含んでいてもそのまま使えます。

ここまでをふまえて、AMPキャッシュのURLをもう一度見てみましょう。

オリジナルのAMPページ（あなたのサーバーに直接アクセスしたときのAMPページ）のURLが次のようだったとします。
http://example.com/amp_document.html

このとき、AMPキャッシュのURLはこのようになります。
https://cdn.ampproject.org/c/example.com/amp_document.html

まず、固定の https://cdn.ampproject.org で始まります。
https://cdn.ampproject.org/c/example.com/amp_document.html

次に、コンテンツタイプがHTMLドキュメントなので、 /c が続きます。
https://cdn.ampproject.org/c/example.com/amp_document.html

そのあとは、元のURLから http:// を取り除いた example.com/amp_document.html で終わります。
https://cdn.ampproject.org/c/example.com/amp_document.html

同じAMPページをHTTPSで配信していたとします。
https://example.com/amp_document.html

AMPキャッシュのURLはこのようになります。
https://cdn.ampproject.org/c/s/example.com/amp_document.html

先ほどと似ていますが、コンテンツのタイプを表す /c のあとに、HTTPSを示す /s が入っています。

今度は、画像のAMPキャッシュURLを見てみましょう。

オリジナルの画像を次のURLで配信しています。
https://example.com/images/logo.png

AMPキャッシュのURLはこのようになります。
https://cdn.ampproject.org/i/s/example.com/images/logo.png

画像なのでコンテンツのタイプの部分が /i になっていることに気付いてください。
またHTTPSで配信しているので、/s が入ります。

AMPキャッシュの更新プロセス

簡単に言うと、AMPキャッシュの更新は、ユーザーにキャッシュを配信したときにオリジナルのコンテンツが更新されていれば、更新されたコンテンツをAMP CDNサーバーが自動で取得しキャッシュし直す仕組みになっています。
ただし新しいキャッシュが配信されるのは、その次のユーザーに対してです。

もう少し詳しいプロセスは次のようになります。

1. ユーザーがAMPキャッシュをリクエストする（例: 検索結果のAMPカルーセルからアクセスする）
2. そのユーザーには今保持しているキャッシュを返す
3. 同時に、オリジナルのコンテンツが更新されていないかどうかをチェックしに行く（Max-Ageヘッダーなどを見る）
4. オリジナルのコンテンツが更新されていれば、それを取得しキャッシュを最新の状態に保つ
5. 次のユーザーには更新されたコンテンツのAMPキャッシュを返す
6. オリジナルのコンテンツに更新がなければ、キャッシュも更新せずそのまま使い続ける

コンテンツに更新が発生していた場合は、そのユーザーには現在のキャッシュを返しますが、次のユーザーには新しいキャッシュを返すというのが特徴的ですね。
ユーザーが頻繁に閲覧するページほど、最新の状態に保たれやすくなります。
逆に、ユーザーが閲覧しないページのキャッシュはいつまでたっても古いままです。

なおサーバーに負荷をかけないために、HTMLドキュメントに対しては最低でも15秒以上の間隔を空けてリクエストします。
画像やリソースに対しては最低でも1分以上の間隔を空けてリクエストします（間隔は将来変更される可能性あり）。

AMPキャッシュの更新強制

説明したように、ユーザーが閲覧する限りはAMPキャッシュは自動で更新されます。
しかしオリジナルのコンテンツを更新し、キャッシュも今すぐにでも更新したいことがあるでしょう。
そんな状況では、ユーザーの閲覧を待たずともAMPキャッシュを更新することができます。

方法はとても簡単です。

あなたが、AMPキャッシュのURLにアクセスすればいいのです。
オリジナルのコンテンツが更新されていることをAMP CDNが認識できれば、キャッシュも更新されます。
ユーザーには新しくなったキャッシュが返されます。

AMPキャッシュのURLは、この記事の初めに説明しましたね（なので、AMPキャッシュURLのフォーマットの理解は大切なのです）。

この記事のAMPキャッシュを更新したければ、次のURLにアクセスします。

https://cdn.ampproject.org/c/s/www.suzukikenichi.com/blog/anatomy-of-amp-cache/amp/

AMPキャッシュの更新には、Fetch as Googleのインデックス送信を使ったりしなくていいのです。

AMPキャッシュの削除

AMPページまたはAMPページで使っている画像やリソースは、本体を削除すればいずれAMPキャッシュからも削除されます。
一般的なウェブページや画像と同じです。

ですが、キャッシュを至急で削除したい場合に利用できる仕組みがあります。
“update-ping“を使います。

AMPキャッシュされている https://example.com/amp_document.html のAMPページを削除リクエストするには次のURLにアクセスします。

https://cdn.ampproject.org/update-ping/c/s/example.com/amp_document.html

AMPキャッシュのURLで、https://cdn.ampproject.org の次に /update-ping を差し込みます。

http://example.com/images/logo.png の画像のAMPキャッシュを削除リクエストするには、次のURLにアクセスします。

https://cdn.ampproject.org/update-ping/i/example.com/images/logo.png

update-ping に加えて、おさらいの目的も兼ねて以下にも注意してください。

• コンテンツタイプが画像なので /i になる
• オリジナルのURLはHTTPなので、/s は付かない

HTTPとHTTPSは連動しません。
キャッシュは別々に保存されています。

なお、update-pingを使ったURLに「アクセスする」と表現しましたが、正確には「GETリクエストを送信」します。
“204 No Content”のHTTPステータスコードが返ってきます。

update-ping を使うとキャッシュが自然に削除されるのを待つよりもずっと早くキャッシュを削除できます。

この記事でのAMPキャッシュに関する説明は以上です。

ブログ読者に向けた解説というよりは、僕自身のためのまとめの意味合いのほうが実は強かったりします（AMPキャッシュの更新方法について、何度か質問されたことがあった）。
公式ドキュメントには、AMPキャッシュに関する情報がほかにも書かれていますが、僕にとって重要な部分に絞って説明しました。
AMPキャッシュの仕組みに興味を持ったなら、公式ドキュメントもお読みください。

- Google CDNのAMPキャッシュを大解剖――URLフォーマット、更新プロセス、更新方法、削除方法 -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki

Web担当者Forumの連載コーナー、「海外&国内SEO情報ウォッチ」を更新しました。今週取り上げた記事は次のとおりです。

今週のピックアップ

• グーグルの“隠れた”品質評価アルゴリズムに対応する方法
  

日本語で読めるSEO/SEM情報

• モバイル検索へのAMP全体適用をグーグルがすでに本番で実施した！？
• ついにアマゾン日本も常時HTTPS化
• アドワーズ用のクローラーAdsBot-GoogleはSEOに影響を与えるのか？
• プログレッシブ ウェブ アプリを実現するService Workerとは

海外のSEO/SEM情報を日本語でピックアップ

• PWAに取り組まないのは、SEOで大きなチャンスを逃しているも同然？
• 米国のIPアドレスからのアクセスを制限してはいけない
• h1タグは必ず設置すべし、グーグルの理解を助ける
• API利用条件としてのリンクは有料リンクと同じ
• この秋は、グーグル検索でファッションショーを楽しもう！

海外SEO情報ブログの掲載記事からピックアップ

• 今すぐ始められる、ECサイトでのAMP対応
• Google、最新コンテンツをリアルタイムで検索結果に表示するSearch live coverage carouselを試験的に開始

こちらからどうぞ。

• グーグルの“隠れた”品質評価アルゴリズムに対応する方法 などSEO記事まとめ10+2本

- グーグルの“隠れた”品質評価アルゴリズムに対応する方法【海外＆国内SEO情報ウォッチ】 -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki

本日、Googleウェブマスター向け公式ブログにおける、

ウィジェット リンクについて覚えておいて頂きたいこと

が投稿されたことについて、誤解を生むようなツイートしてしまった件について、

お詫びと訂正をさせていただきたいと思います。

私のTwitterアカウントにおきまして、

https://twitter.com/kimuyan/status/774066844235804673

木村賢(Satoshi Kimura)@kimuyan 

Google ウェブマスター向け公式ブログ:ウィジェット リンクについて覚えておいて頂きたいこと https://t.co/wv6PqgPgdd こういうのがまっとうなリンク施策として被リンクサイト構築の対極で語られたことすらあったんだよなあ。懐かしいなあ。

2016年09月09日 11:08

このように、ウィジェットリンクが、かつて肯定されていたかのような表現をしてしまいましたが、

過去から現在までGoogleが何かの対価としてリンクをもらうことを推奨したことはなく、誤った認識を生むものであったことをお詫び申し上げます。

私としては、かつての日本のSEO(現在でも残っていますが）の主流と言っても過言でなかったSEO業社が大量に被リンクサイトを構築し、

お金を払って人工リンクを設置したり、

自らサテライトサイトや（今我々がまさに苦労をしている）サテライトブログを構築して自作自演リンクをしたり、

直リンク広告や一般サイトから直リンクを購入したりする行為の対局として、

ナチュラルなリンクであると謳っていたSEO関係者や書籍もあったということを言う意図しておりました。

決して、Googleがそういうリンクはナチュラルリンクとして認めるという発言をしたり、Googleウェブマスターガイドラインに出していたわけではありません。

また、私のこのような認識も私の周囲、それも世の中のSEOの中では非常に小さなごくごく一部の世界の可能性だった可能性もあり、そのような中で自分の認識の中だけで発言したことはより大きな誤解を生むことにつながり大変申し訳なく思っております。

現在いわゆるクリーンなリンクというのは、コンテンツやそのウェブサイトまたは運営者等の良さを認めた人が（ネガティブな場合もありますが）、紹介を目的としてリンクを張るようなものに限られており、

金品やサービスの提供と交換にリンクを受け取ることは認められておりませんのでご注意ください。

本件において誤解をされた方がいらっしゃいましたら心よりお詫び申し上げます。

また、Google様、常時正しい情報を発信していただいているSEOの関係者の皆様にもお詫び申し上げます。申し訳ありませんでした。

なお、本件についてご指摘いただいた、

辻正浩様・鈴木謙一様には心よりお詫びと御礼を申し上げます。

引き続きご指導賜りますようお願いいたします。

今後は、事実関係が不明なことや不確かなことについてツイートしないようにし、

ファクト(実データや事例含む)と引用やセミナーの中継およびみなさまへのご質問等に専念し個人的意見は控えていきたいと思いますので、もしよろしければ引き続きよろしくお願いいたします。

この度はご迷惑おかけして申し訳ありませんでした。

なお、明日は懲りずにWDF vol.23を中継させていただきたいと思っております。

（なお、当該のツイート群については、週明けをめどに削除したいと思います）

木村賢

　　● クリエイティブ開発を成功させるためには秘訣がある
　　● 設計図となるシンプルなクリエイティブ・ブリーフを作ること！
　　● 表現物によるマーケティング戦略実行に必須のツール

表現物をつくる仕事としてのマーケティングコミュニケーション

マーケティングコミュニケーションに携わる仕事は、さまざまな表現物・コンテンツづくりを実施する仕事でもあります。いわゆる「クリエイティブ開発」といわれる領域の仕事です。そこでは、ブランドや企業のマーケティング課題解決に貢献する、役に立つ表現物をいかに作るかが問われます。それは動画であろうと平面広告であろうと、オリコミだろうと、イベント用のサンプリングツールであろうと変わりません。

しかし実際の業務においては、最終的になにか狙いがボケたものになってしまった、とか、悪くはないけどなんかちょっと想定とは違った成果物になってしまった、なんてことをよく聞きます。特にこれまで表現物づくりに関わったことがない、という方からすると、クリエイティブ開発の業務は面食らうことが多いもののようです。
こんな成果物を作りたい！と思っても、そこに至るまでのプロセスの中で、どうにもイメージに齟齬が生まれてしまう、ピンとくるものになかなかたどり着けない、けどうまい軌道修正ができない、ということが発生するためです。

表現物の精度を高めるための秘訣

確実に目的をかなえつつ、多くの人に届くコミュニケーションのコンテンツづくりには、実はひとつ秘訣があります。それは「しっかりとしたクリエイティブ・ブリーフをつくる」ことです。「クリエイティブ・ブリーフ」はマーケティング戦略やコミュニケーションの狙いを「画に描いた餅」に終わらせず、確実にパワーのある成果物とするためのツールです。発注側と受注側が制作物の目的、伝えるべきこと、残すべき印象、達成すべき指標がどのようなものかを意思共有し、制作進行時のさまざまな検討事項を考える上でのよりどころとすべき、いわば設計図であり設計思想の明文化です。

クリエイティブ・ブリーフとは？

「クリエイティブ・ブリーフ」などというと、なにか小難しいプレゼン資料を作るかのように思われるかもしれませんが、そういう事ではありません。その制作作業にかかわるすべての関係者が納得し、成果物に至るまでの作業のよりどころとできる「シンプルなまとめ」がその基本です。
たとえばTVCMの制作では、こんな項目でまとめられることが多いかと思います。

＜項目例＞
１．マーケティング上の目的・狙い
２．コミュニケーションがそこで果たす役割
３．ターゲットは誰か
４．ターゲットからいまどう思われているか
５．ターゲットから今後はどう思われたいか
６．訴えかけるべき感情・インサイト
７．ブランドがターゲットにもたらす便益もしくはメッセージ
８．メッセージが信じられる理由・根拠
９．トーン＆マナー・表現上の留意点

このあたりの項目は、TVCMのクリエイティブ・ブリーフとしては多くの広告会社やマーケティング志向の強い広告主で共通項となっているかと思います。こういった内容が、クライアントの現場と上層部、制作サイドの責任者達としっかり高いレベルで共有できると、良い表現物が生まれる確度は飛躍的に高まります。なぜなら、「誰になにをどう伝えたくて、どういう成果をねらっているのか」「表現開発を進めていく上で必要な明確な根拠、判断基準」が関係者全員でシンプルに共有され、不要な議論や迷いをなくし、制作物の精度を高めるために力を注げようになるからです。

具体的にみてみましょう

ここでは参考として「有名栄養ドリンクブランドが新投入する女性向け商品」という仮想の商品を題材に、良い例と悪い例のクリエイティブ・ブリーフのサンプルと、そのポイントについて解説したものを示します。

＜クリエイティブ・ブリーフ見本例＞

（※タイトルをクリックすると拡大表示されます）

なおブリーフを作るときは、たたき台を一人で作ってみることも重要ですが、制作に関わる外部スタッフと一緒に検討してみることが、内容を研ぎ澄ましながら相互の理解を深めるためのプロセスとして意味を持つと思います。（制作サイドが真摯にこういった検討に向き合ってくれるかも重要な観点かもしれません）。

膨大な資料でなく、シンプルな一枚を！

さきにあげた項目と内容のイメージをご覧になって、「めんどくさ…」と思われたかもしれません。とくに表現物をつくる作業に慣れていない方はそう思われたかもしれません。ですがだからこそ、いまどんなものを作るべきなのかシンプルに捉えなおすために、ブリーフを書いてみることをお勧めします。また作ろうとしているものの内容に応じて、項目の部分から考えてみることが、より本質的なところから良いものを組み立てていくためのコツになるかと思っています。

いずれにせよ、膨大な資料であれもこれも、とディレクションするのではなく、あくまでシンプルに一枚の紙に、ほんとうに必要なことをまとめる、というのがクリエイティブ・ブリーフのポイントです。より詳細に説明したいことは、別添資料でいいのです。
一枚にコンパクトに集約するために、非常に脳が汗をかく作業になるかと思いますが、その汗に応じたアウトプットは出てくるものです。それは、コミュニケーションの足場となる戦略作りの楽しさと、そこから生まれるより精度の高い表現作りの楽しさ、この二つの楽しさにつながっていくはずです。そんな「楽しい」仕事としてのクリエイティブ開発をめざして、ぜひこのクリエイティブ・ブリーフを使いこなしてください！

[レベル: 初〜上級]

パスワードまたはクレジットカードの情報をHTTP接続で送るページに、安全ではないことを示すラベルをChromeブラウザで表示するようにするとGoogleはアナウンスしました。

2017年1月にリリースを予定しているChromeのバージョン56から実装します。

HTTPページには「Not secure」ラベル

HTTP通信ではセキュリティが確保されません。
そのため、HTTPページでは送信する情報を第三者に盗み見されたり改ざんされたりする可能性があります。
そこで「Not secure」のラベルをアドレス欄に表示するようにしました。

日本語版では「安全ではありません」といったようなラベルになるのではないでしょうか。

下の画像はサンプルです。
上の段は現行のChrome（バージョン 53）です。
特別なラベルは何も付いていません。
しかし下の段のChrome 56からは「Not secure」のラベルがURLの前に付きます。

なお、公式アナウンスには、サイトが対象と書かれていますがページが対象です。
パスワードやクレジットカードの情報をHTTPで送るページがあれば、そのページだけにラベルが付きます。
サイト全体ではありません。

パスワードとクレジットカードの送信フィールドがあるページのみ

Not secureラベルの対象になるのは、パスワードまたはクレジットカードの情報をHTTPで送信するページです。
メールアドレスや住所、電話番号などそのほかの個人情報を送信するページは、（最初の時点では）対象になりません。

もう少し細かく言うと、パスワードやクレジットカードのフォームフィールドがあるHTTPページになるかと思います。

対象範囲を拡大する可能性も

すでに説明したように、2017年1月リリースのバージョン56では、パスワード/クレジットカードをHTTPで送信するページだけがラベルの対象です。

しかし対象範囲をさらに拡大していきたいとのことです。

たとえば、シークレットモードでChromeを利用する場合です。
シークレットモードは、ユーザーがプライバシーを保護したいときに使われます。
そこで、シークレットモード利用時はすべてのHTTPページにNot secureラベルを表示するかもしれません。

最終的には、モードに関係なく、すべてのHTTPページにNot secureラベルを表示することを目指しています。
しかも赤色の警告マークも付けるかもしれません。

今から準備を

「安全ではありません」なんて表示されたらアクセスしたくなるユーザーがおおぜい出てくることでしょう。

まさかパスワードやクレジットカードの情報を送信する際に、HTTPSを使っていないのは今どきありえないと思います。
それでも、もし万が一そういったページでHTTPのままであれば大至急HTTPSに変えなければなりません。
もっとも、パスワードやクレジットカード情報をHTTPで送らせるなんていうのはChromeのNot secureラベル以前の問題ですが。:(

パスワードやクレジットカードの情報を送信するページを持っていないとしても、HTTPS化は避けて通れないでしょう。
時代の流れなのであらがうことは得策ではありません。
さっさとHTTPSに移行して本当に僕は良かったと思っています。

なお自分のサイトがどんな影響を受けそうか（あるいは受けないか）は、開発版のChrome Canaryで確かめることができます。
安定版がリリースされるだいたい6週間前に新機能が実装されるとのことです。

- Google Chrome、パスワード/クレジットカード情報をHTTPで送るページに安全ではないことを示す「Not secure」ラベルを表示。2017年1月リリースのバージョン56から -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki

動画プロモーションの中には、親しみやすいアニメなどを使って視聴者により強いメッセージを伝えることに成功している例がかなりあります。ここ数年では、テレビコマーシャルと連動型の日産「低燃費ハイジ」やベンツとマリオの異色の取り合わせなどが話題を呼びました。

そんな中LINEも動画プロモーションを使った取り組みを実施しました。企業が配信する最大30秒動画をユーザーが視聴すると、無料でスタンプがダウンロード可能となる広告メニュー「LINEマストビュー」です。LINEのこの試みでは、いくつかの大手企業がそのプロモーション手法に手応えを感じたそうです。

　　● スタンプダウンロードを条件として使った動画広告プラットフォーム「LINE 　　　 マストビュー」
　　● 「LINE マストビュー」はこんな流れになっている

動画視聴連動型スタンプ配信メニュー「LINE マストビュー」のインパクト

LINEはスタンプを使ったコミュニケーションメディア戦略を数多く実施しています。動画に関しても、企業の動画を視聴したユーザーに対してインセンティブを付与する動画視聴型インセンティブサービス「LINE フリーコイン Video」を、2014年1月よりスタートさせました。「LINE フリーコイン Video」の導入企業はこれまでに90社、LINEユーザーによる総閲覧数は5,145万回以上を獲得しています。

2015年1月にスタートした「LINE マストビュー」では、プロモーション動画の視聴を条件にLINEユーザーが無料でスタンプをダウンロードすることができる広告メニューとなっています。LINEを使う時の必須アイテムと言ってよいスタンプの無料ダウンロードをインセンティブとすることで、より広範囲な動画視聴が期待できます。

動画視聴完了がスタンプのダウンロード条件となるため確実な情報訴求を行うことができるなど、TVCMではリーチしきれない層への動画プロモーションの拡大が期待されます。

LINE マストビュー事例

LINEマストビューの第一弾はメルセデス・ベンツです。では、LINEマストビューのユーザー体験の流れを見てみましょう。

【LINE マストビュー動画プロモーションの流れ】

1.LINEアプリ内の「スタンプショップ」ページから「EVENT」へ移動します

2.「動画を観てスタンプGET！」と出ているのがお目当てのLINEマストビューです

3.画面に出てくる「動画を観る」を選択し、動画を視聴。

4.動画を最後まで見ると「スタンプをダウンロード」と表示されます。

動画視聴完了がスタンプのダウンロード条件となるため、確実なメッセージの訴求を行うことが可能となります。メルセデス・ベンツのプロモーションのテーマは「DRIVE SAFELY」です。メルセデス・ベンツの「毎日のコミュニケーションの中で、少しでも安全運転を意識してもらえたら」というメッセージ訴求がポイントになっています。

このプロモーションの効果はかなり大きく、スタンプを実施して８日が経過した段階で、400万人以上がダウンロードしているという数字が出ていますので、400万人以上がメルセデス・ベンツの動画を視聴完了したということになります。

まとめ

LINEの動画広告への取り組みは、これまでも様々な話題を呼んできました。例えば「スポンサードスタンプ」http://cdn.notices.jp/docs/line.pdf　では、CMに登場するタレントをそのままスタンプ化して、これまでに累計で118件のテレビCMとの連動広告を提供してきました。

LINEの田端氏によると、「LINEマストビュー」の特徴として500万～1000万人規模のリーチが見込めるとしており「単に“見ておしまい”ではなく、使う中で“自分ごと化”しつつ、これまでブランドやその製品と縁がなかった層にも『トーク』を通じて拡散していくというのが最大の特徴です」と話しています。

「LINEマストビュー」の結果を見るようにアニメなどの親しみやすいコンテンツを使って動画プロモーションをすることにより、視聴者により強いメッセージを伝えることができます。またプレゼントやダウンロードなどのインセンティブと動画プロモーションを掛け合わせることで、より確実な情報訴求を行うことができると考えられます。
アニメを使った動画プロモーションを自社のコミュニケーション戦略の一つとして検討してみてはいかがでしょう。