こんにちは！器械いじりや最新テクノロジーが大好きなkensirouです。

僕はこのブログのテーマにSimplicity2を使わせてもらってますが、2020年8月頃からGoogle Search Consoleにおいて下記のようなエラーが発生していました。

エラー内容は「許可されていない属性または属性値が HMTL タグにあります。」というもの。

詳細内容は「AMPでは<img>タグの中に<loading>のタグは使えない」というもので、どうもwordpressのバージョンが5.5になって以降発生している模様。

ページ数も少ないし大したエラーでもなかろうと放置してたけど、Google様が「エラー出てんぞ！ さっさと直せ！」とおっしゃってるからには無視し続ける訳にもいかないので対処しました。

ということで今回は「許可されていない属性または属性値が HMTL タグにあります。」の対処方法の手順を紹介します。

ちなみにサーバーはエックスサーバーです。

AMPのHTML内の属性エラーの対処方法

手順は非常に簡単で、以下のコードをテーマのfunctions.php内にコピペするだけ。

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

手順は以下の通り。

X-サーバーのログイン画面で「ファイルマネージャ」にログイン。

対象の「ドメイン名」→「public_html」→「wp-content」→「plugins」→「themes」→「テーマ名（僕の場合はsimplicity2）」と進む。

テーマファイル中の「functions.php」を選択→「編集」

後から分かりやすいように一番下の行に「add_filter( 'wp_lazy_loading_enabled', '__return_false' );」を追記→「更新」で完了！

しばらく後に「サイト（https://kensirou.com/）に関する「AMP」の問題が修正されました」というお知らせをいただいたので確認してみると、ちゃんとエラーが0件になりました。

今回はGoogle Search Consoleにてエラーの指摘が行われましたけど、ブラウザーにGoogle Chromeを使っているなら「AMP Validator」という拡張機能を導入しておくことでAMPページのエラーの有無とエラー内容を簡単に確認できます。

ワードプレスにログインした状態で自分のブログ記事を開いた時、右上の「AMP Validator」のアイコンにエラー件数が赤文字で表示された場合はGoogle Search Consoleでもエラー表示となります。

またエラー表示のアイコンをクリックするとエラーの詳細も表示してくれるので対処しやすいでしょう。

エラーが解消されるとアイコンはグリーン表示になります。

まとめ

ワードプレスのバージョンアップやプラグインのアップデートを行うと様々なエラーが発生することが多々あります。

それを考えるとアップデートを行わないという選択肢もありなのかと思いますが、ずっとアップデートをしないと後々困ることになりそうなのでそうもいかないのが現状です。

面倒だけどエラーが発生したらその都度対処していくしかないでしょう。

最後までお付き合いいただき、ありがとうございました。

以前にGoogle Search Consoleから『おたくのサイトで「パンくずリスト」の問題が新たに検出されましたよ～』という内容のメールが届いていました。

パンくずリストと言えばこれのことですけど、これの何がいけないの？と思い、さっそくGoogle Search Consoleでパンくずリストを確認したところ以下のような警告が！

『data-vocabulary.org スキーマのサポートは終了します』？？？

警告対象となるページが444となっているので全部のページで二重に警告を受けているような状態です。

どういうことなのかSearchConsoleヘルプで調べてみると下記の通り。

「data-vocabulary.org」を利用した構造化データがリッチリザルト（パンくずリストなどGoogle検索結果で特別な形式で表示されるもの）としてサポートされなくなるので、「schema.org」を利用した構造化データに移行してくださいということ

引用元：SearchConsoleヘルプ

そこで僕が使わせてもらっているテーマであるSimplicityのHPで確認してみるとバージョン2.8.5で対策済みであることが分かりました。

それじゃあテーマのsimplicityを最新バージョンにアップデートすれば解決！と思ったのですが、以前それをやってエラーが出て大変なめに遭った経験があります。

だから今回はパンくずリストのphpファイルのみ最新バージョンの物に書き換えることで対処することにしました。

10分もあればできる簡単な作業ですので、その手順を紹介したいと思います。

ちなみに僕はXサーバー+ワードプレス+simplicity2での運用です。

simplicityのパンくずリストのphpファイルだけを
アップデートする手順

まずはこちらからsimplicity2の最新バージョンをダウンロードし、ダウンロードしたsimplicity2のzipファイルをデスクトップにでも解凍しておきます。

