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
ウェブサイトのAMP対応を行ってコンバージョン率が70％低下した理由とは？
AMPはGoogleが提唱するモバイルウェブサイト用のフレームワークで、ウェブサイトをAMP化することでページのロード時間を大幅に短縮することが可能です。ソフトウェアの開発会社のRockstar CodersでCTO(最高技術責任者)を務めるネイサン・コントニー氏は、これまでにコンバージョン率(ウェブサイトの訪問者数あたりの成約に至った割合)アップの対応を行い、当初の500％の水準にまで伸ばしてきました。しかし、自社のウェブサイトをAMP化したところ、コンバージョン率が70％も下落してしまったとのことです。 Google AMP - A 70% drop in our conversion rate. - Rockstar Coders https://www.rockstarcoders.com/google-amp/ コントニー氏はRockstar Codersのウェブサイトにあらゆる
テクニカルSEOの上級者になりたいならJavaScriptに精通すべし
[レベル: 上級] SEO に一生懸命に取り組んで精通したいのであれば、今後は JavaScript に詳しくなることを、Google の John Mueller（ジョン・ミューラー）氏は推奨しました。 SEO に強くなりたいなら JS を学ぶ reddit の SEO 掲示板に次のような相談が投稿されました。 SEO には JavaScript の知識はどのくらい重要か？ ミューラー氏はこのようなコメントを返しました。 今後数年にわたって、これまでの SEO の20年よりももっと多くの JavaScript に出くわすことになるだろう。テクニカル SEO に懸命になりたいなら、HTML は終わりにして JS をもっともっと学ぶ必要があるだろう。 しゃれた静的な HTML のサイトには利点があるから、なくなることはなさそうだ。しかしながら、実際のところは、 JS のフレームワークはいたる
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 #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 71 Ads API 11
AMPの気になること全部、Googleの山口さんに聞いてきました！
連載： HTML5 Conference 2017特集 (15)こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に、様々なお話を伺おうというものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、Googleの山口能迪（やまぐち・よしふみ）さんです。 山口さんのセッションは「AMPで加速するモバイルウェブアプリケーション」でした。 スライド資料はこちらで公開されています。 https://docs.google.com/presentation/d/1ZYyHFRMZnD6bfi6fl9yh9G_TIs3roSxvp-Goa1JZv_c/htmlpresent AMPとは何か？
AMP: ユーザー ファーストなウェブページの登場から 2 年
.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
モバイルウェブ最前線：State of the Union
.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
「次のモバイルファースト」がやってくる！UIと機能設計をIonic 2を使って学んでみよう
「次のモバイルファースト」がやってくる！UIと機能設計をIonic 2を使って学んでみよう 榊原昌彦（一般社団法人リレーションデザイン研究所 ...） レスポンシブデザインが生まれたばかりの2009年には、はやくも「モバイルファースト」という言葉が使われ始めていました。 WebサイトはPCから見るものだったのは今や昔。今ではスマートフォンの普及により、多くのWebサイトではPCとモバイルからのアクセス数が逆転してるWebサイトも多く、「モバイルファースト」な開発も当たり前になりました。 しかし、2009年の「モバイルファースト」と、今の「モバイルファースト」は大きく中身が成長しました。モバイルフレームワークであるIonic 2も先日リリースされましたので、ここで改めて「モバイルファースト」とは何かを考え、モバイルの設計を見直していきます。 レスポンシブとモバイルファースト モバイルファース
In AMP we trust
AMP Conf was one of those deep dive events, with two days dedicated to one single technology: AMP. Except AMP isn’t really one technology, is it? And therein lies the confusion. This was at the heart of the panel I was on. When we talk about AMP, we could be talking about one of three things: The AMP format. A bunch of web components. For instance, instead of using an img element on an AMP page, y
AMPのバリデーションや構造化データ、キャッシュなどを一括でチェックできるツール――AMPBench
[レベル: 上級] AMP化したモバイル検索の導入が日本でも迫っています。 AMP対応を進めているサイト管理者も多いのではないでしょうか。 AMP対応する際に役立つツールとして、AMPページの有効性を検証するための「AMP テスト ツール」をGoogleは先週公開しました。 この記事では、公式ツールではない、AMPページのさまざまな情報をチェックできるサードパーティ製のツール、「AMPBench（アンプベンチ）」を紹介します。 さらに多くの情報をチェックするAMPBench AMPBenchは、公式のAMPテストツールよりもさらにずっと多くの情報をチェックしてくれます。 AMP HTMLの有効性 amphtmlリンクタグおよびcanonicalの有無 Googlebotがクロール可能か AMP CDNにキャッシュされているか 構造化データが設定されいてるか etc. リストに挙げたのは一部
AMP と React+Redux を使う
.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
Webサイトの高速化とかAMPの終焉とか
2016年9月18日 著 Googleが勧めるAMPの終焉を予測してみた、という記事を読んだのはだいぶ前のことだけれど、最近になってGoogleが謎の#AMPlify キャンペーンなどという動きを見せるにつけ、AMPの終焉というのは実は多くの人が予想するよりもっと早くに訪れるかもしれないと思いました（理由は後述）。 AMPが発表された当時は制約が厳しすぎて「こんなフォーマット流行るわけがない」と思っていたものですが、その後は日進月歩の勢いで「AMPでできること」が充実してきました。一昔前なら動的コンテンツにAMPは向きませんとか言ってたけど、今や<amp-live-list>があるくらいで......EC方面に積極的に売り込んでいる節もありますね。 とはいえ、AMPを個人的に好きになれないのは、Googleのビジネスを担ぐ格好にしか映らない点。いくらオープンソースのプロジェクトであることを
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
AMP について #AMPlify キャンペーン スタート！
+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
Google、AMP化を勧めるキャンペーンを開始。今すぐAMP対応すべきか、それともまだ待つべきか？
AMPをサポートする通常検索を年内にリリース 特に新しい内容は記事には含まれていません。 簡潔にまとめれば、次のように説明し、 速く表示されるページをモバイルユーザーは求めています。 AMPはそうした要望をかなえられる仕組みだから、AMP対応しましょう。 関連コンテンツへリンクしているだけです。 気にかけるとしたら、次の一文でしょうか。 Later this year, all types of sites that create AMP pages will have expanded exposure across the entire Google Mobile Search results page, like e-commerce, entertainment, travel, recipe sites and many more. ECサイトからエンタメ系、旅行、レシピに至るま
スマホ対応が不要になる!? Google、通常のモバイル検索結果でスマホ向けページの代わりにAMPページを表示する実験を開始
[レベル: 中級] モバイル検索の通常の検索結果で、スマホ向けページに置き換えてAMPページを表示する実験をGoogleは開始しました。 これまでは、AMPに対応したページは「トップニュース」として、通常の検索結果とは別枠のカルーセル（またはリスト）の中に掲載されていました。 AMPページとスマホ対応ページが混在 通常の検索結果にAMPページが表示される実験用の検索ページには、g.co/ampdemo からアクセスできます（スマホでアクセスしてください）。 うまくいかない場合は、こちらからアクセスしてください。 トップニュース用のAMPカルーセルではなく通常の検索結果の中にAMPページが表示されます。 （僕たちにとっては）おなじみのAMPマークが付いているのですぐにわかります。 検索結果の上には、AMPを説明するためのメッセージが表示されていますね。 こちらは、AMPページとスマホ対応ペー
Googleの検索結果で上位表示されるAccelerated Mobile Pagesに、はてブやLINEも対応表明
Googleの検索結果で上位表示されるAccelerated Mobile Pagesに、はてブやLINEも対応表明：AMPとは はてなは、同社のAndroidアプリ「はてなブックマーク」に、「Accelerated Mobile Pages（AMP）」に対応する新機能を実装した。またLINEも対応を発表している。AMPとは何か。どうすれば対応できるのか。 はてなは2016年4月7日、同社のAndroidアプリ「はてなブックマーク」に、「Accelerated Mobile Pages（AMP）」に対応する新機能を実装したと発表した。はてなブックマーク バージョン2.12で利用できる。 またLINEも同日、その他のアップデートと併せて、AMPによる高速表示への対応を発表した。 Accelerated Mobile Pages（AMP）とは AMPは、2015年10月にGoogleやTwit
App IndexingとAMPについてGoogleに何でも質問してみよう #inhouseseo
[レベル: 中〜上級] The 17th In-house SEO Meetup sponsored by CyberAgent が、株式会社ぐるなびさんの会議室を会場として2016年3月11日に開催されました。 Google Japanの社員さんたちとのQ&Aパネルディスカッションがあり、僕は、スポンサー兼講演者のサイバーエージェント 木村賢さんとともに質問する側のパネラーとして参加しました。 Googleからは次のお三方が参加されました。 Duncan Wright（ダンカン・ライト）さん プロダクト パートナーシップ本部 / パートナーシップ マネージャー 津田恵理子さん パートナーソリューションズ事業部 / APAC パートナーオペレーションマネージャー（Search） 金谷武明さん サーチ クオリティ チームシニア / サーチ エヴァンジェリスト パネルディスカッションのテーマは
CPP： AMPに替わる標準策定の提案（翻訳版）
Googleのモバイル検索結果でカルーセル形式で表示される とか「AMP対応」の表示を開始した とのことで、日本でもAMPプロジェクト が話題ですね。個人的には、目的には賛同するけど、やり方には同意できない部分もあるというのが正直なところです。AMPを広めるためにGoogleの検索結果と結びつけてしまったところが特に疑念を抱くところです。 とはいえ、検索結果に優先的に表示されるなら対応を考えないわけにはいかないですよね。背に腹は変えられないですからね。 そんなふうに悩んでいたところ、つい先日、Implementing Responsive Design の著者でもあるTim Kadlecさんの素晴らしい記事を目にしたので、日本の開発者の方々にもぜひ読んでもらいたいと思い、早速Twitterで本人に承諾を得て 翻訳させてもらいました。 以下、原文へのリンクと翻訳です。 CPP: A Stan
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AMP - a web component framework to easily create user-first web experiences
