【プラグイン不要】WordPressで構築したホームページにdescriptionタグを簡単に設定する方法

2019年05月07日
2019年10月05日

こんにちは。デジタル事業部の冨江恵です。

5月1日、ちょうど平成から令和に変わった記念すべき日にスタートミーアップのホームページをリニューアルしました。
といっても大きくレイアウトを変えたりはしていないのですが。

さて、今日は WordPress で構築したホームページの SEO対策についてのお話。
descriptionタグをプラグインを使わずに設定する方法です。
phpファイルを編集するので、必ずバックアップを取ってから作業を行なって下さい。

キャッチフレーズを入力する

まずはダッシュボードの「設定」＞「一般」のキャッチフレーズを入力します。
ここで入力した内容がトップページの descriptionタグの中に表示されます。
入力したら「変更を保存」をクリックして下さい。

【プラグインなし】WordPressで構築したホームページにdescriptionタグを簡単に設定する方法

投稿・固定ページは抜粋を使って設定する

投稿・固定ページは「抜粋」欄に入力した内容を descriptionタグに表示します。

【プラグインなし】WordPressで構築したホームページにdescriptionタグを簡単に設定する方法

と言っても固定ページには抜粋がなく、そのままでは使用することができないので functions.php を編集しなければなりません。
こちらについては後述します。

投稿ページに「抜粋」がない場合は「表示オプション」を開いて「抜粋」にチェックを入れて下さい。

【プラグインなし】WordPressで構築したホームページにdescriptionタグを簡単に設定する方法

抜粋の入力が終わったら「公開」または「更新」をクリックして下さい。

固定ページで「抜粋」の機能を有効にする

「外観」＞「テーマエディター」から functions.php を選択して次のコードを追加します。
※必ずバックアップを取ってから！

add_post_type_support( 'page', 'excerpt' );

固定ページを開き、「抜粋」が有効になっていることを確認したら抜粋欄を入力して下さい。
投稿ページ同様、ない場合は「表示オプション」を開いて「抜粋」にチェック。

descriptionタグとして表示する

「外観」＞「テーマエディター」から header.php を選択して<head></head>の中に下記のコードを追記します。
※こちらもバックアップを忘れずに！

<?php if ( is_single()): ?>
<?php if ($post->post_excerpt){ ?>
    <meta name="description" content="<? echo $post->post_excerpt; ?>" />
    <?php } else {
        $summary = strip_tags($post->post_content);
        $summary = str_replace("\n", "", $summary);
        $summary = mb_substr($summary, 0, 120). "…"; ?>
        <meta name="description" content="<?php echo $summary; ?>" />
        <?php } ?>
<?php elseif ( is_home() || is_front_page() ): ?>
<meta name="description" content="<?php bloginfo('description'); ?>" />
<?php else: ?>
<meta name="description" content="<?php the_excerpt();?>" />
<?php endif; ?>

抜粋の前後に表示される<p>タグを消去する

ソースを確認すると、この段階で descriptionタグが追加されているのが確認できるかと思います。
が、投稿・固定ページで入力した抜粋の前後に<p>タグが挿入されてしまうので、最後に削除するためのコードを追加しておきます。

「外観」＞「テーマエディター」から functions.php を選択して次のコードを追加します。

remove_filter('the_excerpt', 'wpautop');
remove_filter('term_description','wpautop');

ソースを表示して descriptionタグが追加されていることが確認できたら作業は完了です。

【プラグインなし】WordPressで構築したホームページにdescriptionタグを簡単に設定する方法

この記事を書いた人

冨江恵: 2014年個人でデザイン事務所を開業後、2018年3月にスタートミーアップ合同会社へ。現在は、デジタル事業部のメンバーとして茨城県つくば市を中心にホームページ制作・グラフィックデザイン・CAD図面データ作成等を行なっています :‑D

【初心者向け】便利な WordPress 無料プラグイン「第一回 Google XML Sitemaps」【WordPress 5.0】新エディタ「Gutenberg（グーテンベルグ）」をプラグインを使って簡単に旧エディタに戻す方法とその手順。

コラム

関連記事

スライダー（スライドショー・カルーセル）は本当に必要？その役割と必要性について。

【初心者向け】便利な WordPress 無料プラグイン「第四回 Duplicate Post」

インターネットの利用環境に関する調査結果から改めてモバイルフレンドリーについて考える。

6月29日・30日 スタートミーアップが愛媛県で SNS を活用した集客メソッドに関するセミナーを開催します。

Facebookページ作成時に「市区町村と都道府県を入力してください」と表示され次に進めなくなる問題の原因と解決策。

ブログってどんなこと書いてますか？「ユーザーに刺さるブログ記事」って何？

6月29日・30日スタートミーアップが愛媛県で SNS を活用した集客メソッドに関するセミナーを開催します。