『アメブロのAMPを終了します』
アメーバスタッフブログでも記載させていただいた通り、11/15より順次アメブロのAMP対応を終了させることになりました。 なぜAMPをやめるのか？2016年の3月にアメブロはAMP対応をスタートさせていました。 （当時のブログ記事はこちら） そこから5年以上AMPを採用し、モバイルの検索結果からはAMPキャッシュに飛ぶようになっていました。 Googleの検索結果からはGoogleのキャッシュに移動するわけで、当然体感速度としては良好なものであったと思います。 「それなのになぜやめるのか？」 ですが、基本的にはビジネス的な問題となります。 ウェブ界の状況、社会状況等々によっての総合的な判断ということになります。 検索結果がクリックされた際にGoogleのキャッシュが表示されるという点では、CDNのコスト削減等はあるのですが、それでもやはりトータルで考えたときに今回はAMPを終了させるという
グーグル、AMPページでオリジナルURLの表示を可能に
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Googleは米国時間4月16日、モバイル機器からのウェブ閲覧を高速化するための「Accelerated Mobile Platform」（AMP）を改良し、そのURLを簡潔かつ分かりやすいものにしたうえで、その展開を開始したと発表した。 AMPは、ウェブページをGoogleのキャッシュから取得することで、ページのローディングを高速化するという技術だ。しかし、AMP対応ページにアクセスするためのURLは、https://google.com/ampから始まるという短所があった。 この短所は、ウェブページの所有者とユーザーの双方に不満をもたらすものだった。ウェブページの所有者にとっての問題は、URLにGoogleのプリフィックスが前置され
AMP Test - Google Search Console
Tip: Is your AMP page linked to a canonical version? Enter the canonical version URL for more comprehensive results
AMPの導入と効果について - ZOZO TECH BLOG
こんにちは、エンジニアの荒井です。 2016年はAMP（Accelerated Mobile Pages）の正式サポートがアナウンスされ、導入した方も多いのではないでしょうか。VASILYでもAMPを導入し数ヶ月運用しています。AMPの導入に関しては、関連記事も多く存在しますが、導入したことによって得られた結果について触れている記事は少ないと感じています。そこで本記事では、弊社でのAMP導入事例と、AMPによって得られた効果を紹介したいと思います。これから導入を検討している方はAMP対応による効果の一例として、すでに導入している方は比較対象として参考にして頂ければと思います。 AMPについて 初めにAMPについて簡単に説明します。 AMPはモバイルページを高速にユーザー届けるために発足したプロジェクトです。昨年Googleの検索結果に表示されるようになり、様々なサービスで対応が進められてい
AMPについてのコンテンツ消費者としての感想メモ - $shibayu36->blog;
昨日、「AMPが導入された結果、現時点ではモバイルのブラウズ体験が大きく損なわれてるのですが、そう感じるのは僕だけでしょうか」とTwitterでつぶやいたら、いろいろ反応があり、いろんな観点を知ることが出来たのでメモしておく。なお、自分自身はまだAMPのコンテンツを実装したわけではなので、開発者の知識はなく、ただのコンテンツ消費者としての知識しかない。開発している人から見るとまた違った見え方があるかもしれない。 コンテンツ消費者側のメリット・デメリットという観点 AMPによるコンテンツ消費者側のメリットは速度面だが、モバイルを利用していた時に現時点では速度に困っていなかったので、自分はメリットを享受できていない 現時点では、いろんな理由によりユーザ体験が損なわれている部分がある ユーザ体験が損なわれている例としては、プラットフォームの問題とコンテンツ制作側の問題の両方がある プラットフォー
AMPのバリデーションや構造化データ、キャッシュなどを一括でチェックできるツール――AMPBench
[レベル: 上級] AMP化したモバイル検索の導入が日本でも迫っています。 AMP対応を進めているサイト管理者も多いのではないでしょうか。 AMP対応する際に役立つツールとして、AMPページの有効性を検証するための「AMP テスト ツール」をGoogleは先週公開しました。 この記事では、公式ツールではない、AMPページのさまざまな情報をチェックできるサードパーティ製のツール、「AMPBench（アンプベンチ）」を紹介します。 さらに多くの情報をチェックするAMPBench AMPBenchは、公式のAMPテストツールよりもさらにずっと多くの情報をチェックしてくれます。 AMP HTMLの有効性 amphtmlリンクタグおよびcanonicalの有無 Googlebotがクロール可能か AMP CDNにキャッシュされているか 構造化データが設定されいてるか etc. リストに挙げたのは一部
マイクロソフト、モバイル向けBingアプリでグーグルの「AMP」をサポートへ
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます MicrosoftがBingアプリで、Googleの「Accelerated Mobile Pages（AMP）」のサポートを開始した。これにより、モバイル検索の読み込み時間高速化を図る。 AMPは、Facebookの高速なモバイルイニシアチブ「Instant Articles」に対するGoogleの回答だ。モバイル端末上で高速な読み込みに適したウェブページの軽量バージョンを提供する。 Googleはすでに5月、iOS向けのGoogleアプリでAMPのサポートを開始している。AMPをサポートするパブリッシャーの記事には雷アイコンと「AMP」という文字を表示している。 Microsoftも、iOSとAndroid向けの最新のBingアプリ
AMP対応の結果まとめ、Google検索に表示されて分かったこと – LIQUID BLOG
AMP（Accelerated Mobile Pages）について、 対応方法などを下記に書かせて頂きましたが、AMP対応したサイトが実際にGoogle検索結果に表示されましたので、分かったことをまとめてみました。 Google AMP HTML に対応してみた件 ついに始まった、Google AMP（Accelerated Mobile Pages）を試してみよう！ – CodeZine（寄稿） ※追記あり Google検索でAMPが表示されるまで 検証サイト 今回、3つのサイトでAMP対応し、検証してみました。 A：独自ドメイン、CMS：WordPress、マークアップ：BlogPosting B：独自ドメイン、CMS：Movable Type、マークアップ：NewsArticle C：レンタルサーバ提供ドメイン、CMS：WordPress、マークアップ：BlogPosting A,B
ブログ記事をAMPで配信できるオプションを、Proユーザー向けベータ版機能としてリリースしました（追記あり） - はてなブログ開発ブログ
はてなブログでは、記事をAMP（Accelerated Mobile Pages）で配信できるオプションを、有料プラン「はてなブログPro」ユーザー向けベータ版機能としてリリースしました。AMPで配信されたページが、Google検索やはてなブックマークなどAMPに対応したサービス・アプリで読み込まれると、通常のWebページより高速に表示されます。AMPに関する注意点をご理解のうえ、ご利用ください。 AMPで表示された記事ページの例 AMPのメリットと注意点 AMPは、モバイル環境でWebコンテンツの表示を高速化する仕組みです。GoogleなどWeb業界各社の協力により2015年10月にプロジェクトが発足し、世界中から多くのコンテンツ企業やテクノロジー企業が参加しています。はてなもこの4月、国内Webサービス企業初の「Tech Platform」として参加しました。 Google Japan
AMPページでサイドバーやアコーディオン、ソーシャルボタンの利用が可能に
[レベル: 上級] AMPプロジェクトは、AMPページのなかでサイドバーやアコーディオン型UI、ソーシャルシェアを使える拡張機能を公開しました。 拡張機能公開の背景 高速化を徹底的に実現するためにAMPコンテンツは基本的に、「閲覧するだけ」の機能しか持ちません。 なかったとしてもコンテンツの閲覧に大きな支障を与えない要素を極限までそぎ落としています。 しかしたとえ速かったとしても、便利な機能が欠けている状態は逆にユーザー体験を低下させてしまうこともあります。 そこで、AMPプロジェクトはいくつかの拡張機能を公開しました。 今回公開した拡張機能は次の4つです。 サイドバー アコーディオン ソーシャルシェア ダイナミックCSS AMPページにサイドバーを設置することができます。 コンテンツの閲覧を妨げないように普段は隠れていて、タップすると横から出現します。 もう一度タップすると隠れます。 こ
Androidアプリ「はてなブックマーク」がAMPに対応しました - はてなブックマーク開発ブログ
いつもご利用いただき、誠にありがとうございます。はてなブックマークディレクターのid:juseiです。 本日、Androidアプリ「はてなブックマーク」バージョン2.12をリリースしました。今回のアップデートより、各カテゴリーの人気・新着エントリーにおいて「Accelerated Mobile Pages（以下、AMP）」に対応したWebページを表示できるようになりました。 エントリー一覧で、タイトル左側にあるアイコン（favicon）に雷マーク が付いているエントリーをタップすると、通常よりも速く表示できます。AMP対応ページにおいて、ブックマークしたりコメントを見たりする時にはAMPではないURLを用いておりますので、ご安心下さい。いつも通りGoogle Playからアップデートしてご利用くださいませ。 ▽ はてなブックマーク / ニュース・まとめを無料でブックマーク - Google
GoogleのChromeブラウザの構成モジュールのそれぞれのバイナリ・サイズの表 - [モ]Modern Syntax
さて、モダシンラジオのデータをホスティングしてもらっているSpotify for Podcasters(旧Anchor）の私のページはこちらです。 https://podcasters.spotify.com/pod/show/kazuyoshi-nagasawa このSpotify for PodcastersページのRSSは以下になります。こちらのRSSではenclosureタグなどでlength値などがしっかり入っているのでこれを購読しておくとよいかと思います。 https://anchor.fm/s/66ff2830/podcast/rss ここで聴く！という人は以下のプレイヤーからどうぞ。 んで、これまではGoogle Drive上に保存したmp3ファイルを聞きたい方は以下のリンクをクリックしてください。ブラウザ内で聞けます。 https://drive.google.com/f
モバイル閲覧に最適化するAMP（Accelerated Mobile Pages）HTMLに対応する方法（前編）
好きなものは空と緑とS2000とガンダムとラジコン・ミニ四駆、Perfume（かしゆか）。ときどき子育てとキャンプ。 昨今Googleが対応するぞ、SEOに影響があるぞ、ないぞと話題のアクセラレーテッド・モバイル・ページ、AMP。今回試しにブログで対応してみたので、そのポイントをご紹介。 歴史は繰り返す 長くインターネットをやっていると、なんどか揺り戻しを体験します。AMP HTMLが出てきた背景を考えると非常にシンプル。 ・スマホの台頭と普及 ・スマホ用ページが必要 ・リニューアル時PC用とスマホ用HTML作るのが面倒 ・レスポンシブが流行 ・リッチなHTMLは貧弱な通信環境だと表示が遅い ・ならスマホ用のシンプルなHTMLにすればいいんじゃない？ ・AMP HTMLの登場 ← イマココ i-mode登場時を思い出しました。 AMP HTMLの仕様 仕様については、本家本元が一番よく分
AMP特集：AMPに対応するには? ランキング要因なの? アノテーションは? などSEO記事まとめ11+2本 | 海外&国内SEO情報ウォッチ
AMPに対応するには？ 日本語の説明×3 ★★★★☆ 日本語で書かれているのが嬉しい （YAMAGUCHI::weblog）まず、AMP対応ページを実際に作る際のやり方や、技術的なことを解説した記事を3本紹介する。 1つ目の記事は、グーグルでAMPの開発にあたっている山口氏が個人ブログに書いた記事だ。AMPの概要と主要な技術的設定、参考リソースを紹介している。 AMPに初めて触れる人にはわかりやすい、非常に優れた解説だ。 AMP対応 2016.02版次は、一般のウェブマスターによる、AMPを実際に導入してみての解説だ。かなり深掘りして技術的設定を説明している。現状では、AMPの日本語ドキュメントが少ないので貴重なリソースになるだろう。 AMPとは～対応HTMLを作ってみてわかったこと～最後に、グーグルのデベロッパー向け公式ブログも紹介しておく。AMPが高速化を実現している仕組みと、AMPに
Googleの「AMP」非対応のはてなブログをハックして対応するやつを作ったので知見を共有する - すなばいじり
TL;DR ※too long; didn’t read. ＝長すぎて読まない人向け 3行でおｋ 御託をこねるよりコードを書けという有名な言葉があるので作った。 AMP(Accelerated Mobile Pages Project)という儚い夢から醒めさせる為に実証コードを書いた。手斧もいいけど技術で殴るよ！ 次回予告はウェブページの読み込み時間を計測する PageSpeed Insights でスコア60程の(修正しようねと言われる)はてなブログを85以上の結果を叩き出す為に、ハックするお話。 読者になって見逃さないようにする サマリー TL;DR このエントリー時点での知見 所見 はてなブログ上での実装について Search Consoleの結果表示について サポートされている構造化データ要素がありません 属性が足りないなど AMP HTMLをリッチに表示させる リスト表示 広告表
AMP ページが Google 検索結果に出る基準の調査 | q-Az
いよいよ Google が AMP（Accelerated Mobile Pages Project）を開始しました。 検索結果がすでに AMP の検索結果となっていますので、今回は AMP カルーセルが出ているページを実際に調べて、どういう基準でカルーセルに表示されるのかを簡単ですが調査しました。 AMP に関する詳しい情報は以下を参考にしてください。 参考：AMP（Accelerated Mobile Pages Project） 参考：AMPをワードプレスにプラグイン無しで設定する方法 ニュース性の強い話題に AMP カルーセルが表示されるしっかりとした基準はまだイマイチわからないですが、以下のクエリ（検索結果）で AMP カルーセルが表示されていることを確認しました。 「Google」で検索 「AMP」で検索 「ベッキー」で検索 「ジカ熱」で検索 ニュース性の強い話題で、ビッククエ
Google、AMPに対応した記事向けschema.orgの仕様を公開
[レベル: 上級] Googleは、AMPに対応した記事の構造化データの仕様をデベロッパー向けサイトで公開しました。 従来の記事リッチスニペットに比べると必須または推奨のschema.orgのプロパティが大幅に増えています。 必須・推奨プロパティの増加 Googleのデベロッパー向けサイトのArticles（記事）向けのリッチスニペットの解説ページにはこれまでは6種類のプロパティが載っていました。 これが現在は17種類にまで増えています。 たとえば次のようなプロパティが追加されています。 mainEntityOfPageと@id ※推奨 headline（文字数制限の追加） ※必須 imageのheightとwidth ※必須 publisher（logoやurlも）※必須 dateModified ※推奨 author ※必須 AMPのカルーセルにはその記事コンテンツの画像や見出し、発行
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3秒以内に表示されないと40%のユーザーが離脱するからAMPを！
| 『しらぎくさいとアメブロ出張所』だったブログ
AMP validation errors