更新日: 2015年3月31日
WordPress

WordPressでmeta descriptionを設定（プラグインなし版）

WordPress でプラグインを使わずに、meta description を設定する方法の一例を紹介します。当ブログで使っている方法で、昨日のエントリー WordPressのmeta keywordsをカスタムフィールドで設定 | EasyRamble とともに併用しています。

functions.php に、記事本文から meta description 用に文章を抜粋する方法です。

【お知らせ】英単語を画像イメージで楽に暗記できる辞書サイトを作りました。英語学習中の方は、ぜひご利用ください！

画像付き英語辞書 Imagict | 英単語をイメージで暗記
【開発記録】
英単語を画像イメージで暗記できる英語辞書サービスを作って公開しました

functions.php に meta description を出力する関数を定義

functions.php に以下のような関数を定義します。

functions.php

// get meta description from the content
function get_meta_description() {
  global $post;
  $description = "";
  if ( is_home() ) {
    // ホームでは、ブログの説明文を取得
    $description = get_bloginfo( 'description' );
  }
  elseif ( is_category() ) {
    // カテゴリーページでは、カテゴリーの説明文を取得
    $description = category_description();
  }
  elseif ( is_single() ) {
    if ($post->post_excerpt) {
      // 記事ページでは、記事本文から抜粋を取得
      $description = $post->post_excerpt;
    } else {
      // post_excerpt で取れない時は、自力で記事の冒頭100文字を抜粋して取得
      $description = strip_tags($post->post_content);
      $description = str_replace("\n", "", $description);
      $description = str_replace("\r", "", $description);
      $description = mb_substr($description, 0, 100) . "...";
    }
  } else {
    ;
  }

  return $description;
}

// echo meta description tag
function echo_meta_description_tag() {
  if ( is_home() || is_category() || is_single() ) {
    echo '<meta name="description" content="' . get_meta_description() . '" />' . "\n";
  }
}

// get meta description from the content

function get_meta_description() {

global $post;

$description = "";

if ( is_home() ) {

// ホームでは、ブログの説明文を取得

$description = get_bloginfo( 'description' );

}

elseif ( is_category() ) {

// カテゴリーページでは、カテゴリーの説明文を取得

$description = category_description();

}

elseif ( is_single() ) {

if ($post->post_excerpt) {

// 記事ページでは、記事本文から抜粋を取得

$description = $post->post_excerpt;

} else {

// post_excerpt で取れない時は、自力で記事の冒頭100文字を抜粋して取得

$description = strip_tags($post->post_content);

$description = str_replace("\n", "", $description);

$description = str_replace("\r", "", $description);

$description = mb_substr($description, 0, 100) . "...";

}

} else {

;

}

return $description;

}

// echo meta description tag

function echo_meta_description_tag() {

if ( is_home() || is_category() || is_single() ) {

echo '<meta name="description" content="' . get_meta_description() . '" />' . "\n";

}

コメントを読めばやってることは分かるかと思います。

ヘッダー部のテンプレート header.php で meta description を出力

あとは、header.php の head タグ内で echo_meta_description_tag() 関数を呼び出してやるようにすれば良い。header.php は、single.php, category.php, index.php などから get_header() でインクルードされるテンプレートです。

header.php

<?php echo_meta_description_tag(); ?>

1	<?php echo_meta_description_tag(); ?>

これで、header.php をインクルードする single.php, category.php, index.php のテンプレートファイルで、meta description タグが出力されます。

以上の方法で、投稿した記事本文から自動で文章が抜粋されて、meta description に設定されます。記事を書く時の注意として、冒頭部分にエントリーの要約的な文章を100文字程度書くようにすると、良い感じに meta description が設定されます。最初の冒頭部分で何をするエントリーなのかを手短にまとめておくと、読者が読みやすい文章にもなるかと思います。

WordPress は人気ナンバーワンのブログ・ウェブサイトの管理ツールです。PHP を使えればカスタマイズできるので、ぜひトライされてみてください。

いちばんやさしいWordPressの教本人気講師が教える本格Webサイトの作り方第2版 WordPress 4.x対応

独習PHP 第3版