次にXサーバーのトップページから「ファイルマネージャ」にログイン→「ドメイン名」→ 「public_html」→「wp-content」→「themes」→「simplicity2」と進む。

ファイル一覧から「breadcrumbs-page.php」と「breadcrumbs.php」を探す。この2つがパンくずリストのphpファイルです。

アップデート後に不具合があっていけないので念のためこの2つのファイルをバックアップしおきます。

「breadcrumbs-page.php」と「breadcrumbs.php」をそれぞれクリックすると保存先を聞かれるのでデスクトップにでも保存しておきましょう。

バックアップが終わったら先にダウンロードして解凍したsimplicity2のファイルの中から「breadcrumbs-page.php」と「breadcrumbs.php」のファイルを下記の要領でアップロード。

①「ファイルを選択」→②「breadcrumbs-page.php」→③「開く」→④「アップロード」

続けて「breadcrumbs.php」も同様にアップロード。

アップロードが成功するとphpファイルが上書きされて「更新日時」が今の日時になります。

「data-vocabulary.org」→「schema.org」に
変わっているか確認する手順

Google Search Consoleから「パンくずリスト」→「有効（警告あり」

「data-vocabulary.orgスキーマのサポートは終了します」

警告対象ページ一覧の中から、どれでもいいのでURL横のルーペマークをクリック。

①前回のクロールが今より前の日時なら②のように警告ありのままになっているはず。そこで③「公開URLをテスト」をクリック。

テストは1～2分で終わり、「有効」なアイテムとして検出されればOK！

全ページ確認するのは骨が折れるので、後はページがクロールされるのを気長に待ちましょう。

まとめ

最初にGoogle Search Consoleからメールが届いたときは、パンくずリストにエラーがあったところで大した問題にはならないだろうと放置していました。

でもよくよく考えてみるとGoogle先生からご指摘を受けている以上、マイナスになることはあってもプラスになることは絶対にないはずなので面倒だけど修正した次第です。

指摘を受けたところはこまめに修正していくようにした方が無難なようです。

最後までお付き合いいただき、ありがとうございました。

こんにちは！器械いじりや最新テクノロジーが大好きなkensirouです。

ワードプレスでブログを作成するのに欠かすことができないのが沢山のプラグイン。

ワードプレスで使用するプラグインはプログラムのアップデートがつきものだけど、アップデートすると時々不具合が起こることがあります。

アップデートしたらブログ記事の表示が崩れてしまったり、キャッシュ系プラグインだと最悪の場合はエラーが起こり記事が表示されなくなってしまうことも…。

利用している方が多い【All In One SEO Pack】なんかもアップデート後に表示がおかしくなってしまうことがあるからアップデートするのが怖いことがあります。

そんな時は当該プラグインを停止すれば記事を元に戻すことはできるけど、できればせっかくのプラグインを停止するのは避けたいところ。

となると一旦アップデート前のバージョンに戻して不具合が解消された新バージョンを待つのが得策。

そこで紹介したいのが【WP Rollback】というプラグイン。

【WP Rollback】をインストールしておけばアップデートで不具合が起こったプラグインを簡単な手順でロールバックすることが可能になります。

ということで今回はWPのプラグインを簡単にロールバックできるプラグイン、【WP Rollback】の導入方法と使い方について紹介します。

【WP Rollback】の導入方法と使い方

1.【WP Rollback】の導入方法

ワードプレスのダッシュボードで「プラグイン」→「新規追加」と進む。

右上の検索窓に「WP Rollback」と入力。【WP Rollback】が表示されたら「今すぐインストール」をクリック。

インストールできたら「有効化」をクリック。導入はこれで完了。

2.【WP Rollback】の使い方

【WP Rollback】では設定は全く必要ありません。有効化すると各インストール済みプラグインに「Rollback」の項目が追加されるのでこれをクリック。

ロールバック可能なバージョンが選択できる画面へと移行し、現在インストールしているバージョンの横には「installed version」と記されています。

例えばこのプログラムにおいてバージョン1.5が不具合を起こしているならバージョン1.4のラジオボタンをチェックして「Rollback」をクリックすればものの数秒でロールバックされます。

ただし、自分でファイルをアップロードしてインストールしたプラグインとかで【WP Rollback】が対応していないプラグインも一部存在します。

その場合はプラグイン作成者のHPで旧バージョンを公開している場合があるので自分でファイルをアップロードしてロールバックしなくてはなりません。

まとめ

プログラムというものは何にしても、アップデートした時に不具合がおこる可能性があるから正直勇気がいります。

