AMPページと正規ページのどちらに構造化データをマークアップすべきか？ ⇒ 両方で同じ構造化データが必要
[レベル: 上級] AMP ページを公開する場合、正規ページと AMP ページの両方で同じ構造化データのマークアップを使用する必要があります。 構造化データは正規ページだけ？ AMP ページには不要？ 次のような質問が英語版オフィスアワーで取り上げられました。 AMP の検索結果では、Google は構造化データを AMP ページ自身から取得しているのか？ それとも正規ページから取得しているのか？ 正規ページだけにしか構造化データがなくても機能するのか？ 結論を言うと、正規ページと AMP ページの両方に同じ構造化データをマークアップする必要があります。 Google は正規ページ（モバイル ファースト インデックスに移行しているならモバイルページ）をインデックス対象にし検索結果の評価に利用します。 したがって理論的には、正規ページにさえ構造化データがあれば検索に利用されるはずです。 しか
「新R25」がSEO業界で類をみない英断！ コンテンツシンジケーションのあるべき姿とは？【SEO記事13本まとめ】 | 海外&国内SEO情報ウォッチ
「新R25」は、サイバーエージェントのグループ会社が運営しているメディアサイトだが、自社で制作するコンテンツに加えて、他社のサイトからも記事提供を受けてサイトに掲載している。ウェブ業界では「シンジケーション（Syndication）」と呼ばれる「記事配信」「記事提供」の仕組みだ。 新R25は、他サイトから提供を受けているコンテンツに関しては、オリジナル記事のURLを指定したrel="canonical"を「新R25」サイト上のHTMLに設定するという英断を下した。この動きについて、サイバーエージェントの木村氏が解説している。 その内容については元記事を見ていただくとして、ここで「英断」という言葉を使ったのには意味がある。 コンテンツシンジケーションでは、通常はまったく同じ記事を配信している。そのためシンジケーションは理論的には複製コンテンツである。提供元と配信先で何らかの合意・契約があると
ページの読み込み速度をモバイル検索のランキング要素に使用します
+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
【5分】WordPressサイトをプラグインでAMP化する方法
儲け学 : SEOトレーニングとウェブマーケティング戦略 SEOトレーニングとインターネットマーケティング戦略情報。儲け学は、ウェブサイトにお客を集めるSEOトレーニング、ウェブマーケティング技術を高める最適な場所です。最新の海外情報までを網羅。 モバイルフレンドリーの次のステップは、AMPです。 モバイル検索のアクセス、コンバージョン、検索順位を向上させたいのならば、ページの読み込み速度はとても大きな要因です。 なぜなら、表示速度が遅いことは致命的だからです。もしあなたのページが表示に3秒以上かかるならば、40％の人がサイトから去ってしまいます。 そこで今回は、モバイルページを高速表示させるAMPをWordPressで実装する方法を解説します。プラグインを使用して、簡単、スピーディーに導入します。 AMP（Accelerated Mobile Pages）とは？ AMP（Accelera
ユーザーに高品質の AMP ページを
+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
【検索雑談】Yahoo!の検索結果にAMPが登場
雑談です。 飲み会の諸連絡で共有されたURLがYahoo!仕様のAMPだったので。 実際のAMP対応URL Yahoo!のAMPはこんな感じ。Googleとほぼ変わりませんが… 左がYahoo!、右がGoogle （※スマホだと先に出てきたほうがYahoo!です） URLは https://search.yahoo.co.jp/amp/s/AMP対応URL となっています。 私の場合URL直アクセスはできるけど実際の検索結果に出てこない感じですorz 実際にAMPが検索結果に表示される事例 @toshikasuyaさんに検索結果をねだっていただきました！ （https://twitter.com/toshikasuya/status/915231359232122880） Yahoo!の検索結果に「AMP」マークが表示されています。 これはすごいｗ いいなーｗ Yahoo!はAMP対応は宣
AMP対応をやめたとき、Google検索にAMPページを表示させないようにする3つの方法（ただし使いたいのは1つだけ）
[レベル: 上級] AMP 対応をやめたとき、AMP コンテンツが Google 検索に表示されなくするようにする方法を Google はデベロッパー向けページに追加しました。 Google は3つの方法を説明しています。 僕の見解も交えながら、この記事で紹介します。 【方法1】Google 検索から AMP ページを削除 この方法を使うと、検索ユーザーにエラーを発生させることなく AMP ページが検索結果に表示されるのを止めることができます。 正規ページ (rel="canonical" で指定しているページ) の HTML コードから、rel="amphtml" を削除する AMP ページの URL を、対応する正規ページの URL に 301 リダイレクトまたは 302 リダイレクトする AMP ページがなくなったことを次のようにして確かめる Google 検索して AMP ページが
AMP/PWA をどこで/いつ使うか - Qiita
某所で使った資料の公開版 用語整理 PWA: ネイティブアプリのようなUXを提供するための機能群 SPA: JSで遷移するシングルページアプリケーション AMP: 後述 PWAMP: AMPで流入させてPWAを起動する形式 MFI: モバイルファーストインデックス いまさら聞けないPWAとAMP アメブロ2017: Isomorphic Web Appの進化編 AMP とは イニシャルビューのためのHTMLの特殊なサブセット GoogleにホワイトリストされたHTML属性しか使えない GoogleにホワイトリストされたJSプラグインしか使えない CSSはHEADに全部書く AMP仕様を満たすと、Googleがキャッシュして、モバイルの検索流入ではそのキャッシュを使う HTTPS必須 必ずしも全ページをAMPに対応する必要はない PWA: ServiceWorker の機能 リソースの先読み
Google 検索における最新の品質向上について
+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 Start - Qiita
AMP(Accelerated Mobile Pages)がGoogle検索の仕様に加わってからひさしくなりますが、さらなる広がりの予感をAMP Projectがみせております。 ウェブデザインが収束の方向に向かっている BootstrapやMaterial design、Reactなどコンポーネント単位でウェブモジュールをつくっていこうという動きがあります。これは当たり前です。たとえ、オリジナルデザインでウェブサイトを作ろうとしても、パーツの再利用性などを考えることは効率やブランディングの観点からも正しく、みんなそうしてウェブサイトを作ってきたと思います。 2017年現在の現状を俯瞰的にみてみると、仕組みが出来てきたというフェーズに入ってきたのだと思います。 それによって、起こる現象はおそらく２つ。 1. ウェブデザインの２極化が起こる これは安易に想像がつきますね。一つの流れとしては、
スタンドアロンAMPのススメ
こんにちわ、@t32kです。先日、3/18に大阪で開催されたFRONTEND CONFERENCE 2017に登壇してきました。また弊社メルカリは懇親会スポンサーでした。今回は『スタンドアロンAMPのススメ』というタイトルで講演した内容をシェアしたい思います。 私が所属しているソウゾウ社ではメルカリアッテというクラシファイドサービスを作っています。メルカリは配送システムを介して売買しますが、こちらは直接会って手渡しでモノの売り買いができます。もちろん、手数料や配送料はかかりませんので、よろしかったら使ってみてください。私はそこのWeb担当で、本サイトのAMP実装について話します。 今日のアジェンダです。 AMPのメリット 表現力について テンプレート分散について 構造化データについて まとめ といった内容でやっていきたいと思います。 AMPとは？ まずはAMPとは何か説明します。AMPとは
AMPの導入と効果について - ZOZO TECH BLOG
こんにちは、エンジニアの荒井です。 2016年はAMP（Accelerated Mobile Pages）の正式サポートがアナウンスされ、導入した方も多いのではないでしょうか。VASILYでもAMPを導入し数ヶ月運用しています。AMPの導入に関しては、関連記事も多く存在しますが、導入したことによって得られた結果について触れている記事は少ないと感じています。そこで本記事では、弊社でのAMP導入事例と、AMPによって得られた効果を紹介したいと思います。これから導入を検討している方はAMP対応による効果の一例として、すでに導入している方は比較対象として参考にして頂ければと思います。 AMPについて 初めにAMPについて簡単に説明します。 AMPはモバイルページを高速にユーザー届けるために発足したプロジェクトです。昨年Googleの検索結果に表示されるようになり、様々なサービスで対応が進められてい
CSSのみでアイコンフォント風の図柄を表示できる「CSS ICON」の使い方
CSS ICONとは CSS ICONは、CSSのみで描画されたアイコンを表示させることができるコードが集められたアイコン集です。 この記事を書いた2016年11月時点では500以上のアイコンを利用することができます。 CSSのみで描かれたものということなので、思いっきり簡素なものと思いきや、かなり実用的なアイコンがそろっています。 CSS ICONの使い方 アイコンを利用するには、まずCSS ICON利用したいアイコンを選択します。 すると、画面右側に「アイコンを利用するためのコード」が表示されます。 CSSをコピペ これを利用するには、まずCSSをコピーします。 すると、以下のようなコードがクリップボードに貼り付けられるので、CSSファイルなどに貼り付けます。 .heart.icon { color: #000; position: absolute; margin-top: 6px;
WordPressのAMP対応方法まとめ【ソーシャルボタン・アドセンス・Googleアナリティクス】
こんにちは。 はてなブックマークアプリがAMP(Accelerated Mobile Pages 以下AMP)対応しましたね。 それから結構な月日が経っており、状況もかなり変わってそうなので改めて設定してみました。 今回はWordPressのAMP化に伴い、必要になりそうな設定をまとめてみようと思います。 なおAMP実装はプラグインで行っています。 プラグインのインストール プラグインはそのものの名前ですが「AMP」というものを使いました。 github.com プラグインの新規追加で「AMP」と入力。色々出てきますが作者がAutomaticと記載されているものを今回利用しています。 設定画面は特に無くインストールして有効化すると既にAMPページは生成されています。 URLが http://example.com/2016/12/02/sample-post だった場合、 http://e
AMPでAdSense導入できたよ、の声を聞きながらあえて僕はAMPを外してみる - あれこれやそれこれ
2016 - 11 - 24 AMPでAdSense導入できたよ、の声を聞きながらあえて僕はAMPを外してみる ☆ブログ☆ ☆ブログ☆-ブログ運営 Twitter Google Pocket このブログについて ・管理人サキの自己紹介 ・問い合わせフォーム ・カテゴリ別の一覧はここから あんまり考えずにとりあえずとっぱらったやつ コロンブスが新大陸を発見したかのようなニュースがはてなーの中を駆け巡りました。いわゆる「AMPにAdSenseを貼る方法が発見された」というやつです。 はてなブログのAMPでアドセンスを入れる方法が発見される - NO TITLE 僕もこれを見て「うぉぉ！これでAMPで見てる人からもガッポガッポだぜ」とAMPにAdSenseを導入してみたんですが… いくら儲かってるのかがわからない。ページCTRやクリック率などについても特に大きな差異はなく、比較もできなければ検証
Google AMP、「効果てきめん」と媒体社から驚きの声：「それはまったく常軌を逸している」 | DIGIDAY［日本版］
パブリッシャーたちは、Facebookのインスタント記事への関心をなくしつつあるいま、GoogleのAMP（アンプ：Accelerated Mobile Page）に熱狂しはじめている。流入全体の40％近くが、依然としてGoogle検索によるもので、モバイルページの素早い表示が、検索結果で優位になるからだ。 パブリッシャーたちは、Facebookのインスタント記事への関心をなくしつつあるいま、GoogleのAMP（アンプ：Accelerated Mobile Page）に熱狂しはじめている。 2016年2月、GoogleはモバイルWeb高速化プロジェクトのAMPを提供開始。パブリッシャーたちは、自らのページにGoogleのオープンソースコードの導入を急いだ。というのも、リファラルトラフィック全体の40％近くが依然として、Google検索によって生み出されており、オーディエンスがモバイルにシ
AMPのメリットとデメリットを初心者に解りやすくまとめてみた - きなこ猫のスッキリ生活
AMPをよくわからないまま使っていましたが、最近デメリットに気づいてAMPを解除したSEO初心者の猫野きなこです。 はてなブログProを契約するとAMPが利用できるようになります。 「ブログが早く表示されるようになるからいいのかな」と思って使っていましたが、広告やデザインが表示されないことに気づいて使用するのを一時期やめていました。 解除したものの、AMPにはさまざまなメリットもあって、「すぐに利用すべき」という人と「まだ早い」という人の賛否両論あるようです。 AMP対応にしたらいいのか、しないほうがいいのか解らなくなってきました(∩˃o˂∩) いろいろ考えましたが「メリットとデメリットをちゃんと知った上で自分なりに判断しよう」と思い、詳しく調べてみることにしました。 初心者目線で解りやすくAMPのメリットとデメリットを紹介させて頂きます。 AMPとは？ AMPのメリット 検索のトップに写
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch
PWA+AMPの話
ハンバーガーメニューをやめたらPVも再訪問も劇的に改善！ ナビゲーションメニューのUIを考える などSEO記事まとめ10+3本 | 海外&国内SEO情報ウォッチ
