[B! AMP] minesweeper96のブックマーク

minesweeper96 id:minesweeper96

AMPに関するminesweeper96のブックマーク (26)

モバイルウェブを速く、快適に − AMP プロジェクト 1 周年
メディア関係者向けお問い合わせ先メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
minesweeper96 2016/10/21
amp
リンク
AMPページの広告掲載にはamp-ad用のJavaScriptの読み込みが必要に
[レベル: 上級] AMPページに広告を掲載する際に、定められたJavaScriptの読み込みが必要になりました。設定していなくても広告は表示されますが、将来的には、AMP HTMLのバリデーションエラーの原因になる可能性があります。 amp-adのJSがないとバリデーション警告 AMPページで広告を表示するには、amp-adタグを使います。 amp-adを使用しているページでは、次のJavaScriptを読み込ませる必要があります。 <script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script> このJSの読み込みがない状態だと、AMP HTMLのバリデーションチェック（#development=1とChrome拡張、ウェブ版ツールのどれでも）で次のような
minesweeper96 2016/09/23
AMP
リンク
Accelerated Mobile Pages を始めるには
+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
minesweeper96 2016/09/15
「WordPress、Drupal、はてななど（中略）をお使いの場合は、プラグインをインストールして有効化するのと同じくらい簡単に AMP をセットアップできます」

AMP
リンク
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
minesweeper96 2016/08/03
AMP
リンク
Google、AMPに完全対応した爆速表示の広告 A4A を公開
[レベル: 上級] Google (AMP Project) は、AMPページでも高速で表示される広告として、AMP for ads、略称 “A4A” を公開しました。メインコンテンツの表示を遅らせることなく、広告のすばやい表示を A4A は実現しています。広告表示も爆速 A4A 広告と A4A ではない広告の表示速度にどのくらいの違いがあるかをデモンストレーションしたアニメーションを、AMP Projectが公式ブログの記事で紹介しています。左が A4A ではない普通の広告で、右が A4A 広告です。ページの上部にデモ用の青いバナー広告が表示されます。検索結果をタップしてページに飛んだあと、A4A ではない普通の広告が完全に表示されるまでには3.12秒かかっています。それに対して、A4A 広告は0.5秒で表示が完了しています。訪問者に広告をしっかりと見てほしい広告出稿者と
minesweeper96 2016/07/20
AMP
リンク
はてなブログのAMP対応で学ぶウェブサービスのAMP対応 - hitode909の日記
プレゼンモード再生 ← / →で移動 fでフルスクリーン escでおわるこんにちは，id:hitode909です．このあと14時から品川のマイクロソフト様のオフィスでおこなわれている，YAP(PはパチモンのP)Cで発表します．この記事では，発表資料を公開いたします．現地の方は今すぐCルームに来てください．そうでないかたは懇親会でお会いしましょう．はてなブログのトピックもあるようです．トピック「YAPC」 #yapc8ojic のツイートはてなブログのAMP対応で学ぶウェブサービスのAMP対応 2016/07/03 YAP(achimon)C::Asia Hachioji 2016 mid in Shinagawa hitode909 自己紹介 id:hitode909 @hitode909 京都から来ましたはてなではてなブログを作っている自己紹介 YAPC 2015でベスト
minesweeper96 2016/07/03
AMP
リンク
AMP対応で表示速度が22秒から0.7秒へ短縮、1億2500万のAMPページをGoogleはインデックスなど from #SMX Advanced 2016
[レベル: 中〜上級] 米シアトルで先週参加したSMX Advanced 2016では、GoogleのAMPプロジェクトのプロダクトマネージャであるRudy Galfi（ルディー・ガルフィ）氏が AMP (Accelerated Mobile Pages) についてプレゼンテーションしました。この記事では、Galfi氏のプレゼンのなかから個人的に注目した部分をハイライトとして紹介します。 Googleの内部調査データによれば、AMP対応していないページの表示速度の中央値が22秒だったのに対し、AMP対応しているページは0.7秒でした。 30分の1以上短縮されていることになります。表示に22秒以上もかかるページに遭遇する機会が本当に多いのかどうかはともかくとして、AMPページの0.7秒はまさに一瞬での表示完了です。 AMPをサポートするGoogleプロダクト次の2つのプロダクトでGoo
minesweeper96 2016/06/29
AMP
リンク
はてな匿名ダイアリーがAMPに対応しました - はてラボ開発者ブログ
はてな匿名ダイアリーは、AMP（Accelerated Mobile Pages）に対応しました。Google検索やはてなブックマークなど、AMPに対応したサービスやアプリを通じてアクセスすると、通常のWebページより高速に表示されます。対象となるのは、はてな匿名ダイアリーに投稿されている個別の記事ページです。各サービスがクロールするタイミングに合わせ、既存のページも含めて徐々にAMPに対応していきます。記事が投稿された時点ですぐには対応されないので、ご了承ください。より快適に閲覧できるようになったはてな匿名ダイアリーを、どうぞご利用ください。 AMPとは AMPは、GoogleやTwitterなどのIT企業が主体となって発足した、モバイルインターネットの高速化を目指すオープンソースプロジェクトです。Webコンテンツを制作する企業やそれらを提供する企業が世界中から参加し、対応を進めてい
minesweeper96 2016/06/23
AMP
リンク
AMPの表示を、記事編集画面（PC版）でプレビューできるようにしました - はてなブログ開発ブログ
はてなブログでは、AMP（Accelerated Mobile Pages）で配信された記事がどのように表示されるかを、PC版の記事編集画面でプレビューできるようにしました。 AMPで記事を配信しているブログでは、記事編集画面で「プレビュー」タブを選択したときに、これまでの「PC」と「スマートフォン」に加えて「スマートフォン (AMP)」に切り替えることができます。AMPでは高速表示を実現するため表示上の制約がありますが、意図したとおりに表示されているかをプレビューで確認できます。どうぞご利用ください。 AMPでの表示を記事編集画面（PC版）でプレビュー ※スマートフォンは機種によって画面の解像度がさまざまですが、はてなブログのプレビュー画面では横幅を320ピクセルに固定しています。 AMPを使用する際の注意点について AMPについて、リリース時の告知では記載していなかったものの、リリース
minesweeper96 2016/06/21
プレビューできます！