だから僕はテスト用のブログを別に作っておいてアップデートを試して問題無ければ本ブログのプラグインをアップデートするようにしていました。

でもめんどくさいので最近は【WP Rollback】が大活躍！

【WP Rollback】を使いだしてからは各プラグインの更新が怖くなくなりました、おすすめです！

最後までお付き合いいただき、ありがとうございました。

こんにちは！器械いじりや最新テクノロジーが大好きなkensirouです。

僕はこのブログでAmazonや楽天市場の商品リンクを載せるのにリンクボックスプラグインの【Rinker】を使わせていただいてます。

【Rinker】はデフォルトではリンクボタンが「Amazon」や「楽天市場」になっているけど、経験上「Amazonで探す」とか「Amazonで買う」など行動を促すような文字列を追加した方が効果的だと感じます。

だから【Rinker】ではショートコードに属性を追加してリンクボタンの文字列を書き換えることができるようになっているわけだけど、毎回それをやるのはちと面倒です。

そこで「X-サーバー限定」ではありますが、【Rinker】のphpファイルでデフォルトのリンクボタン文字列を変えてしまう方法を紹介します。

また、いつの間にかリンク先が別タブで開かなくなっているので、デフォルトで別タブで開くようにする方法も紹介します。

【Rinker】のカスタマイズ方法

1.リンクボタンの文字列を変える手順

本来【Rinker】ではショートコードに下記の属性を追加することでカスタマイズする仕様になっています。

1. title=”タイトル”
2. size=”L”（写真のサイズでS/M/Lがある）
3. brand=”ブランド名”
4. price=”値段”
5. price_at=”日時”
6. alabel=”Amazonボタンの文言”
7. rlabel=”楽天市場ボタンの文言”
8. ylabel=”Yahooショッピングボタンの文言”

これらの属性は毎回ショートコードごとに追記が必要で、ちょっとだけ面倒。

そこで、下記の手順通りに【Rinker】のphpファイルを書き換えることで属性を毎回追記する必要がなくなります。（X-サーバー限定）

Ｘ-サーバーログイン画面→「ファイルマネージャ」へログイン。

「Rinkerを導入しているブログのドメイン名」→「public_html」→「wp-content」→「plugins」→「y.yi-rinker」とクリック。

「yyi rinker main php」にチェックを入れて「編集」をクリック。

この部分に記載されているのがリンクボタンに表示される文字列になっています。

これらの文字列を「Amazonで探す」などに書き換え、「保存する」をクリックすればOK！ これで毎回属性を指定する必要がなくなります。

2.リンク先を別タブで開くようにする手順

2019年8月10日にリリースされたver1.5.0でtarget=”_blank”が外され、リンクボタンを押した場合にリンク先が別タブで開かれない仕様となりました。

もちろん別タブで開かない方がよい方もいらっしゃるでしょうけど、僕は別タブで開くようにしたいので、下記の方法で設定変更をしました。

「1.リンクボタンの文字列を変える手順」の通りにRinkerのmain phpを開き、「リンクボタン文字列」の少し下にある「//target blankにするかどうか」を探す。

「public $is_target_blank=false;」→「public $is_target_blank=true;」に書き換えて保存。これでデフォルトで「リンク先を別タブで開く」設定になります。

2019年12月追記

ver1.5.8にアップデートするとこの記事のカスタマイズ方法は通用しなくなります。アップデートを控えるか【Rinker】開発支援の申し出により特典を受けていただくようお願いします！

まとめ

今回紹介したmain phpの書き換えによる設定変更は【Rinker】を新バージョンに更新すると元に戻ってしまうので、更新した時は再度やり直す必要があります。

できればRinker設定で「リンクボタンの文字列を変える」と「リンク先を別タブで開くようにする」が変更できるようにしていただけると助かりますが、諸事情によりできないと思われます。

ただ、それを差し引いても素晴らしいプラグインである【Rinker】、これからも使わせていただきたいと思います。

最後までお付き合いいただき、ありがとうございました。

こんにちは！器械いじりや最新テクノロジーが大好きなkensirouです。

ブログ記事にamazonや楽天へのリンクを簡単に、かつカッコよく追加できるWordPress用リンクボックスプラグインの【Rinker】

【Rinker】では商品を検索する際にAmazonのデータベースにアクセスする時にPA-APIというプログラムによるアクセス方法が取られています。

