HOME → 3 WordPress → 

Glue for Yoast SEO & AMPによる AMPページのトラッキング

WordPress Twenty Seventeen
Glue for Yoast SEO & AMP による
AMPページのトラッキング
 
Search Console における検索パフォーマンスの、 表示回数やクリック数が激減した原因の一つとして、AMP ページへのアクセスがカウントされていないのではないかと思い、その対策として「Glue for Yoast SEO & AMP」を導入してみた。
 
「Analytics」で、Google Analyticsのトラッキングコードを埋め込む
「Analytics」で、Google Analyticsのトラッキングコードを埋め込む。
 
以下、Glue for Yoast SEO & AMP を導入と、AMP を Ver 0.7.2 から 1.2.0 にアップデートした記録。
HOME → 3 WordPress → 

WordPress タイトルだけ表示されて記事の内容が表示されない

WordPress Twenty Seventeen
記事の内容が表示されないページが発生
Crayon Syntax Highlighter のバグ
 
Webサーバーをバージョンアップし、WordPress の移行結果を検証していると、「記事のタイトルだけが表示されて、記事の内容が全く表示されない」ページが見つかる。全てのページではなく、いくつかの特定のページのみであることに気付く。
 
記事の内容が表示されないページがいくつかある
 
以下、この原因の解明手順と解決策にたどり着いた記録。
HOME → 3 WordPress → 

WordPress サーバーの引越(移行)要領

WordPress Twenty Seventeen
プラグイン『All-in-One WP Migration』による
サーバーの引越(移行)要領
 
ブログにWordPressを使っているが、2019年4月からWordPress(バージョン3.2以降)のサーバー要件で、PHPのバージョンが5.2.4から5.6以上に変更になった。現在稼働中のサーバーは、PHPのバージョンが5.6でギリギリセーフではあるが、この際、最新バージョンの PHP7.3 に更新した。
 
WordPress(バージョン3.2以降)のサーバー要件
 
以下、サーバーのバージョンアップに伴い、稼働中の「WordPress」を新サーバーに「引越」した記録。
HOME → 3 WordPress → 

SEOプラグインを Yoast SEO に変更した

WordPress Twenty Seventeen
All in One SEO Pack から
Yoast SEO に変更
 
SEO対策として定番のプラグイン、「All in One SEO Pack」を使用してきたが、一つのサイトだけ【バージョン 2.8】から新しいバージョンに更新すると、WordPress のダッシュボードがフリーズする。この対策として、「Yoast SEO」に変更することにした。
 
【バージョン 2.8】から新しいバージョンに更新すると、WordPress のダッシュボードがフリーズする
 
以下、「Yoast SEO」に変更した記録と注意点
HOME → 3 WordPress → 

【アイキャッチ画像 差替えで解決】AMP > 推奨サイズより大きい画像を指定してください

WordPress Twenty Seventeen
AMPに関する警告
「推奨サイズより大きい画像を指定してください」
解決方法
 
結論。
アイキャッチ画像を 差替えれば解消する
画像サイズの幅は【 1200 ピクセル 】以下でもOK
 
警告の出た 7件の内、テストの意味を含め 4件 だけを次の様な画像サイズに差し替えた
 
以下、この警告への対処結果を記録。
HOME → 3 WordPress → 

ドキュメントに AMP コンポーネントの「script」タグが複数あります。

WordPress Twenty Seventeen
AMPのカスタマイズ
「script」タグの埋め込みを 削除
 
Search Console の AMP で、AMP化したページが「有効(警告あり)」になるも、「ドキュメントに AMP コンポーネントの「script」タグが複数あります。」という警告が出る。
 
ドキュメントに AMP コンポーネントの「script」タグが複数あります。
 
以下に、この解決策を記述。
HOME → 3 WordPress → 

AMPページ の フォントを変更する方法

WordPress Twenty Seventeen
AMPカスタマイズ
AMPページ の フォントを変更する
 
プラグインの AMP for WordPressで『AMP化』したページは、フォントが明朝体になってしまうので、通常ページと同じフォントになるよう「AMPのカスタマイズ」を行った。
 
「style.php」の「font-family:」を変更した結果
 
以下に、AMPページのフォント変更要領を記載。
HOME → 3 WordPress → 

AMPカスタマイズ SNSボタン(ソーシャルボタン)を表示する

WordPress Twenty Seventeen
AMPページに
SNSボタン(ソーシャルボタン)を表示する
 
SNSボタンの表示要領。
①.amp-social-shareスクリプトタグをAMPページのheadタグ内に入れる
 →「html-start.php」のカスタマイズ。
②.SNSボタンを表示するショートコードを作成する
 → <amp-social-share> タグが、ビジュアルエディターで削除されるため。
③.SNSボタンを表示したい箇所に、ショートコードを記述
 
 
AMPページにSNSボタンを表示
 
以下、AMPページにSNSボタンを表示させた記録。
HOME → 3 WordPress → 

AMPカスタマイズ amp-ad タグが消えて 貼り付けられない

WordPress Twenty Seventeen
AMPページに
アドセンス広告を表示する
 
AMP化における問題点の一つに、『アドセンス広告が表示されなくなる』というのがある。AMPアドセンスに対応させるには、『AMP用アドセンス』コードを追記すればよいだけなのだが・・・。
 
ハマった事
広告コードをテキストエディターで貼り付けるも、
WordPressにはテキストエディターからビジュアルエディターに切り替える際に、不要なタグを削除する機能が備わっている。』
為に、<amp-ad> タグがもろに引っかかり、テキストエディターで記述したAMP用の広告コードが、ビジュアルエディターに切り替えると消えてしまう。
 
以下、この対策として【ショートコード】で、AMPアドセンスに対応した記録。
HOME → 3 WordPress → 

AMPのカスタマイズ Analyticsの トラッキングコードを実装

WordPress Twenty Seventeen
AMPページに
Analyticsの トラッキングコードを実装
 
AMP化が完了すると、『AMP化の効果』が気になるところだが、残念ながら「AMP for WordPress」プラグインのインストールだけでは Google Analytics で計測されない。そこで、AMPページに【 Analyticsの トラッキングコードを実装 】するカスタマイズを行った。
 
AMPページがドンドン参照されるようになった
 
以下に、【 Analyticsの トラッキングコードを実装 】する AMPの カスタマイズ要領を記載。