【WordPress目次プラグインTOC+の改造】目次下に広告などを自動で挿入する方法

公開日: : SEO, WEBマーケティング, WordPress

tocp2

今回は超久しぶりにWordPressの技術的な話でもしてみましょうか。

私が愛用しているプラグインの一つに、自動で目次生成してくれるTable of Contents Plus(通称:TOC+)という非常に便利なプラグインがあります。

今回はこれを改造して「目次の下に自動で広告などを挿入する方法」を紹介してみようと思います。※TOC+の詳しい使い方などは今回は割愛します

ちなみに目次というのは
この下にあるやつのこと。
↓↓↓↓↓↓↓↓↓

SPONSORED LINK

Table of Contents PlusのSEO的メリット

seo

TOC+を導入することの一番のメリットはユーザビリティの向上なワケですけど、実は「検索エンジンにも非常に有効」に働きます。要するに「SEO的にも強い」ってわけですよ。

というのも…

TOC+を導入することで見出し(Hタグ)部分が目次になるわけですが、その際に、見出しタグに自動で「id=”○○”」というhtmlコードが追加されます。これにより目次がリンク化するわけです。

例えばこんな感じ


<h2><span id="i-1">見出し例</span></h2>


上記htmlコードの「i-1」というID番号が自動で追加され、それがリンクとして機能するようになる。更にそのリンクが検索エンジンの結果欄にもリンクとして表示されるようになる。

tocp

例えば上記画像は「艦これ 経験値」と検索した際に表示される私のサイトの記事ですが、記事説明文の下に「使い方・動作確認済みブラウザ・アップデート情報・コメント」といった具合でリンクが追加されているのが分かります。

検索エンジン側が詳しく明言しているわけではありませんが、目次リンクが検索結果にも反映されている点を考慮すると、SEO効果があると考えて間違いないでしょう。

TOC+の改造…?

kaizou

改造というか、TOC+のプラグインに直接コードを記述。目次が生成されると同時に広告などが表示されるようにする仕組みを紹介します。

TOC+を編集

tocp3

まずはWordPressメニューより…
Table of Contens Plusの編集へGO。

プラグイン編集画面より
「toc.php」を編集して行きます。
※編集は自己責任でお願いしますね

■編集画面から次の行を探しましょう。

$html .= '<ul class="toc_list">' . $items . '</ul></div>' . "\n";

■発見できたらその下に次の行を書きくわえます。

$html .= '広告コード';

これでOK。※広告コードの部分は貼りたいコードに置き変えて下さい(例えばA8.netで生成した広告コードなど)

tocp52

結果的にこんな感じになるはず。これで目次が生成されると同時に、その下に広告などが自動で表示されるようになります。

注意点

注意点が一つだけ。プラグイン更新により「TOC+を更新」すると追記したコードがおそらく消えます。消えた場合は再度記述する必要がありますので覚えておきましょう。

別の方法

WordPressの場合、例えば「Master Post Advert」や「Quick Adsense」を用いることで、moreタグを置換するような方法などもあります。

これらの方法も人気ですが、自分で記事毎にmoreタグを記述しなければいけないのと、本来のmoreタグの使い方と異なるので、僕は避けるようにしています。

…以上。

興味が湧いたら
試してみてね(^ω^)ノシ

SPONSORED LINK
  • このエントリーをはてなブックマークに追加
  • Pocket

関連記事

kakuteishinkoku (2)

【個人事業主になった日の話:開業届と青色申告申請書】アフィリエイターが副業から本業に移る場合の手続きと節税

先ほど確定申告に関する記事を書いたところ、さっそく次のような相談コメントを頂きました。 確

記事を読む

500error (1)

【500エラー原因特定:サイトが攻撃を受けた場合のIP規制と対処法】あまり私を怒らせないほうがいい

お酒を飲みながら寝る準備をしていた午前5時すぎ。 何やらサイトが異常に重い。 こんな

記事を読む

mynumber

【ブログ副業:初めて確定申告する人へ】マイナンバーでバレる前に「白色」で自己申告する方法

マイナンバーが配布され、副業しているけど今まで確定申告してこなかった人は『ソワソワ!?』して

記事を読む

error

【レンタルサーバー:503エラー頻発時の対策】xmlrpc.phpが踏み台!?(例:サクラとエックスサーバー)

友人のサイトで503エラーが頻発していたらしく、相談を受けたのでチェックしてみたところ、Wo

記事を読む

036-01

WEBデザイナーになるには-ホームページ制作の依頼を突然受けた時の話

たまたま私がHP制作(自分用)をしている事を知っている人から 突如ホームページを作ってくれ

記事を読む

camera

【レビュー好きブロガー推奨!オススメのブログ用カメラ選び】明るいレンズのコンデジを推す理由

カメラは色々あるけれど 何を基準に選べばよいか… 高いのを買うのは怖い 安すぎ

記事を読む

bugblo

自力で集客・宣伝・販売するための人気CMS・WordPressによる本気ブログ作成と運営方法

2月からサイト運営を開始して約5ヶ月が経過。 ようやく…ブログ開始時の一つの目標であった2

記事を読む

DSCN1908

【サイバー犯罪通報事例:サイトがDoS攻撃を受けたので通報】業務妨害で相談してきた結果

かれこれ半年前になります。 2015年3月24日AM5:00頃 寝る前にサイトを

記事を読む

server

【ブログ用おすすめレンタルサーバーの本音5選】なぜエックスサーバーが人気なのか?

仕事柄、ブログ用のサーバーについてよく質問を受けたりします。最近はあまりサイトを作っていませ

記事を読む

blog

【日記ブログじゃない俺メディアの運営】プロブロガーを目指すためのアクセスの集まるブログ作成とは

ちょいと記事アップが遅くなりましたが… 宣言していたWEBサイト運営についての記事です。

記事を読む

GAME RANKING
HOBBY

Comment

  1. ドンゴン より:

    追記するコード覧でshtmlの前に//サイトドメインが記載されていますが??サイトドメインも記載するのでしょうか?

  2. ながお より:

    追記コードについての質問。
    メールアドレスを載せるのを忘れてました。

    • ばぐちゃん より:

      S(エス)じゃなくて
      $(ドル)ですね

      //(スラッシュ・スラッシュ)はプログラムで言うところの
      「コメント記述方法」なので動作とは無関係です。

コメントを残す

PAGE TOP ↑