そのPA-APIがPA-API v5へ移行するので「利用者は2019年11月30日までに移行作業を済ませろよ！」とAmazon様から通達があったのが2019年9月のこと。

最初はこの通達を読んでも何のこっちゃ訳わからず、何やら難しい作業が必要なんだろうかと困惑したけど、【Rinker】を使わせてもらっている僕たちは特に難しい作業は必要ないことが分かりました。

少しだけ確認すべき点はありますが、基本的には【Rinker】をPA-API v5対応版に更新するだけでOKなんです。

作成者のやよいさんにはご面倒をおかけすることになりますけど…。

ということで今回はAmazonアソシエイト利用者がPA-API v5へ移行するのに必要な作業について説明したいと思います。

Amazon PA-API v5に移行する手順

1.【Rinker】をアップデートする

【Rinker】のアップデートはWordPressのメニュー「プラグイン」→Rinkerで更新をするだけ。バージョン1.5.5以降の物になっていればOK!

2.環境設定を見直す

画像引用元：おやこそだて

【Rinker】リリース履歴のページには注意事項として「PA-API v5対応のRinkerを利用する場合はcURLがインストールされているかphp設定のallow_URL_fopenがonになっていること」と記載されています。

「cURL」についてはコマンドラインがナンチャラカンチャラと小難しいのでプログラミングの知識がないと無理っぽい。

もしかすると【Wise Builds cURL Options】というプラグインをインストールすれば設定することができるのかも…。

いずれにしても以下の通りにサーバーのphp設定でallow_URL_fopenをonにする方が簡単。

例えばX-サーバーならメニューの「php.ini設定」をクリック。

allow_URL_fopenがonになっていればOK! 「XアクセラレータVer.2」を有効にしていれば自動的にallow_URL_fopenはonになっているようです。

【Rinker】利用者がやらなければいけないのはたったこれだけ。

尚、アソシエイト・セントラルで発行されたPA-API認証キーを利用している場合（ PA-APIページ にアクセスした際に表示されるアクセスキーを利用している場合）は大丈夫だけど、過去にAWSで発行されたAWS認証キー（AWSアクセスキー、AWSシークレットキー）はPA-API v5では使えません。

アソシエイト・セントラルのPA-APIページで新たに「認証キー（アクセスキー、シークレットアクセスキー）」を取得して【Rinker】に登録する必要があります。登録方法は下記の通り。

WordPressメニューの「設定」→「Rinker設定」

アソシエイト・セントラルのPA-APIページで取得した「認証キー（アクセスキー、シークレットアクセスキー）」を登録。

まとめ

以前は僕のブログでリンクボックスは【カエレバ】を使わせてもらってたけどAmazon PA-API問題で楽天市場主体となってしまったので【Rinker】に乗り換えた経緯があります。

今回のPA-API v5移行でまた問題が起きるのではないかと心配したけど、取り越し苦労に終わってホッとしました。

プログラミングに詳しくない者にとっては【カエレバ】より【Rinker】の方が圧倒的に使いやすいので助かります。

【Rinker】製作者のやよいさん、ありがとうございます！

最後までお付き合いいただき、ありがとうございました。

こんにちは！器械いじりや最新テクノロジーが大好きなkensirouです。

ブログにランキング形式で『人気記事』を掲載するために必要なワードプレスのプラグインである【WordPress Popular Posts】 の新バージョンが公開され、ぼくもさっそく更新しました。

するとサイドバーに掲載している『人気記事』の表示がくずれてしまっているではありませんか！！

CSSでカスタマイズしてありますが左側が本来の姿で【WordPress Popular Posts】アップデート後が右側。

表示タイプを「タイトルを重ねた大きなサムネイル」に設定しているのにタイトルがサムネイル画像に重ならず、あろうことかサムネイル画像の上と下に分かれてしまうという不格好さ！

HTMLに詳しい人ならチョチョッと手直しできるんでしょうけど、僕みたいにド素人に近い者には無理な話。

ということは解決策は一つしかありません。

そう【WordPress Popular Posts】を旧バージョンにロールバックする方法。

それで【WordPress Popular Posts】の旧バージョンを探してみるけど見つからない！

かなり焦りましたけど最終的には【WordPress Popular Posts】の旧バージョンを入手してロールバックすることで『人気記事』の表示を元に戻すことができました。

ということで今回は【WordPress Popular Posts】の旧バージョンの入手方法とロールバックの仕方について説明したいと思います。

