見出しタグにまでも、虫眼鏡と文字リンクが付いています

現象

ブログ記事内の特定の単語が「(虫眼鏡のマーク)○○」という表示になっており、そこをクリックすると検索結果画面の様な画面が表示されます。自分で設定した覚えがなく、勝手に設定されています。

「パソコン」をクリックすると、

「スマホ」をクリックすると、

商品の広告ページが表示され、購買に繋げられるようです。つまり、商品に繋がる様な記事(文字)の場合は、虫眼鏡と文字リンクが設定されるようです。ちなみに、次の様な記事には虫眼鏡と文字リンクが設定されません。商品に繋がる文字がないからです。(文字があったとしても、記事の中でどのくらい出力しているか等のアルゴリズムによって設定の有無は決まっている感じです)

原因

勝手に青い検索バーがつく原因は、Google Adsenseが提供しているインテント広告です。

インテント広告には、「広告インテントリンク」と「広告インテントアンカー」の2つがあり、自動的に検索バーがつくのは「広告インテントリンク」です。ページ下部にアンカー広告の様な表示がされるものは、「広告インテントアンカー」といいます。
この広告は2024年4月16日に始まったばかりの広告ですが自動広告の設定をオンにしている場合、新広告の配信に合わせて勝手に表示されてしまうというわけです。おそらく何等かの設定などの際に内容を確認しないで設定していたのでしょう！

対処

インテント広告を消すには、アドセンスの管理画面上からインテント広告をオフにします。

広告インテントの変更

「広告」のクリック

アドセンスの管理画面から「広告」をクリックして、「サイトごと」タブを選択します。

編集ボタンのクリック

「サイトごと」タブから、インテント広告を停止したいサイトの横にある編集ボタン(鉛筆マーク)をクリックします。

「インテント重視のフォーマット」の選択

「インテント重視のフォーマット」を選択します。

「広告インテント」のチェックを外す。

「広告インテント」のチェックを外します。(チェックを外すと詳細オプションのチェックも外れます。)

「戻る」ボタンのクリック。

チェックを外したら、「戻る」ボタンをクリックします。

「保存」

最後に「サイトに適用」を押して、「保存」を押下すれば変更完了です！

広告インテントの確認

変更の結果、虫眼鏡と文字リンク、そして青い検索バーは消えました。

現象と原因

現象

pagespeed insightで、携帯電話のパフォーマンスが48という非常に悪い結果となりました。

原因

その大きな原因の1つとして「第三者コードの影響を抑えてください」と指摘されています。「メインスレッドが2,080ミリ秒間ブロックされました」となっていて、その内訳を見ると、「Google AdSense広告」である「Google/Doubleclick Ads」が大半を占めています。つまり”第三者”とは、ここではGoogleAdSense広告なんです。

対処と結果

対処

GoogleAdSense広告を止めるわけにはいかないので、遅延読み込みをさせて対処します。ページにアクセスすると同時に広告を表示させるのではなく、ページが読み込まれた後にスクロールされたら広告が表示されるようにします。

Googleアドセンスの読み込みを遅延化する方法としては以下の2つだけです。

• 「GoogleAdSenseの自動広告タグのコードを消去」(コードの一番上を消す。)
• HTMLファイルの直前に遅延化用のコードを追記する。

但し、Cocoonでは、広告タブにGoogle AdSenseのコードが設定されていると、GoogleAdSense用のJavaScriptが/tmp/footer-javascript.phpで出力されていますので、これを編集することが必要です。

それでは、ここから使用しているWordPressテーマのcocoonで解説します。

GoogleAdSenseの自動広告タグを削除

まず、GooglAdSenseの自動広告タグのコードを消去します。自動広告タグは、次のコードです。

設定されている「広告コード」から削除します。Cocoonでは次の通りです。

HTMLファイルのの直前に遅延化用のコードを追記する

cocoon設定で、「アクセス解析・認証 – フッター用コード」でJavaScriptの遅延読み込みコードを設定します。

[ 遅延化コード ]