AMP
リンク
ブログ記事を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
minesweeper96 2016/06/06
AMP
リンク
WordPressのAMPデザインテンプレート「Simp」を無料配布
GoogleとTwitterが共同開発したAMP(Accelerated Mobile Pages)ですが、現在のところGoogleの検索結果をはじめとして、Gunosyなどのキュレーションアプリやはてなブックマークなどに対応されています。また、Twitterも米国では一部AMP対応のテストをしているようです。 Accelerated Mobile Pages Project Androidアプリ「はてなブックマーク」がAMPに対応しました TwitterがAMPのサポートを開始、まずはMomentsでシェアされたコンテンツに対して WordPressでも簡単に「 AMP 」というWordPress.comを開発しているAutomattic社のプラグインを使用すれば簡単にAMP化できるのですが、日本語向けには作られておらず、デザインがイマイチというのが正直なところです。そこで今回は「AM
minesweeper96 2016/05/31
AMP
リンク
GoogleはAMPスパムを待ち構えていて、AMPの乱用には相応に対処する
[レベル: 上級] AMPはまだ公開されたばかりで、誤用・乱用がきっと出てくるであろうことをGoogleは予測している。今はどんな乱用が現れるかを見ている段階。不適切な実装が認められた場合には必要に応じてそれ相応に対処していく。 GoogleのGary Illyes（ゲイリー・イェーシュ）氏は、先週のGoogle Dance Tokyoの際に僕にこのように説明してくれました。背景まず、背景を説明します。 ECサイトの商品販売ページがAMPカルーセルに掲載 2週間ほど前に、日本でも有数のECサイトの商品販売ページがトップニュースのAMPカルーセルに掲載されていることが発見されました。現在Google検索がAMPコンテンツとして検索結果に表示するのはニュース系のコンテンツです。 Amazonや楽天市場にあるような商品販売ページではありません。にもかかわらず、このサイトからの大量の商品販
minesweeper96 2016/05/30
AMP
リンク
AMPページでサイドバーやアコーディオン、ソーシャルボタンの利用が可能に
[レベル: 上級] AMPプロジェクトは、AMPページのなかでサイドバーやアコーディオン型UI、ソーシャルシェアを使える拡張機能を公開しました。拡張機能公開の背景高速化を徹底的に実現するためにAMPコンテンツは基本的に、「閲覧するだけ」の機能しか持ちません。なかったとしてもコンテンツの閲覧に大きな支障を与えない要素を極限までそぎ落としています。しかしたとえ速かったとしても、便利な機能が欠けている状態は逆にユーザー体験を低下させてしまうこともあります。そこで、AMPプロジェクトはいくつかの拡張機能を公開しました。今回公開した拡張機能は次の4つです。サイドバーアコーディオンソーシャルシェアダイナミックCSS AMPページにサイドバーを設置することができます。コンテンツの閲覧を妨げないように普段は隠れていて、タップすると横から出現します。もう一度タップすると隠れます。こ
minesweeper96 2016/05/25
AMP
リンク
【2016.5.18】ZOZOの販売ページがAMPで検索結果に表示
minesweeper96 2016/05/18
AMP
リンク
『AMPを導入してどうだったのか？』
アメブロがAMP対応してからしばらくが経ちました。今回はその"AMP"に対応した結果どうなったのか？という、効果について簡単に書きたいと思います。ここ最近ブロガーさん向けの記事が多かったので、今日は珍しくSEOネタっぽいやつです。さて、アメブロでは3/10より順次AMP対応しています。スマートフォンでGoogle検索をした際に、このような表示がされることがあります。これは実際に「ユニクロ」で検索した結果の一部です。このマークが表示されているものはAMP対応となり、このように簡易的なページが表示されます。 AMPページはGoogleからの検索の場合はGoogle側にキャッシュされる形になることもあり、いろいろな制約があります。例えば、・広告の掲載に制約がある・画像の使い方に規則がある・使えるHTMLタグに制約があるなどです。 HTMLタグなどは、AMPページを
minesweeper96 2016/05/11
AMP
リンク
企業向けオウンドメディアCMS「はてなブログMedia」がAMPに対応しました - はてなビジネスブログ
はてなの営業部長の高野です。本日、企業向けオウンドメディアCMS「はてなブログMedia」で、「Accelerated Mobile Pages（以下、AMP）」対応を選択できるようになりました。はてなブログMediaで構築したサイトをAMPに対応させるかどうかにつきましては、設定画面から選択いただけます。導入いただいている企業様には別途、設定方法などの詳細をお伝えいたします。左：はてなビジネスブログ通常時　右：AMP時 AMPによる高速表示 AMPは、GoogleやTwitter、PinterestなどのIT企業が主体となっている、モバイルインターネットの高速化を目指すためのオープンソースプロジェクトです。モバイル向けにWebコンテンツを作成する企業と、それらを提供するプラットフォーム企業が協力し、モバイルWebコンテンツのパフォーマンスを飛躍的に向上させるための対応を進めています。
minesweeper96 2016/05/11
しました!!!!!!