WP Popular Postsをロールバックする方法

1.旧バージョンの入手方法

まずはワードプレスのプラグインのページへ行き、ダウンロードボタンの上で右クリック→「リンクのアドレスをコピー」をクリック。

コピーしたリンクのアドレスをアドレスバーに貼り付け、最後の方にある5.0.0.→4.0.0.に書き換えてEnter

これで旧バージョンの「wordpress-popular-posts.4.0.0.zip」をダウンロードすることができます。

2.WordPress Popular Postsのロールバック手順

まずはインストールされている最新バージョンのWordPress Popular Postsを「停止」→「削除」と進むわけですが、後で設定をし直さないといけないので設定内容は事前に書き留めておきましょう。

続いて最上部にある「新規追加」ボタンをクリック。

「プラグインのアップロード」ボタンをクリック。

「ファイルを選択」→ダウンロードしておいた「wordpress-popular-posts.4.0.0.zip」を選択→「今すぐインストール」

インストール完了後「プラグインを有効化」をクリックすれば終了。あとは書き留めておいた通りに設定を変更。

無事に元通りの表示にすることができました。

まとめ

ワードプレスのプラグインは頻繁にアップデートが行われるけど、結構な頻度で不具合がおこるから怖い！

特にキャッシュ系のプラグインが不具合を起こすと致命的なエラーが起こることも…。

だから僕は新バージョンが公開されてもすぐにはアップデートしないことにしています。

それでも常に最新バージョンにしておきたいならテスト用のブログを一つ作っておき、そちらで不具合が起こらないか試してからアップデートするのがおすすめ。

またはアップデート後に不具合が起きてもすぐにロールバックできる【WP Rollback】というプラグインをインストールしておくとよいでしょう。

【WP Rollback】の使い方は「ワードプレスのプラグインを簡単にロールバックする方法！

」で紹介しています。

最後までお付き合いいただき、ありがとうございました。

Image by cloudlynx on Pixabay

こんにちは！器械いじりや最新テクノロジーが大好きなkensirouです。

ブログでアマゾンや楽天市場の商品へリンクを作成する時に【カエレバ】を使っている方は多いと思います。

ところが2019年1月からAmazonPA-APIの利用ポリシーが変更になり【カエレバ】でアマゾン経由の商品検索ができなくなってしまいました。

そこで【カエレバ】の代替として僕が導入したのが【Rinker】というワードプレス用プラグイン。

こうな感じのリンクボックスで、ご覧になったことがある方も多いのではないでしょうか。

【カエレバ】と比較してみると【Rinker】の方が圧倒的に使いやすく、HTMLの知識が無くてもある程度のカスタマイズが簡単にできます。

そこで今回は【カエレバ】と比較しながら【Rinker】をおすすめする理由と、簡単な使い方についてお伝えします。

【Rinker】の導入方法については紹介している記事がたくさんあるのでここでは割愛させていただきます。

Rinkerをおすすめする理由

1.商品検索とリンクボックス作成が超簡単

【カエレバ】はリンクボックスを作成するのに少し手間がかかるけど【Rinker】は下記の通り超カンタン！

【Rinker】をインストールしたら投稿の編集ページに「商品リンク追加」というツールボタンが追加されます。

「商品リンク追加」をクリックして商品名かアマゾンのASINで検索→いくつかの該当商品を表示→目的の商品の「商品リンクを追加」ボタンをクリックすればショートコードが記事に貼り付き終了。

たったこれだけ！

アマゾンでHTMLコードなどを取得する必要がないので、商品名さえ分かっていれば投稿の編集画面内でリンクボックス作成作業が完結できるという簡単さ！

また直近に検索した20商品くらいはリスト表示されるので、同じ商品を再度掲載する時も超カンタン！

過去に掲載した商品もダッシュボード中の「商品リンク」から探すことができ、ショートコードをクリックしてコピーしたものを記事に貼り付ければOK。

2.長いHTMLが必要ない

カエレバでアマゾンと楽天へのリンクを作成した場合、HTMLはこんな長さに！

【Rinker】ならたったこれだけ！！

おまけにこのショートコードはテキスト画面ではなくビジュアル画面の方に貼り付けるので、面倒な「テキスト」⇔「ビジュアル」の切り替え作業も不要！

ただしプレビュー画面を見ないと表示を確認できないのが唯一の難点？

3.リンクボタンの追加・削除が簡単

