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の場合

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

関連記事

Twenty Fourteenカスタマイズ用プラグインと派生テーマ

WordPressの現在のデフォルトテーマ「Twenty Fourteen」のカスタマイズに便利なプラグインと、「Twenty Fourteen」をもとに作成されたテーマのまとめです。 カスタマ

独自のCSSやJSを読み込む

WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみまし

ポップアップが実装できるプラグイン「Anything popup」「Easy Modal」

ポップアップ 「Anything Popup」 「Anything popup」は、ページにポップアップが実装できるWordPressプラグインです。ポップアップ要素を投稿ページと同様に作成できるた

ツールチップ実装プラグイン「WordPress Tooltip」

「WordPress Tooltip」は、WordPressにツールチップを実装できるプラグインです。jQueryプラグイン「TipTip」を組み込んでいます。プラグインページの対応バージョンは古めで

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

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

コメントフォーム・リストのカスタマイズ

コメント投稿部分は、基本的にはどのテーマでも同じフォームを出力してテーマのstyle.cssで外観を変えています。コメントフォーム欄をカスタマイズするには、プラグインもしくはフックを用いてカスタマイズ

「Contact Form 7」 メッセージの送信に失敗~

この修正はWordPress 3.5で行われているようです。(~3.4.2) Contact Form 7で以下のエラーメッセージが出る場合は、確認してみて下さい。 「メッセージの送信に失敗

Twenty Thirteen ナビゲーションメニューを固定

ナビゲーションメニューを固定にしてみました。下方にスクロールしても最上部に固定されるやつです。 スクリプト 以下のjsファイルを用意して下さい。 nav要素のidは、ソースもしくはheade

no image

「固定ページ」ウィジェット カスタマイズ

「固定ページ」ウィジェットは、そのままではありますが、固定ページの一覧をウィジェットに表示してくれます。 カスタマイズは、管理画面よりいくつかできるようです。 目次 特定の(固定)ページ

Twenty Fourteen クレジットを非表示・変更方法

Twenty Fourteenにも最下部に「Proudly powered by WordPress」というコピーライトが表示されます。それを削除もしくは変更するには、footer.phpを編集して行

Comment

Message

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

*

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

    PAGE TOP ↑