wordpressで投稿・固定ページごとのdescriptionとkeywordsの設定枠をプラグインなしで設置する方法 第08回 16年04月 / 最終更新:2022.12.21
目次
WordPressユーザにもオススメ!鈴与シンワートの堅牢なクラウドサーバとは…!?
wordpressでページごとの description,keywords のメタ情報を設定する場合、「All in One SEO Pack」などのプラグインを使えば簡単にできますが、できればプラグインは使いたくない。今回はカスタムフィールドを利用して、プラグインなしでページ ごとのdescription と keywords の設定枠を設置する方法です。
■やりたいこと
・各投稿・固定ページにdescriptionとkeywordsを設定する
・プラグインは使わない
・descriptionは本文からの抜粋ではなく、オリジナルで設定する
→ 全ページで入力することになるので、更新があまりないコーポレートサイトやページ数の少ないサイト向けかもしれません。
■カスタムフィールドとは?
カスタムフィールドとは、WordPressの投稿画面に任意の情報(メタデータ)を追加する機能のことです。カスタムフィールドを利用することで、アイデア次第ではWebサイトを色々拡張できます。メタデータは「名前」と、その「値」の組み合わせからなっていて、「名前」はメタデータ要素の名称、「値」 はその要素に対応する情報を指します。一般的には、固定された「名前」に対し、記事によって異なる「値」を記入します。
» カスタムフィールドの使い方
■ソース
functions.phpに下記を追記
- 1.<?php
- 2.// functions.phpに以下を追記
- 3.add_action('admin_menu', 'add_custom_fields');
- 4.add_action('save_post', 'save_custom_fields');
- 5.
- 6.// 記事ページと固定ページでカスタムフィールドを表示
- 7.function add_custom_fields() {
- 8. add_meta_box( 'my_sectionid', 'カスタムフィールド', 'my_custom_fields', 'post');
- 9. add_meta_box( 'my_sectionid', 'カスタムフィールド', 'my_custom_fields', 'page');
- 10.}
- 11.
- 12.function my_custom_fields() {
- 13. global $post;
- 14. $keywords = get_post_meta($post->ID,'keywords',true);
- 15. $description = get_post_meta($post->ID,'description',true);
- 16.
- 17. echo '<p>キーワード(半角カンマ区切り)<br>';
- 18. echo '<input type="text" name="keywords" value="'.esc_html($keywords).'" size="60" /></p>';
- 19.
- 20. echo '<p>ページの説明(description)160文字以内<br>';
- 21. echo '<input type="text" style="width: 600px;height: 40px;" name="description" value="'.esc_html($description).'" maxlength="160" /></p>';
- 22.}
- 23.
- 24.// カスタムフィールドの値を保存
- 25.function save_custom_fields( $post_id ) {
- 26. if(!empty($_POST['keywords']))
- 27. update_post_meta($post_id, 'keywords', $_POST['keywords'] );
- 28. else delete_post_meta($post_id, 'keywords');
- 29.
- 30. if(!empty($_POST['description']))
31. update_post_meta($post_id, 'description', $_POST['description'] );
- 32. else delete_post_meta($post_id, 'description');
- 33.}
- 34.
- 35.function my_description() {
- 36.
- 37.// カスタムフィールドの値を読み込む
- 38.$custom = get_post_custom();
- 39.if(!empty( $custom['keywords'][0])) {
- 40. $keywords = $custom['keywords'][0];
- 41.}
- 42.if(!empty( $custom['description'][0])) {
- 43. $description = $custom['description'][0];
- 44.}
- 45.?>
- 46.<?php if(is_home()): // トップページ ?>
- 47.<meta name="robots" content="index, follow" />
- 48.<meta name="keywords" content="トップページに表示させるkeywords(半角カンマ区切り)">
- 49.<meta name="description" content="トップページに表示させるdescription" />
- 50.<?php elseif(is_single()): // 記事ページ ?>
- 51.<meta name="robots" content="index, follow" />
- 52.<meta name="keywords" content="<?php echo $keywords ?>">
- 53.<meta name="description" content="<?php echo $description ?>">
- 54.<?php elseif(is_page()): // 固定ページ ?>
- 55.<meta name="robots" content="index, follow" />
- 56.<meta name="keywords" content="<?php echo $keywords ?>">
- 57.<meta name="description" content="<?php echo $description ?>">
- 58.<?php elseif (is_category()): // カテゴリーページ ?>
- 59.<meta name="robots" content="index, follow" />
- 60.<meta name="description" content="<?php single_cat_title(); ?>の記事一覧" />
- 61.<?php elseif (is_tag()): // タグページ ?>
- 62.<meta name="robots" content="noindex, follow" />
- 63.<meta name="description" content="<?php single_tag_title("", true); ?>の記事一覧" />
- 64.<?php elseif(is_404()): // 404ページ ?>
- 65.<meta name="robots" content="noindex, follow" />
- 66.<title><?php echo 'お探しのページが見つかりませんでした'; ?></title>
- 67.<?php else: // その他ページ ?>
- 68.<meta name="robots" content="noindex, follow" />
- 69.<?php endif; ?>
- 70.<?php
- 71.}
404エラーページと上記以外のページは、検索エンジンに登録されないようにする noindexタグを入れています。
このようにページごとの meta情報を指定する場合など、自由に設定できます。
■header.phpにタグを追記
header.php 内の title タグ下あたりに下記タグを入れます。
このタグの位置に description と keywords が表示されます。
以上で、投稿画面に入力枠が表示されるようになります。
指定した description,keywords がソースコードに反映されているか確認してください。
プラグインは便利な反面、サイトが重くなったりDDoSアタックの的になったり恐い一面も。
できるだけオリジナルのプログラムでサイト運営できるように、少しずつプラグインから脱却していければいいなと思います^O^
参考にした記事:WordPressのカスタムフィールドを使用したSEO対策施工の流れ
WordPressユーザにもオススメ!鈴与シンワートの堅牢なクラウドサーバとは…!?
サービス・ソリューション