デフォルトではリンクボタンが「Amazon」と「楽天市場」、「Yahooショッピング」の3つですが、リンクボタンを4個まで追加可能。

また逆にリンクボタンを削除するのも簡単で、やり方は下記の通り。

リンクボタンを追加する手順

「登録済み商品リンクから検索」→「リンク編集」

またはダッシュボードの「商品リンク」→「商品名」をクリック

リンク編集画面で「ボタン名」と「リンク先URL」を追記して保存ボタンをクリック。

このようにアマゾンや楽天のボタンの前と後ろに2個ずつリンクボタンを追加可能。

公式HPから購入する方がユーザーにとってお得なら、公式HPへのリンクボタンを追加してあげた方が親切だしお互いにメリットがあると思います。

リンクボタンを削除する手順

例えばアマゾンでしか取扱いがない商品を掲載する場合は楽天市場とYahooのリンクボタンは消しておかないといけません。

その場合は「楽天ボタン用URL」と「Yahooボタン用URL」を削除して保存するだけ。

このようにAmazonのリンクボタンだけにすることが可能。

お客様がリンクボタンで飛んだ先に商品が無いとブログの信用性を疑われることにもなりかねませんので、面倒でもやっておくべき作業。

まとめ

カエレバはカスタマイズ性の高さから支持されているブログパーツですが、【Rinker】も必要最低限のカスタマイズ性は備わっています。

またHTMLに詳しくない方にとっても【Rinker】の方が使いやすいのは間違いありません。

カエレバでアマゾン検索ができるようになっても多分戻ることはないだろうと思うほど【Rinker】の使い勝手は良好！

Rinkerのダウンロードはこちらから

【Rinker】をもっと使い易くカスタマイズする方法は「Rinkerのリンクボタン文字列を変更＆別タブで開くようにする方法」で紹介しています。

最後までお付き合いいただき、ありがとうございました。

こんにちは！器械いじりや最新テクノロジーが大好きなkensirouです。

ブログ上でおすすめの商品を紹介する時にすごく便利なブログパーツの【カエレバ】や【Rinker】

【カエレバ】も【Rinker】も商品検索のメインサイトはアマゾンでしたが2019年1月にアマゾンのPA-APIの利用ポリシー変更が行われたため、【カエレバ】のメイン検索サイトが楽天に変ってしまいました。

2019年2月現在、「カエレバ風」というつなぎのツールを用意していただいていますが「もしもアフィリエイト」経由でないと使うことができないため、直でアマゾンアソシエイトをやっている方にとっては不便なものとなっています。

そのため【カエレバ】から【Rinker】に乗り換える方も多いのではないでしょうか。

そういう僕も【Rinker】に乗り換えるべく【カエレバ】を【Rinker】に変更する作業をしていたところトラブルが発生！

「リクエスト回数が多すぎます」というエラーが出てアマゾンの検索ができなくなってしまいました。最終的には解決できましたがアマゾンで検索ができないことにはかなり焦りました。

ということで今回はRinkerの「リクエスト回数が多すぎます」エラーについて、事象の解説と解決方法についてお伝えしたいと思います。

Rinkerの「リクエスト回数が多すぎます」とは？

「リクエスト回数が多すぎます」のエラーが発生する原因は主に下記の2つ。

1.該当商品の検索がうまくいかなかった時
2.検索回数制限に到達してしまった時

1については検索キーワードを変えたりASIN検索をすれば大丈夫。

2の「検索回数制限」に到達してしまった場合、しばらく時間を空けると検索可能になる場合もあります。

しかし問題なのはいくら時間を空けてもアマゾンで検索が全くできなくなってしまった時。

この「検索回数制限」というのは簡単に言うと、「商品を大して売ってくれるわけでもないのにサーバーに負担がかかる検索を何回もするんじゃね～よ！」とアマゾン様が検索回数に制限をかけているのです。

厳密に言えばPA-APIで取得したURL経由での売上が上がっていないから。

僕の場合は【カエレバ】から【Rinker】に乗り換えた日に20アイテムほど検索したところでエラーとなり、それから4～5日間はアマゾンでの検索が全くできませんでした。

その時に行ったPA-API経由での売上を確認する方法は以下の通り。

「アマゾン・アソシエイト」にログインして「今月のレポート」の中の「レポートの詳細をみる」をクリック。

「リンクタイプレポート」タブの「PA-API」の欄で売り上げが上がっているか確認する。

ここで売り上げが0のままだと検索回数制限が解かれることはありません。

