タグ

ampに関するhitsujimabusiのブックマーク (2)

  • AMP stories(ストーリーズ)の作り方。どう使ってみる? | WordPressやWebデザインなど紹介 Ocadweb

    前回、AMPやフルAMP(アンプ)についてご紹介しましたが、今回はInstagramのストーリー機能に似たものを自分のサイトでも作れるAMP stories(ストーリーズ)の作り方やどんな風にマーケティングツールとして使ったら良さそうなのかなど紹介していきたいと思います。 目次 AMP stories(ストーリーズ)とは AMP stories(ストーリーズ)の作り方 AMP stories(ストーリーズ)を作ってみた感想 AMP stories(ストーリーズ)と相性がよいコンテンツと使い方 AMP stories(ストーリーズ)の#タグで共有しませんか? AMP stories(ストーリーズ)とは AMP stories Instagram Storiesなどのようにフルスクリーンで閲覧でき、タップすると次のページへすすんでいくというもの。AMP(アンプ)で制作されるため、画像や動画など

    AMP stories(ストーリーズ)の作り方。どう使ってみる? | WordPressやWebデザインなど紹介 Ocadweb
  • 今の時代、ウェブページは一瞬で表示するべき! 画像の遅延読込に役立つamp-imgの使い方 - ICS MEDIA

    ウェブページの表示速度は、離脱率やコンバージョン率にもっとも影響する重要なポイントです。Googleが公表した調査結果では、「表示に3秒以上かかると、約53%のユーザーは離脱する」「表示速度が1秒から6秒に落ちると、直帰率は106%上昇する」というデータが出ているようです。 表示速度を改善する施策は色々とありますが、記事では「AMPアンプ(Accelerated Mobile Pages)」を作成する際に利用するJavaScriptライブラリーを使って、簡単に表示速度を改善する手法を紹介します。 AMPとはウェブページの読み込みを高速化させる技術 「AMPアンプ(Accelerated Mobile Pages)」とは、名前の通りモバイルでのウェブページの読み込みを高速化させる技術です。 サイト(ICS MEDIA)では以前「AMPの利点と対応HTMLの作り方」で導入方法を紹介していま

    今の時代、ウェブページは一瞬で表示するべき! 画像の遅延読込に役立つamp-imgの使い方 - ICS MEDIA
  • 1