titleタグ(wp_title) カスタマイズ

SEO対策を行う際に、titleタグは重要な要素だと言われています。
「サイトのタイトル」、「キャッチフレーズ」(site_description)、「カテゴリー名」など色々と組み合わせてみることがあると思います。

今回は、独自に構成する場合のカスタマイズの方法を試してみました。

titleタグにカテゴリー名を追加する

例として、シングルページにカテゴリー名を追加してみます。(このサイトでもやっています。)
[ページのタイトル] から [カテゴリー名] | [ページのタイトル]

パイプ(|)で区切ります(両側に半角スペース)。カテゴリーが複数ある場合も同じように区切ります。よくみる区切り文字は、(|)パイプが(-)ハイフンなどですかね。

function my_wp_title( $title) {
    if( is_single() && !is_archive() ){
        $temp = '';
        $category = get_the_category();   // カテゴリーを取得
        foreach( $category as $val){
            $temp .= $val->name . ' | ';
        }
        $title = $temp . $title;
        return $title;
    } else {   
        return $title;
    }
}
add_filter( 'wp_title', 'my_wp_title');
カテゴリーの場合は「get_the_category」、 タグの場合は「get_the_tags



私は、お客さんがローカルビジネスをやっている場合は、「キャッチフレーズ」に地域名を入れて、全ページのタイトルに表示させるようにしています。(別に「キャッチフレーズ」じゃなくてもいいですけど)

// 「ブログタイトル」の取得
$title = get_bloginfo( 'name', 'display' );
// 「キャッチフレーズ」の取得
$site_description = get_bloginfo( 'description', 'display' );

また、テーマ側であらかじめ変更されている場合は、その辺も考慮して定義する必要があります。
Twenty Twelveの場合

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

関連記事

no image

「編集(Edit)」リンクの非表示方法

ログインした状態で投稿ページを開くと投稿内や各コメントに各編集ページへリンクしてくれる「編集」リンクが表示されます。(繰り返し言いますが、自サイトにログインしているユーザにしか見えません。) こ

画像マウスオーバーでキャプションを表示

メディアをアップロードした際に、「キャプション」項目にテキストを設定された画像を挿入した場合はキャプションショートコードが生成され、ページ内の各画像下にその設定したテキストが表示されます。 今回

ナビゲーションメニューに検索フォームを追加

メニュー内に検索フォームを追加したいという問い合わせをいただいたので試してみました。 メニューのつくられかた まずは、WordPressでメニューがつくられる手順を説明します。 箱をつく

Twenty Fifteen テーマ用フォント "Noto" / "Inconsolata"の使用を止

TwentyFifteenでは、テーマ用のフォントとして「Noto」と「Inconsolata」というフォントをGoogleフォントから引っ張ってきて使用されるようです。 ちなみにどのようなフォント

「カテゴリー」ウィジェット カスタマイズ

「カテゴリー」ウィジェットは、管理画面ではあまりカスタマイズできません。必要であれば、フックやプラグインを用いて表示設定などの変更を行うことができます。 目次 「カテゴリー」ウィジェットの追加

テーブル実装プラグイン「TablePress」 + レスポンシブ対応

「TablePress」は、WordPressにテーブルを実装できるプラグインです。専用のレスポンシブ化のプラグインもリリースされています。ダウンロード デモ (PCの場合はブラウザの幅狭めてみたり

Twenty Twelve "Proudly powered by WordPress"をCopyrightに変更

標準でページの最下部に表示される"Proudly ~"を変更します。 子テーマフォルダにfooter.phpをコピーし、以下のように編集を行ってください。リンクを外して、表示部分を書き換えるだけです

開発やテストに便利なプラグイン

開発やカスタマイズに使えそうなプラグインを集めてみました。 テーマのカスタマイズには、使用中のテンプレートファイルなどを表示してくれると便利ですね。個人的には、テーマ開発の際に、実行しているSQ

Twenty Ten カスタマイズ

Twenty Tenのカスタマイズについてのまとめです。 目次 コンテンツナビゲーション 非表示 「投稿日」を非表示 「作成者(投稿者)」を非表示 "コメントをどうぞ"("leave a

Twenty Thirteen テーマ用フォント "Source Sans Pro" / "Bitter"の使用を止

TwentyThirteenでは、テーマ用のフォントとして「Source Sans Pro」と「Bitter」というフォントをGoogleフォントから引っ張ってきて使用されるようです。 ちなみにどの

Comment

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

    PAGE TOP ↑