再度アマゾンで検索できるようにするには？

再度アマゾンで検索ができるようするために、まず行っていただきたいのがRinkerの設定変更。

ワードプレスならダッシュボードの「設定」→「Rinker設定」とクリック。

「Rinker設定」→「設定」→「基本設定」→「商品情報の再取得」で「価格を非表示にする」にチェックを入れ、「再取得をしない」にして設定を保存。

その後にPA-API経由での売り上げが発生すれば検索制限が解かれます。

それからもコンスタントにPA-API経由で売り上げを発生させ続けていかなければ再度検索制限がかかってしまう可能性があります。

まとめ

なかなか厳しいルールですけどサーバーにムダな負荷がかかることを避けるためにはしょうがない措置なのでしょう。

再度検索回数制限がかかってしまわないように、できれば「商品情報の再取得」はしないように設定した上で極力ムダな商品検索を避けた方が無難。

毎日コンスタントにアマゾンで売り上げが発生している方には関係ない話でしょうけど…。

最後までお付き合いいただき、ありがとうございました。

こんにちは！器械いじりや最新テクノロジーが大好きなkensirouです。

ブログの投稿を始めてから約1年。僕のブログもやっとこさ常時SSL化を果たしました。

「さぁ、これでページの読み込みも少しは早くなるだろうし、Google様からの評価も上がってくるだろうから楽しみだな～！！」と思っていました。

ところがッ！！　なんとユーザー数とページビュー数ともに激減！！

約3割ほども落ち込む事態に陥ってしまいました。

ググってみると「一時的に落ち込んだ」、「落ち込んで元に戻らない」、「全然落ち込みは無かった」と様々な報告があります。

同じような経験をしている方が結構いらっしゃることに驚くとともに安堵感も覚えました。

そこで、今回は同じような境遇に立たされた方の一助になればと思い、僕なりの原因の探り方とその後に施した対策についてお伝えしたいと思います。

常時SSL化後のユーザー数とPV数の動き

このように11月8日にSSL化してから3日くらいは変化が無かったのですが、4日目くらいからどんどん減っていきました。

そして11月19日にBingでサイト移転の手続きをしてから4日後くらいから復活してきました。

そう、Bingの「サイト移転」をやっていなかったのがユーザー数激減の原因だったのです。

見事に「Internet Explorer」と「Edge」におけるユーザー数の変化と合致しています。

特に「Internet Explorer」の変化と合致しています。

これは意外だったのですが、まだ「Internet Explorer」を使っている方がこんなに沢山いらっしゃるんですね。

「Edge」がデフォルトのブラウザーになったのはWindows10からなので、Windows 8以前のWindowsを使っている方がまだまだ多いということになります。

このあたりの認識が誤っていたために今回のようなユーザー数激減につながってしまったようです。

一方の「Google Chrome」のユーザー数にはほとんど変化が見られません。

グラフから考察してみた

グーグル・アナリティクスのデータを見てみると明らかに「Internet Explorer」と「Edge」からのアクセスが減っています。

「Internet Explorer」と「Edge」といえば検索エンジンはBing！

Bingのウェブマスターツールのグラフを見てみると一目瞭然！ そもそも表示件数が激減しているのでクリックのされようがない。

僕のブログはWindows関連の記事が多く、パソコン初級者～中級者向けに作成しているので「Internet Explorer」と「Edge」からのアクセスが多いのも納得のいくところ。

Bingウェブマスターツールでサイト移転

Google Serch Consoleの方はhttpsのURLを新規で登録するだけでいいのですが、Bingは「サイト移転」の手続きをしないと検索結果に大きな影響が出ることが分かりました。

手続きは簡単ですので説明いたします。

ダッシュボード左側メニューの下の方に「サイト移転」という項目があります。

このようにソースにhttpのURL、移動先にhttpsのURLを入力して「送信」ボタンを押すだけです。下に移動先としてhttpsのURLが表示されていれば完了。

ページトラフィックにhttpsのページが増えていき、最終的にはhttpsのページだけになると思われます。

まとめ

今回ばかりはマジであせりました。

せっかく上り調子だったのにいきなりユーザー数とPV数が激減した訳ですから。

ただ、不思議に思ったのはアドセンスのPV数も確かに減ってはいるのですが、広告のクリック数や収益にはさほど影響が出ていないんです。

「もしかするとグラフ上の見かけの数だけが減っていて、実際の閲覧数は減っていないのでは？」と思ったりもしました。

