構造化データ hentry hatom エラーへの対処

WordPress Twentyseventeen サイトの管理
Search Console
構造化データ エラーへ
の対処
 
WordPressによるブログサイトで、構造化データのエラーが発生している。
 
Search Connsole の「検索での見え方」→「構造化データ」で、「エラーが発生したアイテム」が表示される
 
hentry エラー: /?page_id=xx 固定ページでのみ発生。
・author がありません
・updated がありません
 
 
hatom エラー: /?cat=xx カテゴリーページでのみ発生。
・author がありません 
 
以下に、これらエラーへの対処方法を記載。

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

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

固定ページに 投稿日・更新日・投稿者を表示する

WordPress Twenty Seventeen
固定ページのカスタマイズ
投稿日・更新日・投稿者を表示する
 
固定ページには、タイトルは表示されているが、「投稿日・更新日・投稿者」は表示されていない。管理面・SEO面から、これらを表示することにした。
 
固定ページに 投稿日・更新日・投稿者を表示する
 
以下、固定ページへの「投稿日・更新日・投稿者」の表示要領。

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ボタンを表示させた記録。

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

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

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

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

WordPress 目的の異なる AMP化 で判ったこと

WordPress Twenty Seventeen
全く異なる目的で AMP化をしたことで
理解できたこと 判ったこと 多数
 
『Accelerated Mobile Pages』:通称AMPには本来の目的があり、AMPの意義や導入の仕方についての記事が、Webサイトに数多く掲載されている。
 
PCサイトでの、AMP化前の画面とAMP画面の比較
PCサイトでの、非AMP画面とAMP画面の違い。
 
今回、本来の目的とは全く異なった理由、「Search Console のクロールで、多くのページが【 ~/amp/ 】で 「URL エラー 404」 になる」、という対策のために『AMP化』を行った。この『AMP化』を通じて理解・判明した事項を以下に記録した。

java script リダイレクトで target ‘_blank’ を指定する方法

ホームページの運用 SEO対策
検索結果に表示される『PCサイト』のURLへのアクセスを、
『wordpress』の特定ページにリダイレクトする
 
課題。
java script による転送(リダイレクト)で、target の ‘_blank’ を指定する必要がある・・・その方法は?
 
ディレクトリとドメイン名は、下図のような関係になっており、「www」のルートディレクトリが『PC用サイト』で、サブディレクトリの「wordpress」がモバイルフレンドリーなサイトになっている。
 
fukusuudomain12
以下に、【 https://arakan60.mydns.jp/xxxx 】で『PC用サイト』の特定ページにアクセスされた時、【 https://arakan60.com/?p=xxxx 】という「wordpress」の特定ページにリダイレクトする方法を記す。

nginx サブディレクトリへのアクセスを 他のドメインに リダイレクト

Raspberry Pi + nginx = Webサーバー
サブディレクトリへのアクセスを
他のドメインに リダイレクトメインする設定
 
ディレクトリとドメイン名は、下図のような関係になっている。
 
fukusuudomain12
以下に、【 https://arakan60.mydns.jp/wordpress/?p=xxxx 】のようにディレクトリ指定でのアクセスを、【 https://arakan60.com/?p=xxxx 】という別のドメインにリダイレクトした方法を記す。