AMP表示におけるおすすめのデザイン変更・調整まとめ

AMP表示におけるおすすめのデザイン変更・調整まとめ

どうも、だいち(@spountant)です。

AMPのデザインはどこをいじるのがおすすめなんだろう?」という疑問があったので、いろいろ調べてみて自分でAMPページに実装した設定をまとめてみた。

以下をひととおり設定したら、かなりいい感じのAMP表示になると思うので、ぜひ試してみてほしい。

 

AMP表示時のアクセス数をカウントするために「アナリティクスの設定」をする方法

AMPを実装したてのときはアクセス数が激減しがちなので、アナリティクスは即座に設定しておきたい。

以下の記事で、AMPに対するアナリティクスの設定方法を画像付きで解説している。

関連記事:アナリティクスでmobileのアクセス数が減ったのはAMPが原因かも

 

AMPのヘッダーの「背景色」、ヘッダーの「ブログタイトルの文字色」を変更する方法

「Amp for WordPress」プラグインでは、ヘッダーのデフォルトの色が青色になっているので、この色を変更する方法をまとめた。

関連記事:Amp for WordPressのヘッダーの背景色、ブログタイトルの文字色を変更する方法【コピペ】

 

AMPのh2,h3「見出しのデザイン」を変更する方法

デフォルトのAMP表示時は、見出しがただの太字になっている。

通常時のブログのデザインに寄せるためにも、見出しデザインの調整は必要だと思うので、その方法は以下の記事をご覧いただきたい。

関連記事:Amp for WordPressで見出しのデザインを変更する方法【コピペ】

 

AMPの「著者アイコン」を好きな画像に変更する方法

Amp for WordPressのデフォルトでは、タイトル直下の著者アイコンがよくある灰色の人型アイコンに設定されている。

以下の記事でこれを任意の画像に変更する方法を紹介した。

関連記事:Amp for WordPressのデフォルトアイコンに任意の画像を表示する方法

 

AMPの記事下に「SNSシェアボタン」を設置する方法

AMPページにおいても、読者がサクッとSNSシェアできるようにするため、以下の記事でTwitter、Facebook、LINEなどのシェアボタンを設置する方法を解説した。

関連記事:Amp for WordPressでSNSシェアボタンを設置する方法【コピペ】

 

AMPで「関連記事」を表示する方法

AMP実装したてのときはしっかりアクセス数を記録できたとしても、直帰率が跳ね上がってしまう可能性がある。

これは関連記事が表示されていないことが原因のひとつなので、それを解消する方法を以下の記事で紹介した。

関連記事:Amp for WordPressで直帰率を下げるために関連記事を表示する

 

URL :
TRACKBACK URL :

Warning: getimagesize(/home/spountant/wonderland02.com/public_html/wp-content/themes/dp-escena/img/json-ld/nologo.png): failed to open stream: No such file or directory in /home/spountant/wonderland02.com/public_html/wp-content/themes/dp-escena/functions.php on line 932