でも「収益が激減した！」という方もいらっしゃるので、実際のところは分かりません。

いずれにしてもSSL化したらすぐに大手の検索エンジンで移行手続きをすることが重要であることは間違いありません。

最後までお付き合いいただき、ありがとうございました。

こんにちは！器械いじりや最新テクノロジーが大好きなkensirouです。

FC2ブログやライブドアブログなどの無料ブログサービスは沢山のテンプレートが用意されているので、よほど凝ったものを作ろうとしなければ特に知識が無くてもブログを始めるのは簡単です。

そして、ブログ作成し始めると絶対にやりたくなるのがヘッダー画像の変更。

自分らしいブログにして他のブログと差別化を図りたくなるのは当然のことですね。

ところが無料ブログの場合はワンタッチでヘッダー画像を変更できる機能が無いことも多く、自分でHTMLやCSSを書き換えてカスタマイズする必要が出てきます。

そこでこの記事ではFC2ブログのヘッダー画像をカスタマイズする手順を詳しく紹介したいと思います。

FC2ブログのヘッダー画像のカスタマイズ手順

1.ヘッダー画像の入手

まずはヘッダーに使用する画像の用意が必要ですが、すでに用意してあるならここは読み飛ばしてください。

自分で撮影した写真を使うのが一番オリジナリティがあって良いと思いますが、そのような写真が無い場合は著作権フリー画像で良い物を探さなくてはいけません。

無料で著作権フリー画像を提供しているサイトはいくつかありますが、僕がよく使わせてもらっているのがpixabayです。

今回はpixabayで「ヘッダー」で検索して、適当な画像を選んでみました。

FC2ブログの場合はデフォルトでヘッダーの幅は800pxくらいなので、それよりも幅が広いサイズの画像をダウンロードします。

2.画像のアップロード

「ファイルアップロード」を選択して、「ファイル選択」ボタンを押して画像を選ぶか画像をドラッグ＆ドロップして「アップロード」ボタンを押します。

3.CSSの書き換え

「テンプレートの設定」を選択して、今回はbasic_whiteのテンプレートでやってみます。

まずは「ファイルアップロード」を選択して、ヘッダーに使用する画像のURLをコピーします。

次に、「テンプレートの設定」を選択して、「スタイルシート編集」の「Header」を探して、url（https://~）のかっこ内のURLを消してコピーしたURLを貼り付けます。

最後に「更新」ボタンを忘れずにクリック。

デフォルトはこんな感じできわめてシンプルなヘッダーですが、画像を設定すると、

⇓

このようにまったく違った雰囲気になります。

画像の幅や高さを変える場合は

height: 200px;
width : 920px;
background-position: center;
margin-left : auto;　margin-right : auto;

と書き加えることで画像の「高さ、幅、写真の真ん中部分を使う、中央に表示」を指定できます。

サイズなどを指定するとこんな感じになります。

画像の下、記事との間にすき間を入れたい場合は「margin-bottom : 10px」などで指定します。

画像の幅を画面いっぱいにしたい時は「width : 100%;」とすればOK！

4.CSSにバックグラウンド画像のURL指定部分が無い場合

どなたかがカスタマイズしてアップしているHTMLとCSSを使う場合、公式テンプレートと少し違う構成になっていることがあります。

そのため、画像のURLやサイズ指定をする部分が無いときがあります。

このようにCSSにヘッダー画像のURLやサイズの指定部分がなければ以下のように自分で追加しましょう。

#header {
background-image: url();
height: 190px;
width:100%;
background-position: center;
margin-left : auto;　margin-right : auto;
}

このような指定をCSSに追記し、urlの後の（）内に画像のurlを貼り付け「更新」ボタンを押してプレビューを確認。

もしこれで指定が反映されない場合はHTMLの方も確認します。

このようにHTML側でCSSを呼び出す部分があります。

そこに<div id=”header”>を追記すればCSSに追記した画像の指定を反映させることができるはず。

画像が反映されたら画像の高さや幅を調節しましょう。

まとめ

今回偉そうに手順を紹介しましたが、僕もHTMLにそれほど詳しいわけではなく、色々と試して見つけた手順になります。

自分でカスタマイズして思った通りに飾り付けできた時は嬉しいものです。

バックアップさえしていれば失敗は怖くないので、皆さんもぜひカスタマイズに挑戦してみてください。

最後までお付き合いいただき、ありがとうございました。