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');
私は、お客さんがローカルビジネスをやっている場合は、「キャッチフレーズ」に地域名を入れて、全ページのタイトルに表示させるようにしています。(別に「キャッチフレーズ」じゃなくてもいいですけど)
// 「ブログタイトル」の取得 $title = get_bloginfo( 'name', 'display' ); // 「キャッチフレーズ」の取得 $site_description = get_bloginfo( 'description', 'display' );
また、テーマ側であらかじめ変更されている場合は、その辺も考慮して定義する必要があります。
Twenty Twelveの場合
関連記事
-
-
Twenty Eleven カスタマイズ
目次 author-info 消す 作成者(投稿者)を消す 投稿者情報を表示しない proudly powered by wordpressのリンクをコピーライトに変更
-
-
独自のCSSやJSを読み込む
WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみまし
-
-
ie.cssの子テーマ化など Twenty Twelve 1.1での変更点
TwentyTwelveが1.0から1.1にアップデートされたので、勉強もかねていくつか変更点を洗ってみました。 ie.cssを外出し pubdateの削除 rel="generator"
-
-
アップグレードで「更新を展開しています... 」のままになった場合の対処のひとつ
久々に出会ったような気がするのでメモです。 ローカルのテスト環境でWordPressを3.7から3.8にアップグレードしようとしたところ、「更新を展開しています... 」で止まってしまい更新処理がす
-
-
テーマ 「Responsive」 カスタマイズ
デモ | ダウンロード 目次 投稿日 非表示 作成者 非表示 "Responsive Theme powered by WordPress" 削除 投稿日 非表示 オリ
-
-
Twenty Twelve カスタマイズ
何点かTwentyTwelveのカスタマイズについてご質問をいただきましたのでここでまとめてみます。 目次 子テーマのつくりかた 他記事へのリンク アーカイブタイトル("カテゴリー別アーカ
-
-
Twenty Thirteen テーマ用フォント "Source Sans Pro" / "Bitter"の使用を止
TwentyThirteenでは、テーマ用のフォントとして「Source Sans Pro」と「Bitter」というフォントをGoogleフォントから引っ張ってきて使用されるようです。 ちなみにどの
-
-
新年早々やらかした
あけましておめでとうございます。 タイトルどおり、新年早々やらかしてしまいましたのでご報告まで。どうやらかしたかというと、確認用サイトとこのブログを間違えてしまいWordpress 3.5にアップグ
-
-
ナビゲーションメニューに検索フォームを追加
メニュー内に検索フォームを追加したいという問い合わせをいただいたので試してみました。 メニューのつくられかた まずは、WordPressでメニューがつくられる手順を説明します。 箱をつく
-
-
Twenty Fourteen クレジットを非表示・変更方法
Twenty Fourteenにも最下部に「Proudly powered by WordPress」というコピーライトが表示されます。それを削除もしくは変更するには、footer.phpを編集して行
- PREV
- Twenty Twelve カスタマイズ
- NEXT
- 「jqPlot」を使って棒グラフを作成







Comment
function.phpにコードを記述し、「wp_title」にフックする、という方法でtitleタグ内にてタグ情報を表示させることができます。
とても参考になりました。