投稿日:

構造化データ 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 】という別のドメインにリダイレクトした方法を記す。