2016.03.31

Wordpress

WordPress でページャ (pager)「2ページ以降」でのサイトtitleを変更する方法

中級者向け

こんにちは。レジット代表の浅井です。

ウェブマスターツールをご利用の方、よく重複に関する注意がでることがありませんか？

ユーザに分かりやすいように、ページャ (pager)を制作したのに…検索エンジンから「titleが重複されています。」と。

ユーザには関係ない話ですが、検索順位を決めるのが機械なのでしょうがないですね。

対応しましょう。

※ ページャ (pager)「2ページ以降」の作り方は、別途記事にしますのでお楽しみに

1 現状の自分のサイト「title」がどう表示されているか確認
2 titleの出力の仕方を決める
3 「title」の出力方法を決めたらWordpressのどの機能を使うかきめる
4 「functions.php」にて、出力変数をつくる
5 「「title」タグに変数を設定
6 まとめ

現状の自分のサイト「title」がどう表示されているか確認

一覧画面から右クリックでソース表示で確認できます。

確認URL例：http:/xxxxx/blog/

titleを確認しましたね。

では、2ページ目を開いて、上記と同じように確認して下さい。

確認URL例：http://xxxxx/blog/page/2

titleを確認しましたね。

ワードプレスで構築している場合、通常だとこのように「2ページ目」でも同じタイトルになります。

ですので、ここの「title」に、このページは2ページ目ですよ！と明示する必要があります。

titleの出力の仕方を決める

弊社の場合、検索エンジンの表示方法も考慮してTOPページのみ「title」の出力方法を変更しています。

TOPページ：ネットショップ運営代行・WEB制作なら株式会社レジット

その他ページ：ページ名| 株式会社レジット

その他ページの「株式会社レジット」の部分ですが、TOPページの「title」を流用しない理由は、ページ名に検索に引っ掛けたいキーワードを入れているため、「title」が長くなってしまうからです。

その他ページ：ページ名| ネットショップ運営代行・WEB制作なら株式会社レジット

SEOの考え方は、色々とあると思いますので自分に合ったページ「title」を決めて下さい。

「title」の出力方法を決めたらWordpressのどの機能を使うかきめる

WordPressは、汎用的なため色々な「title」の出力方法ができます。

ガリガリと1ページずつ分岐を作ってコーディングする事もできてしまうので、今回は弊社の「title」の出力方法をお伝えします。

まずは、「Wordpressの管理画面にログイン」→「設定」→「一般」を確認します。

弊社の場合、このサイトのタイトルとキャッチフレーズを使います。

「2.titleの出力の仕方を決める」でお伝えしたとおり、TOPページの出力とその他ページの共通部分である「株式会社レジット」は、サイトのタイトルを使います。

TOPページのみに使うキーワードは、キャッチフレーズを使います。

ここまできたら、あとはコーディングですね。

「functions.php」にて、出力変数をつくる

「functions.php」を開いて下さい。自分で出力変数をつくります。

※ 変数とは

プログラミングにおいて、変数（へんすう、variable）とは、プログラムのソースコードにおいて、扱われるデータを一定期間記憶し必要なときに利用できるようにするために、データに固有の名前を与えたものである。

完成コード

// タイトルタグのテキストを出力します。
function leg_it_title() {
    global $page, $paged;
    if (!is_front_page()) {
        echo trim(wp_title('', false)) . " | ";
    } elseif(is_front_page()) {
        bloginfo('description');  
    }
    bloginfo('name');
    if ($paged >= 2 || $page >= 2) {
        echo ' | ' . sprintf('%sページ', max($paged, $page));    
    }
}

// タイトルタグのテキストを出力します。

function leg_it_title() {

global $page, $paged;

if (!is_front_page()) {

echo trim(wp_title('', false)) . " | ";

} elseif(is_front_page()) {

bloginfo('description');

}

bloginfo('name');

if ($paged >= 2 || $page >= 2) {

echo ' | ' . sprintf('%sページ', max($paged, $page));

}

コードの簡単な説明

変数「 leg_it_title」は、自分で好きな名前にして下さい。

function leg_it_title() {
     投稿・固定ページのページングをした時の現在何ページ目にいるか？
     アーカイブページでのページングをした際に現在何ページ目にいるか？
     を取得

     もし、TOPページじゃなかったら、
          現在のページのタイトルの右に" | “;をつけて表示
     もし、TOPページだったら、
          管理画面の「設定 > 一般」で設定された「キャッチフレーズ」を表示
     
     上記が完了したら、管理画面の「設定 > 一般」で設定された「サイトのタイトル」を表示

     もし、2ページ目以降なら
          " | “と現在ページを表示
}

function leg_it_title() {

投稿・固定ページのページングをした時の現在何ページ目にいるか？

アーカイブページでのページングをした際に現在何ページ目にいるか？

を取得

もし、TOPページじゃなかったら、

現在のページのタイトルの右に" | “;をつけて表示

もし、TOPページだったら、

管理画面の「設定 > 一般」で設定された「キャッチフレーズ」を表示

上記が完了したら、管理画面の「設定 > 一般」で設定された「サイトのタイトル」を表示

もし、2ページ目以降なら

" | “と現在ページを表示

}

sprints関数は、以下のサイトを参考に！

http://php.net/manual/ja/function.sprintf.php

この変数を作ってしまえば、あとは簡単です。

「「title」タグに変数を設定

wordPressの作り方によりますが、だいたい「header.php」にあるかと思います。

「title」タグに、「4.「functions.php」にて、出力変数をつくる」でつくった自分の変数「leg_it_title()」を以下のように設定します。

<title><?php echo leg_it_title() ?></title>

1	<title><?php echo leg_it_title() ?></title>

まとめ

記事に書いたとおり、wordPressはいくつもの方法があります。

自分にあった方法で構築できるのが一番かと思います。

弊社の方法が誰かの参考になれば幸いです。

中級者向け

Wordpress

ネットショップのリピート率を上げる！最大の壁”2回目の購入”をしてもらうための３つのポイント

「Custom Post Type UI」プラグインでカスタム投稿タイプのアーカイブページを作成する方法

この記事を書いた人

浅井脩太郎代表取締役

バスケット、フットサル、ゴルフ、スノボに将棋やチェス。多趣味のため、常にお金がない。学生時代、地層に興味を持ち『土木』を学ぶ。社会人では、苦手分野である『IT』の世界へ。良き上司、良き先輩、良き同期、良き後輩に恵まれ、楽しい時間を過ごす。コンサルティング業務、システム開発では上流工程から下流工程のすべての業務に従事。 2013年、株式会社レジット創業。