<script>
//<![CDATA[
//lazy load ads
var lazyloadads = false;
window.addEventListener("scroll", function() {
    if ((document.documentElement.scrollTop != 0 && lazyloadads === false) || (document.body.scrollTop != 0 && lazyloadads === false)) {
        (function() {
            var ad = document.createElement('script');
            ad.type = 'text/javascript';
            ad.async = true;
            ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';
            var sc = document.getElementsByTagName('script')[0];
            sc.parentNode.insertBefore(ad, sc);
        })();
        lazyloadads = true;
    }
}, true)
//]]>
</script>

footer-javascript.phpの修正

Cocoonでは、広告タブにGoogle AdSenseのコードが設定されていると、GoogleAdSense用のJavaScriptが/tmp/footer-javascript.phpで出力されています。そこで/tmp/footer-javascript.php22行目付近の「ADSENSE_SCRIPT_CODE」をコメントアウトさせなければなりません。

footer-javascript.phpの修正は、アップデート対応として親テーマ内のfooter-javascript.phpを直接修正するのではなく、子テーマで行います。

親テーマのfooter-javascript.phpをコピー

子テーマ内に「tmp」というフォルダを作成

footer-javascript.phpをコピー

footer-javascript.phpの修正

親テーマから子テーマへコピーしましたので、子テーマのfooter-javascript.phpを修正します。22行目の「echo ADSENSE_SCRIPT_CODE;」をコメントアウト(行頭に//を追加)します。

結果

「メインスレッドが2,080ミリ秒間ブロックされました」となっていたのが、390ミリと改善されました。

そして、パフォーマンスも大きく改善されました。

「Googleは、2018年12月にクロールされていないURLから届く広告リクエストについて、入札をより厳しく制限する方式を導入する広告配信仕様変更を行った。」とのことです。
多くの広告クローラのエラーは、過去に削除して現在は存在しないページと公開前の記事のプレビューで発生しています。が、この場合は特に対処の必要はないようです。つまりプレビューでは公開前の記事であるため、外部からのアクセスは遮断されますが、どのURLから広告にアクセスされたかをクローラが検知して、コンテンツ内容を確認しようとして、そのURLにアクセスすると拒否されてエラーとなっているということなので、記事が公開された時点では、正規のURLへリダイレクトされますので対応は必要ないということなのです。
今回のエラーはすこし状況が異なりましたので、どのように対処してよいのか?色々と悩みましたが、何とか対応して、2週間位で解除となりましたので、その実際を紹介します。

広告クローラとは
クローラは、ウェブページのコンテンツの解析とインデックス登録に使用されるソフトウェアで、スパイダーまたはボットとも呼ばれます。AdSense クローラは、関連性の高い広告を配信するため、サイトにアクセスしてコンテンツを分析します。
・クローラ レポートの更新は週 1 回です。
・AdSense クローラは Google クローラとは異なります。
・AdSenseクロールの問題を解決しても、Googleクロールの問題の解決にはなりません
・クローラは URL単位でインデックスを登録します。
・クローラは Google の広告タグが実装されている URL にのみアクセスを試みます。
・クローラはリダイレクト元のページにアクセスを試みます。
・クローラがサイトにアクセスする頻度は調整できません。

(GoogleAdsenseヘルプより)

[ 更新履歴 ]

2021.10.16　
2021.10.12 広告クローラのエラー発生が発生して、2021.10.16 にエラー解除となりましたので、その経緯と原因について追記しました。

広告クローラのエラー(ケース1)

現象

アドセンスにログイン

googleアドセンスにログインすると、

サイトは、gungii.comで、問題のあるページは1ページとの事。

対象ページの確認

表示されているgungii.comの行をクリックすると、

gungii.com/xx/xxxxxxxx.xxx?page=theme-settingsにアクセスできないとの事。つまり、Cocoonの設定ページにアクセスできないとの事。

原因

「詳細」をクリック

「詳細」をクリックすると原因(何故?アクセスできなかったのか?)と考えられる内容の一覧が表示されます。

考えられる原因一覧

「詳細」をクリックすると、以下のような一覧表が表示されます。今回の場合、考えられる原因はA,B,Cです。

対策

プラグインを削除

まずAですが、今回、「Flying Scripts by WP Speed Matters」というプラグインを使って、Adsense広告の表示を2秒遅らせるようにしました。これが、原因とは思われませんが、一応、疑ってかかり、「Flying Scripts」のプラグインを削除し、2秒遅らせる制限を解除しました。
2021.09.21
「広告クローラのエラー」が解除されましたので、サイトスピードのアップの為、再度同プラグインを導入して、「使用していないJavaScriptの削除」対策を行いました。(エラーとなれば、それが原因となりますので観察します。)

特になし(クローラの認識を待つ)

次にBですが、ブログ記事を2日連続で投稿しました。つまり新しいページのURLをクローラが認識する前に、その記事のアドセンス広告を表示しようとしますが、URLがわからない為、Cocoonの設定画面にアクセスできないという状態ということでしょうか?でも、これまでも同様のことは発生していますので、これも違う気がします。

リダイレクトを削除

そして最後にCですが、最近gungii.comのブログ記事を分離、一部をgungii.siteへ移動させましたので、リダイレクトを多用しています。(gungii.com→gungii.site)広告コードも埋め込んでいますが、リダイレクトの多用が最も怪しいので削除しました。
2019.09.07
リダイレクト処理そのものを止めました。「301Redirects」というプラグインで行っていましたが、プラグイン自体を削除してリダイレクトを止めました。

結果

2021.08.25から表示されていたメッセージが2021.09.10やっと消えました。原因は何だったのか？はわかりません。やはりリダイレクトの多用の様に思います。

広告クローラのエラー(ケース2)

現象

アドセンスにログイン

googleアドセンスにログインすると、

サイトは、gungii.siteで、問題のあるページは2ページとの事。

対象ページの確認

表示されているgungii.siteの行をクリックすると、

gungii.site/?page_id=11476&preview=true
つまり、page-id=1476のフレビューした固定ページが見つからないとの意味の様です。

原因

上記の通り、「人事評価シート_LP」という固定ページは、公開せずに下書き保存したままプレビューを繰り返していましたが、プレビュー画面ではアドセンス広告も表示されるようになっていました。つまりプレビューでは公開前の記事であるため、外部からのアクセスは遮断されますが、どのURLから広告にアクセスされたかをクローラが検知して、コンテンツ内容を確認しようとして、そのURLにアクセスすると拒否されてエラーとなっているということなのです。公開前の記事のプレビューで発生していますので、特に対応は必要ないということなのです。

対策

記事は未完成ですが、このエラーは下書き保存のままだと、消えませんので公開しました。

結果

2021.10.12から表示されていたメッセージが2021.10.16やっと消えました。

ページ速度の計測(改善前)

GoogleAnalyticsの「ページ速度の測定」は、PageSpeed InsightsやGTmetrixとは異なる測定方法をしているので注意が必要です。アクセスしてきたユーザの通信状況なども加味された上で測定されますので、スペックの低いデバイスでアクセスしたユーザーや、地下等の電波の繋がりにくい場所で閲覧したユーザ等のデータも含まれています。また、GoogleAnalyticsはサイトの閲覧者が読み込んだ全てのページの表示スピードを計測しているわけではありません。GoogleAnalyticsのデフォルトの設定では、ユーザーの数%、最大で10,000PVをサンプルとして抽出したデータを元に、ページ速度の指標データを算出しています。例えば1日に1,000PVのページの場合、1％にあたる10PVのみが抽出されてデータが提供がされます。作成したばかりのページでPVはあるのに平均読み込み時間の数字が0の日があるのはそのためです。実際のページビューと、サンプルとなったページビューの数が異なっていますので、確認下さい。

ページ速度の計測

アナリティクスの起動

サイト速度の確認

「行動」→「サイトの速度」→「概要」をクリックします。

ここでは、ページの読み込みに平均6.38秒を要し、サーバーからの応答に0.12秒を要しています。この平均から剥離しているページがないかどうかを探っていきます。

ページ速度の確認

「行動」→「サイトの速度」→「ページ速度」をクリックします。

拡大すると

見方は、サイトの平均表示時間を基準にして、左に緑のボーダーで出ていれば平均よりも速く、右に赤のボーダーとして出ていれば平均よりも遅いことになります。上からPV数の多い順なので、上のほうにある遅いページから順に速度改善していきます。

ページ速度の改善

赤のボーダーとなっているサイトの画像を全て、圧縮して入れ替えました。最近のブログ記事では、投稿する画像をまず「tinypng(tinyjpg)」で圧縮した後、投稿して、プラグイン「EWWW Image Optimizer」でwebpに変換するという手順を踏んでいますが、少し前までのブログ記事では、「tinypng(tinyjpg)」で圧縮することを行っていませんでしたので、今回、圧縮した画像でアップロードし直しました。
ここでは、パーマリンク:outlook-infoのページの改善後を確認してみます。

ページ速度の計測(改善後)

ページ速度の計測

画像を圧縮した改善後のページ速度を計測してみました。

サイト速度の確認

ページ速度の確認

outlook-infoのサイトは、昨日は赤のボーダーで123.39%でしたので、本日は50.26%に改善されています。(昨日、画像の圧縮を行いました。)
注意:
読み込み時間は、平均なので本日の読み込み時間が改善したからといって、赤のボーダーが緑になることはありません。

詳細の確認

URLをクリックします。

デフォルトの設定では、ユーザーの数%、最大で10,000PVをサンプルとして抽出したデータを元に、ページ速度の指標データを算出しています。ここでは、67PVのみが対象となっていますので、数字=0ということは、本日は、このページは対象となっていないということです。

「分布」の確認

「分布」タブをクリックします。

平均読み込み時間が「11.07秒かかった」というデータのサンプル数が3となります。2021.09.08、2021.09.09、2021.09.10の3PVが対象となって算出されています。

留意:
サイト速度のレポートにおいてその根拠となっている数値は、サイトを訪問したユーザー全員から取得したものではなく、ここでは3PVでのサンプリング数値になっています。今回このページ(outlook-info)は、画像を圧縮することで少し改善されましたが、ページに原因らしきものが見当たらない場合は、電波の繋がりにくい場所等で閲覧したユーザーや、スペックの低いデバイスでアクセスしたユーザーがサンプルとして含まれている可能性もありますので、注意しながらPageSpeedInsightと併用して、改善することが大切です。

例:
例えば、以下のページ(how-email)は、テキストのみのサイトで、テキストも少ない為、サイトスピードが遅くなる理由は全くありません。
電波の繋がりにくい場所等で閲覧したユーザーや、スペックの低いデバイスでアクセスしたユーザーの1PVがサンプルとして収集されたと思われますので、改善のしようがありません。

口座情報の入力

「操作」のクリック

メッセージを見ると、「手続きが必要」との事で、「操作」をクリックします。

「更新」をクリック

「お支払いの基準額を100%達成したので、収益を受け取ることができる」との事。「更新」をクリックします。

「お支払い方法を追加」をクリック。

口座情報の入力

入力し終えたら、「保存」をクリックします。

「ＯＫ」のクリック

以下のような確認画面が表示されましたら、「ＯＫ」をクリックします。

口座情報の入力完了

これで、口座情報の設定は完了しますので、あとはデポジットの振込を待ちます。2～3日後に、設定した口座にGoogleから、いくらか入金がありますので、その入金額を入力して、入力した口座情報に間違えないことを知らせます。

デポジットの振込確認

入金の確認

口座情報の入力の翌日、Googleから38円の入金がありました。

googleアドセンスを起動

「今すぐ確認」をクリック

以下の画面が表示されますので、振り込まれた額をリストボックスから選択して、「確認」をクリックします。

「ＯＫ」をクリック

「確認」をクリックすると、以下の画面が表示されますので、「ＯＫ」をクリックします。

お支払い方法の変更

「メインのお支払い方法が選択されていません」と表示されていますので、お支払い方法を「なし」から「メイン」に変更して、手続きは完了です。

初めての入金

2017.10.23日、ついにGoogleアドセンスから収益10,050円の振込がありました。2016.08.26日ブログを開始して、2017.05.20日収益が1,000円となり、2017.10.23日収益が10,050円となりました。いやーうれしいですね。