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の場合
関連記事
-
-
JSやCSSに自動で付与されるバージョン番号を非表示に
Wordpressでは、JSやCSSがロードされる際にlinkタグやscriptタグ内にWordpressやプラグインもしくはスクリプトそのもののバージョン番号が付与されます。「?ver=」で検索して
-
-
「カレンダー」ウィジェット カスタマイズ・プラグイン
目次 カレンダー移動をajax遷移させるようにする 営業日・休業日を色分けして表示 ページやウィジェットにgoogleカレンダーを追加 カレンダーウィジェットをajax遷移させるよ
-
-
投稿タイトルのtitle属性を削除など Twenty Twelve 1.2での変更点
TwentyTwelveが1.1から1.2にアップデートされたので、いくつか変更点を洗ってみました。 (*全てを網羅しているわけではありません) 全ての変更部分は、こちらに記載されています。
-
-
翻訳ファイルの子テーマ化
子テーマでfunctions.phpなどを変更していくと翻訳すべき項目にぶつかっていくと思います。例を挙げると_()の部分で、Wordpressが翻訳を行ってくれる部分です。 個人的には、日本語
-
-
「タグクラウド」ウィジェット カスタマイズ
タグクラウドは、管理画面ではあまりカスタマイズできません。必要であれば、フィルターフックやプラグインを用いて表示設定や概観の変更を行うことができます。 目次 出力をカスタマイズ 各タグの
-
-
Twenty Twelve "Proudly powered by WordPress"をCopyrightに変更
標準でページの最下部に表示される"Proudly ~"を変更します。 子テーマフォルダにfooter.phpをコピーし、以下のように編集を行ってください。リンクを外して、表示部分を書き換えるだけです
-
-
プラグイン関連のJSやCSSの読み込みをフィルター
プラグインをインストールしていくとheadやfooter内がCSSやJSで溢れていきます。できるだけ、自分で書けるものに関しては、余計なコールが少なくなるので可能な場合はそうしていますが(そうもいかず
-
-
ソーシャルボタン設置 プラグイン
各種メジャーなソーシャルメディアボタンを設置できるプラグイン WP Social Bookmarking Light 国産プラグイン。国産ゆえ、はてなボタンの設置も可能 ダウンロード Twe
-
-
ブルー・オレンジ・ピンクと選べるテーマ「Bouquet」をカスタマイズ
プレビューはこちら ダウンロード 目次 ヘッダー画像の高さを変更 アイキャッチをアップロード h1タグがやたら多いので最適化 画像をレスポンシブ対応 フォント「Sorts Mill
-
-
Twenty Fourteen 「投稿日」や"先頭固定表示"を非表示
日付を表示する部分は、全てtwentyfourteen_posted_onに集約されています。該当部分をコメントアウトしたかたちで子テーマのfunctions.phpに追加して下さい。 「投稿日
- PREV
- Twenty Twelve カスタマイズ
- NEXT
- 「jqPlot」を使って棒グラフを作成
Comment
function.phpにコードを記述し、「wp_title」にフックする、という方法でtitleタグ内にてタグ情報を表示させることができます。
とても参考になりました。