ブログで記事を執筆する際、SEOにおいて最も重要とされる部分は記事のタイトルです。

記事の命名に関する議論には諸説あり、検索キーワードをできるだけ多く盛り込む・ユーザーが思わず読みたくなるタイトルを考える・最適な文字数に納める、といった内容に言及する記事をよく見かけます。

それらのポイントの中で、今回は最適な文字数の部分にフォーカスをあてたカスタマイズとなります。

最適な記事タイトルの文字数

タイトルの最適な文字数については、検索エンジン等によって多少の差があり、具体的な数字についても諸説あります。

ただ、一般的に検索エンジンは実質的にグーグルの1本勝ちですし、グーグルの検索結果には32文字まで表示されているため、本カスタマイズは32文字を境界として設定を行っています。

 

タイトル文字数のリアルタイム自動カウント

ワードプレスでブログを執筆する際、記事本文の文字数は画面下に表示されますが、タイトルに関しては自分で数えるしか方法がありません。

そこで今回のカスタマイズを行うことによって、下図のようにタイトル右上に現在の文字数がリアルタイムで表示されるようになります。

また、カスタマイズで設定している32文字を超えると自動的に文字が赤色に変わる仕様になっています。

 

 

functions.php の編集

今回のカスタマイズに関する具体的なコードは下記となります。
そのままfunctions.php にコピペして利用が可能です。

文字の制限数の変更

文字の制限数に関しては、上記コードの8行目で設定を行っています。
本カスタマイズでは32文字を超えると、カウント数が赤色に変わる設定としていますが、お好みで調整も可能です。

 

うまく動かない場合

本カスタマイズは、jQueryをベースに動いているものですので、<head>〜</head>間にjQueryの読み込みが無い場合は、正しく動作しません。

ワードプレスの場合は、</head>タグ直前に<?php wp_head(); ?>の記述が必要で、通常こちらのタグがある場合、自動的にjQueryが設置されます。

何らかの原因でjQueryが正しく読み込めていない場合は、<head>〜</head>間に以下の記述を行ってください。

以上、ワードプレスの投稿画面に記事タイトル数をカウント表示させるカスタマイズでした。

参考にさせて戴いたサイト:【WordPress】タイトル文字数を投稿画面で表示!jQueryで全角カウントする方法

関連する記事

PAGE TOP

copyrights PRINT TABLE