ブログに「amp」を導入したのでレビューします。 |

Yutalog

人生を輝かせるブログ

まとめ ブログ運営

ブログに「amp」を導入したのでレビューします。

投稿日:2018年5月17日
更新日:

執筆者:

Pocket
LINEで送る

ampを導入するとどんなメリットがあるのでしょうか。

ホームページへのampの導入は難しいでしょうか。


今回は実際にampを入れて感じたことを書いていきたいと思います。

Web業界で話題のampとはGoogleが推奨する高速表示技術のこと

ampすることでページの高速表示が可能になります。

ampはGoogleが推奨している次世代プロジェクトのことで、スマホでのページ閲覧の読み込み時間が短縮され、ロードのイライラを軽減させることができます。

amp対応ページには、スマホ検索時にampマークが表示されます。

気が付いている人は、ampページだからというのも気にしながらクリックすることで、表示待ちのイライラを低減させることができます。

Webサイトへのamp導入はカンタン!

私が、このブログをamp化するために行ったことは、プラグインの検索で「amp」と入力して、プラグインをダウンロードし有効化しただけです。

amp導入はきわめて簡単です。

WordPressのプラグインを検索して、有効化するだけという事で、お気づきの方もいらっしゃると思いますが、導入がラクなのはWordPressの場合に限ります。

通常のhtmlページの場合は、面倒なコードを自分で打ち込んだり、設定する必要があるため、かなりの手間と労力がかかると思います。

Webサイトのamp導入が成功したかチェックする方法

ampプラグインをインストールして有効化。

amp化がうまくいったのかチェックする方法があります。

それは表示させているURLの末尾に/ampをつけてampページが表示されれば導入成功です。

例えば、このブログのampチェック方法は、https://yutalog.netですが、このURLの末尾に/ampを追加するだけです。

URL入力欄に、https://yutalog.net/ampと入力して、ampページが表示されれば導入成功です。

CSSが利かなくなりデザインが味気ないAMPページ。

amp導入は諸刃の剣だと思います。

基本的にampページはスタイルシートが引き継がれません。したがって、せっせと作りこんだスタイルシートは完全無視で装飾が一切ないフラットなデザインとなります。

もちろん、ampページ自体にはstyle.cssというものも存在しますが、ampプラグインの中の全くの別ページに存在しています。ここでは、編集方法は記載しませんが、通常ページに加えてampページ用のスタイルシートも構築する必要があります。

ampにしてからは、直帰率・離脱率がアップしました。つまり良くない方向に進んだという事です。

高速で表示されるというのは、良い面も・悪い面があるという印象です。

やはり「パッ」と表示されるのはメリットも大きいですが、ページの内容が詰まっていないと判断されるせいか、セッション時間なども通常のブログページと比較すると短めな印象です。

ブログの文章なども、通常のブログページとamp表示ページとの比較なので、書いてある文章は全く同じです。

それにもかかわらず、セッション時間が3割ほど少ないのは与える印象が良くないのかもしれません。もしくは、ampページはスクロールも速い為、そのせいですぐ読めてしまうというのも理由にあがるのかもしれません。

記事の内容がまったく同じでもスタイルシートが作りこまれていないせいもあると思います。

Webサイトにamp導入が成功かどうかの判断は時期尚早・様子を見ます。

amp導入のデメリットをつらつらと書きましたが、amp化を中止するかどうかはしばらく様子を見てみたいと思います。

中止したい場合は、ampプラグインを止めるだけのようなので、簡単です。

ampについては、これからどんどん書いていきます。

スポンサーリンク

        

-まとめ, ブログ運営

            

関連記事

no image

1日300ユーザー達成!ブログ収益・PV数・記事数は?

– 目次 -1 1日300ユーザーの道のり2 1日300ユーザーのPVは平均900PV前後ほどです。3 1日300ユーザーは129記事で達成。4 1日300ユーザ/平均900PV前後の収益は中学生の月 …

1万円以下!お手軽価格のサイクロンクリーナー「HC-5237」レビュー 口コミ!

先日、サイクロンハンディクリーナーが届きました。 ツインバード  コードレスハンディークリーナー  サットリーナサイクロンpp(ピアニシモ) 型式「HC-5237」色 アイボリー – 目次 -1 なん …
no image

【保険はよくわからない?】独身社会人が入るべき保険はたったの2種類!

– 目次 -1 高校や大学を卒業して、自分でお給料をもらうようになった社会人の方、保険に加入していますか?2 現在加入している保険があるかどうか調べてみる3 必要な保険はこれだ!4 病気やケガに備える …

【ハンターハンター 】ネタバレ No.351「死闘」(Hunter×Hunter*34) まとめ

    – 目次 -1 ヒソカにとってはクロロと戦える念願の舞台2 クロロかヒソカが死ぬまで終わらない試合3 幻影旅団シャルナークが使っている念能力で攻撃開始4 クロロは、万全の準 …
no image

NHKの731部隊のスペシャルをみて思った事。

さて、このお盆の時期は戦争関連の番組が多くなってきました。 NHKでは、731部隊の特集をやっていました。 ななさんいちぶたい? 私自身も初めて耳にする部隊名だったのですが、何をしていた部隊かというと …

comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


アーカイブ

カテゴリ