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の場合
関連記事
-
-
テーブル実装プラグイン「TablePress」 + レスポンシブ対応
「TablePress」は、WordPressにテーブルを実装できるプラグインです。専用のレスポンシブ化のプラグインもリリースされています。ダウンロード デモ (PCの場合はブラウザの幅狭めてみたり
-
-
Twenty Twelve 投稿日・投稿者を非表示に
TwentyTwelveのちょっとした部分をカスタマイズする方法を紹介していきます。 また、子テーマで出力部分を変更する際に、翻訳が必要な部分//_()の部分がでてきますので、以下の投稿も参考に
-
-
Twenty Fifteen テーマ用フォント "Noto" / "Inconsolata"の使用を止
TwentyFifteenでは、テーマ用のフォントとして「Noto」と「Inconsolata」というフォントをGoogleフォントから引っ張ってきて使用されるようです。 ちなみにどのようなフォント
-
-
独自のCSSやJSを読み込む
WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみまし
-
-
Twenty Eleven カスタマイズ
目次 author-info 消す 作成者(投稿者)を消す 投稿者情報を表示しない proudly powered by wordpressのリンクをコピーライトに変更
-
-
「固定ページ」ウィジェット カスタマイズ
「固定ページ」ウィジェットは、そのままではありますが、固定ページの一覧をウィジェットに表示してくれます。 カスタマイズは、管理画面よりいくつかできるようです。 目次 特定の(固定)ページ
-
-
ブルー・オレンジ・ピンクと選べるテーマ「Bouquet」をカスタマイズ
プレビューはこちら ダウンロード 目次 ヘッダー画像の高さを変更 アイキャッチをアップロード h1タグがやたら多いので最適化 画像をレスポンシブ対応 フォント「Sorts Mill
-
-
Twenty Fourteen 「投稿日」や"先頭固定表示"を非表示
日付を表示する部分は、全てtwentyfourteen_posted_onに集約されています。該当部分をコメントアウトしたかたちで子テーマのfunctions.phpに追加して下さい。 「投稿日
-
-
ウィジェット関連のカスタマイズ・プラグイン
リンクマネージャー WordPress 3.5バージョンアップ以降にリンクマネージャーを追加するには以下のフィルタを設定もしくはプラグインをインストールして下さい。 プラグイン Link M
-
-
Twenty Thirteen テーマ用フォント "Source Sans Pro" / "Bitter"の使用を止
TwentyThirteenでは、テーマ用のフォントとして「Source Sans Pro」と「Bitter」というフォントをGoogleフォントから引っ張ってきて使用されるようです。 ちなみにどの
- PREV
- Twenty Twelve カスタマイズ
- NEXT
- 「jqPlot」を使って棒グラフを作成
Comment
function.phpにコードを記述し、「wp_title」にフックする、という方法でtitleタグ内にてタグ情報を表示させることができます。
とても参考になりました。