タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

ampに関するk-holyのブックマーク (5)

  • 『AMPを導入してどうだったのか?』

    アメブロがAMP対応してからしばらくが経ちました。 今回はその"AMP"に対応した結果どうなったのか? という、効果について簡単に書きたいと思います。 ここ最近ブロガーさん向けの記事が多かったので、今日は珍しくSEOネタっぽいやつです。 さて、アメブロでは3/10より順次AMP対応しています。 スマートフォンでGoogle検索をした際に、 このような表示がされることがあります。 これは実際に「ユニクロ」で検索した結果の一部です。 このマーク が表示されているものはAMP対応となり、 このように簡易的なページが表示されます。 AMPページはGoogleからの検索の場合はGoogle側にキャッシュされる形になることもあり、 いろいろな制約があります。 例えば、 ・広告の掲載に制約がある ・画像の使い方に規則がある ・使えるHTMLタグに制約がある などです。 HTMLタグなどは、AMPページを

    『AMPを導入してどうだったのか?』
  • 事業サイドがAMPに乗っかるか考える事 - ku-sukeのブログ

    AMP、Googleさんが猛プッシュしてますねー。個人的にも表示が早いので、たとえばFBのInstantArticleが好きなのですが、このような軽量版記事がGoogleの検索結果にもAPMによって普及するのは歓迎です。 おさらい、AMPってなに? Accelerated Mobile Pagesの略で、高速化モバイルページという直訳になるのですが、通常のHTMLページとは別に、APM用のお作法に従ったページを作ることでGoogleの検索エンジンが検知して、検索結果の上部にプレビュー表示される可能性があるというものです。Twitterでのリンククリック時もAMP対応がなされる模様です。 AMPはGoogleだけが開発しているのではなく、上述のTwitterほか著名なパブリッシャーも参加を表明しています。このブログもはてなブログProなので対応しています。(さっきオンにしたので反映はもうちょ

    事業サイドがAMPに乗っかるか考える事 - ku-sukeのブログ
  • <amp-twitter> - Twitterのツイートを埋め込み表示する

    AMPのamp-twitterは、Twitterのツイートを埋め込み表示するための要素です。 概要名前amp-twitter可用性Stable (安定)サポートするレイアウトfill,fixed,fixed-height,flex-item,nodisplay,responsive必要なスクリプト<script async custom-element="amp-twitter" src="https://cdn.ampproject.org/v0/amp-twitter-0.1.js"></script>検証https://github.com/ampproject/amphtml/blob/master/extensions/amp-twitter/0.1/validator-amp-twitter.protoasciiドキュメントhttps://www.ampproject.org/

    <amp-twitter> - Twitterのツイートを埋め込み表示する
    k-holy
    k-holy 2016/09/28
    AMP対応ページでツイートを埋め込むためのamp-twitter
  • AMPの対応方法まとめ

    Googleが「Accelerated Mobile Pages(モバイル環境でのページ表示を高速化しよう)」という目的で始めたAMPプロジェクト。AMPに対応したウェブページを作成する方法を、初心者の私が勉強をしながらまとめていきます。 Q&A対応するとどうなるの?カルーセルに掲載されるモバイルでのGoogleの検索結果にカルーセル形式で表示されます。ただし、AMPに対応した全てのページがカルーセルで表示されるとは限りません。 AMPのマークが付くモバイルでのGoogleの検索結果に雷のマークが付きます。そして検索結果からのアクセスは全てAMPのページになります。開発者もユーザーも、通常のページかAMPのページかを選択することができません。 アクセスは増える?増えると思います。AMPに対応するとカルーセルに表示されるかもしれません。カルーセルは確かに検索結果ページの上部にありますが、その

    AMPの対応方法まとめ
    k-holy
    k-holy 2016/09/27
  • 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

    Accelerated Mobile Pages の問題を効率的にチェックするには
    k-holy
    k-holy 2016/09/26
  • 1