AMP⚡️(Accelerated Mobile Pages)に対応したサービス増えてきました。 AMPのページではできることが少ないので、対応は簡単です。(元の仕様を削るのが大変) AMPで画像を表示するには<amp-img>タグを使う必要があります。 例えばこんな感じ
![サイズのわからない画像のAMP対応 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/730aa93119edc817c290953e8bf3715806917359/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgyJUI1JUUzJTgyJUE0JUUzJTgyJUJBJUUzJTgxJUFFJUUzJTgyJThGJUUzJTgxJThCJUUzJTgyJTg5JUUzJTgxJUFBJUUzJTgxJTg0JUU3JTk0JUJCJUU1JTgzJThGJUUzJTgxJUFFQU1QJUU1JUFGJUJFJUU1JUJGJTlDJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0yNmNlZGIxZmU3YjgzZjYwOGZlOTUyODA1NmQ4MWRmNg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBuYXJpa2VpJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0wNWYwOThhYWY0ODBiZjQyYjVmZjJiMWRiOGRkYmQzMg%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D454b014d7b15c7532ad818b015f988c3)
Theme 第 22 回のテーマは AMP(Accelerated Mobile Pages) です。 今回は @ymotongpoo さんをお迎えして、 AMP の登場背景やそこから見える今の Web の問題点、導入や普及、今後の展望などをふまえ、 AMP が登場した意味、そして AMP が Web にもたらす影響などを通して 「今何がおこっているのか」と「これからどうなっていくのか」を議論しました。 Show Note Why AMP is Fast ampproject.org ampproject/amphtml github Waht is AMP? Why AMP is fast Publishers using AMP HTML AMP Cache AMP Cache AMP Cache Update Ping Format AMP Validator Chrome Dev
本機能は提供を終了しました。 はてなブログでは、記事をAMPで配信することができます。 AMP - a web component framework to easily create user-first web experiencest ブログユーザーにとって、AMPはモバイル環境で速やかに表示され、ブログがより快適に閲覧されるため、多くの人に読まれやすくなることが期待できます。一方で、デザイン上のカスタマイズなど、リッチな表現には制限があります。 AMPの配信設定は、有料プラン「はてなブログPro」に加入しているブログで利用できます。 AMPは開発が進行中のプロジェクトであり、本機能もベータ版として提供されます。AMPの仕組み等をご理解のうえ、ご利用ください。ご不明な点やお気づきのことがあればお問い合わせフォームよりご連絡ください。 はてなブログでAMPを配信する はてなブログPro
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対応してからしばらくが経ちました。 今回はその"AMP"に対応した結果どうなったのか? という、効果について簡単に書きたいと思います。 ここ最近ブロガーさん向けの記事が多かったので、今日は珍しくSEOネタっぽいやつです。 さて、アメブロでは3/10より順次AMP対応しています。 スマートフォンでGoogle検索をした際に、 このような表示がされることがあります。 これは実際に「ユニクロ」で検索した結果の一部です。 このマーク が表示されているものはAMP対応となり、 このように簡易的なページが表示されます。 AMPページはGoogleからの検索の場合はGoogle側にキャッシュされる形になることもあり、 いろいろな制約があります。 例えば、 ・広告の掲載に制約がある ・画像の使い方に規則がある ・使えるHTMLタグに制約がある などです。 HTMLタグなどは、AMPページを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く