AMP
リンク
はてな、国内Webサービス企業で初めて「Tech Platform」としてAMP参加。Androidアプリ「はてなブックマーク」にてAMPに対応した新機能をリリース - プレスリリース - 株式会社はてな
株式会社はてな（代表取締役社長：栗栖義臣／本社所在地：京都市中京区）は、GoogleやTwittterなどによるオープンソースプロジェクト「Accelerated Mobile Pages (以下、AMP)」を支持し、Androidアプリ「はてなブックマーク」にて、AMPに対応した新機能をリリースしました。この機能は、本日リリースしたAndroidアプリ「はてなブックマーク」バージョン2.12でご利用いただけます。これにより、はてなはGoogle、LinkedIn、Medium、Nuzzel、Pinterest、Twitterに続き世界で7社目・国内Webサービスでは初めてAMP認定の「Tech Platform」としてAMPに参加します。 ▽ Androidアプリ「はてなブックマーク」バージョン2.12について http://bookmark.hatenastaff.com/entry
minesweeper96 2016/04/07
AMP
リンク
Androidアプリ「はてなブックマーク」がAMPに対応しました - はてなブックマーク開発ブログ
いつもご利用いただき、誠にありがとうございます。はてなブックマークディレクターのid:juseiです。本日、Androidアプリ「はてなブックマーク」バージョン2.12をリリースしました。今回のアップデートより、各カテゴリーの人気・新着エントリーにおいて「Accelerated Mobile Pages（以下、AMP）」に対応したWebページを表示できるようになりました。エントリー一覧で、タイトル左側にあるアイコン（favicon）に雷マークが付いているエントリーをタップすると、通常よりも速く表示できます。AMP対応ページにおいて、ブックマークしたりコメントを見たりする時にはAMPではないURLを用いておりますので、ご安心下さい。いつも通りGoogle Playからアップデートしてご利用くださいませ。 ▽ はてなブックマーク / ニュース・まとめを無料でブックマーク - Google
minesweeper96 2016/04/07
AMP
リンク
『アメブロにおけるAMP対応について』
今回はアメーバブログにおけるAMP対応について解説ならびにご報告をさせて頂きます。まず、AMPとは「Accelerated Mobile Pages」の略になります。「アンプ」「エーエムピー」という呼び名がありますが、Googleの方も「アンプ」という呼び方をされていますので、「アンプ」と呼ばれることが多いようです。昨年のPUBCON(ラスベガス）やSMXイスラエルにおいて、Googleのゲイリー・イリーズ氏が1995（もしくは2000年）から現在にかけて産まれた世代は興味の持続が2.8秒しかないと話していたように、（参考：SEO Japan）ウェブサイトの表示を待つことを嫌うインターネットユーザーが増えているのは確かです。若い世代だけでなく、かつてのナローバンド時代と異なりウェブサイトは素早く表示されることが当たり前になりつつある環境の中で多くの人が無意識のうちに表示の速さを求め
minesweeper96 2016/03/18
AMP
リンク
Explore links in Moments
Last year, we launched Moments to provide a new way to tell stories on Twitter. Since then, partners and our curation team have created incredible Moments using Tweets with photos, videos, Vines, polls, and more. Now, we’re making it easier for people to explore links within Moments on iOS and Android. You can tap a link to a news article, blog, recipe, and more — directly from a Moment. When you’
minesweeper96 2016/03/10
AMP
リンク
1 2 次のページ