[Blogger] moreタグにアドセンスコードを挿入する方法
メインブログをBloggerに変更して1年が経過しました。
Awesome Inc. テンプレートをそのまま使用していた頃に比べると、スタイルシートの活用やスクリプトの導入などにより見栄えや使い勝手がよくなりました。
アドセンス で収益を上げることができるかを検証する目的で Gooブログから Blogger へ移行したので、カスタマイズは アドセンス に関係するものが多くなっています。
moreタグをアドセンスコードに置換するスクリプトを設置して以降クリック率が格段に向上したので、Blogger で アドセンス をやってみようと考えている方にお勧めしたい情報です。
この記事は、以下の情報があります。
- タイトル変数の調整
- タイトルの下にもラベルを表示
- ヘッダやウィジェットの余白を調整
- クロールエラーを修復
- 構造化データエラーを修復
- robots.txt を修正してGoogleインデックスカバレッジに対応させる
- 関連記事を表示するスクリプトを設置
- more を アドセンス に置換
見た目を改善してアクセシビリティを向上させる
<title>～</title>
タイトル変数を修正すると、Google などで検索した時に [記事のタイトル：ブログ名] の順序で表示させることができます。
併せて、タイトルの下にラベルを表示すると使い勝手がよくなります。
- タイトル変数の調整
- タイトルの下にもラベルを表示
- ヘッダやウィジェットの余白を調整
タイトル変数の調整
上の画像は [ブログ名：記事のタイトル] の順序で表示されている場合のスナップショットです。
Awesome Inc. テンプレートは <title>[ブログ名：記事のタイトル] </title> の並びになっているので、ブログ名が長い場合は Google などの検索結果にブログ名しか表示されない状態になる可能性があります。
ブログ名が長い場合はタイトル変数を調整することをお勧めします。
Awesome Inc. を開いて <title>～</title> の中に定義されている変数を入れ替えるだけでタイトルを変更することができます。
<title><data:blog.pageName/> :<data:blog.title/></title>
この並びにすると、Google検索結果が [記事のタイトル：ブログ名] になるので、ユーザーは記事を探しやすくなります。
タイトルの下にもラベルを表示
Awesome Inc. は投稿記事の最後にラベルが表示されますが、タイトルの下にもラベルを表示させることができます。
通常は本文を読んだらさらにその下までスクロールすることは少ないので、ラベルをタイトルの下に設置するとアクセシビリティを向上させることができます。
ヘッダやウィジェットの余白を調整
当方のブログは 1024×768 のノートPCで閲覧できるように、ブログの横幅やウィジェット間の予約などを調整しています。 Related post
Google Search Console 対策
Google Search Console には、Awesome Inc. テンプレートに起因するエラー「構造化データエラー」が記録されていました。エラーを修正すると Google のクローラーに正しい情報を提供できるようになるので、検索結果にいい影響を与えることができる可能性があります。
併せて、Blogger の robots.txt は、/search 以下をクロール拒否する設定になっているので内容を確認しておきましょう。
クロールエラーを修復
Blogger の自動パーマリンクは、記事のタイトルと投稿日から自動的に投稿記事のURLを生成する仕様になっています。
従って、Blogger の自動パーマリンクが有効になっている状態で、ブログを投稿した月とは異なる月に記事を修正した場合やタイトルを変更した時は投稿記事のURLが変わります。
Google Search Console に記録されるクロールエラーは、Blogger の自動パーマリンクに起因するエラーが多数を占めています。
URLが自動的に変更されているためクロールエラーの対象記事を探すのが困難なこともありますが、Blogger の転送機能を利用して新しいURLへ自動的に転送させることができます。
構造化データエラーの修復
Awesome Inc. テンプレートは次の規格を採用しています。- 構造化データの規格：schema.org
- シンタックス：microformats.org (hentry)
しかしながら、Awesome Inc. テンプレートは Google クローラーが指標としている schema.org が規定するいくつかのフィールド、メタタグが存在しないので Google Search Console では構造化エラーとして記録されています。
Awesome Inc. を修正するとエラーが記録されないようになります。
robots.txt を修正してGoogleインデックスカバレッジに対応させる
Blogger に付属する robots.txt は、そのまま利用すると Google Search Console からエラー警告を受けます。
具体的には、/search/label/xxx.html のコンテンツに Googleクローラがアクセスできないと警告されます。
しかしながら、Google クローラーはインデックス処理を実行するのでこの警告はスルーしても問題ありませんが、警告が記録されないように対応することは可能です。
Javascript の導入
関連記事を表示するスクリプト、<!--more--> タグの位置に アドセンス コードを追記するスクリプトを Awesome Inc. テンプレートに設置しました。関連記事を表示するスクリプトを設置
Blogger は関連記事をリストアップするガジェットがないので、海外サイトで見つけたスクリプトを設置しました。Google アドセンス には関連コンテンツユニットがあるので、利用対象になっている方はこちらを利用することをお勧めします。
more を アドセンスコードに置換
Blogger エディターの <!--more--> タグを利用しているので、<!--more--> を記述している場所に アドセンス コードを追加するスクリプトを導入しました。利用できる アドセンス ユニットに制限はありますが、<!--more--> を利用しているならばこの方法はお勧めできます。
アドセンス のクリック率が劇的に変わります。
検証：Awesome Inc. テンプレート
アドセンス の記事 (Articles about the アドセンス)
- 消費者庁 悪質な海外ウェブサイト一覧
- アドセンス関連コンテンツユニットをカスタマイズする方法
- Google のエンジニアが問題解決に取り組んでおりますので...
- Blogger: ブログのページ幅を最適化（アドセンス対策）
- アドセンスコードをmoreタグの位置に挿入する方法（同期コード）
- more タグの位置にアドセンスコードを挿入する方法
- data-adblockkey とは？
- アドセンスを文末に自動表示させる方法
- [Blogger] 単一ページのガジェットを制限してアドセンスに準拠
- アドセンスコードをmoreタグの位置に挿入する方法（非同期コード）
- アドセンス ラベルの記事（要約付）
- アドセンス が含まれる記事（要約付）
新着順 (New arrival order)
- 【Pixel 9a】ホーム画面のお天気アイコンが消える原因と対処方法
- 「アダルトサイト動画公開」詐欺メールに注意！あなたのネットリテラシーは大丈夫？
- 【大阪】「ヒョウ柄ばっかちゃうねん！」リアル大阪人図鑑
- 【Thunderbird】ESR → Release へ移行する方法と注意点
- 【Pixel／2025年5月】アンチロールバックの実装、ゼロデイ脆弱性（CVE-2025-27363）
- 【初心者向け】Windows／AndroidでDoHを設定してセキュリティを高める方法
- まだ間に合う！ChromeでuBlock Originを使うための最終手段
- 【新ルール】クイーン白玲（通算5期）で四段昇段！将棋界に激震走る
- 【最速情報】Google Pixel 9a 日本発売！気になる価格とスペックまとめ
- 【Pixel 4月／2025】生体認証、カメラ、ディスプレイ、UIの修正【Android 15】
タイトル：[Blogger] moreタグにアドセンスコードを挿入する方法：SC2
このサイトを検索 | Search this site
![復活 [EventId 360] Windows Hello for Businessのプロビジョニングは起動されません](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN6dqRB2WfXdfAKB10FDjdJ2p22frW5ahcNd07xf7-Dux9uDfiM1RGf7v6iO-QRooVfr3FsZNkpRKcO8Or0JcmQeJ5ud_ns3dfE7tQwoVZB2bsZbTKUaxVjG_CqSTho3hre6kT7T4mOBGz/w680/redyellow_317x.gif)
![[Pixel 6a] 13は落ちてこないけど sideload はガマン](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA4LVK-l4bknVBNsrXqSL_7HmSotLjBZMVofTzAVEej73LrzU049spQVIHCCptr4SEw7lAG_W5HKIfs78ZKhpW2XJmWK7putErLGcbw9aP3D3jknKeZJCIpNgBrA2t4sfV1iQ63zKe4pkN7C8kZr1tLT1-NTaTiGNBxcqmp7-yNFFEXw1GmqESxA-mhg/w680/pixel6asage.png){kind=tracking}
ブロトピ：今日のブログ更新