WP管理画面でタイトル文字数カウンターを表示するカスタマイズ方法

SEO的にタイトルタグの文字数は、32文字が良いとよく言われています。

中には、「28文字だ」とか、「30文字だ」とか、各々の考えで、いろいろとあります。

どの文字数がベストかはさておき、Wordpressで記事のタイトルを決めるとき「タイトルの文字数」を気にしている方も、ある程度おられるかと思います。

ただ、Wordpress管理画面では、「本文の文字数表示カウンター」はあっても、「タイトルの文字数表示カウンター」はデフォルトでありません。

記事本文の文字数

そこで先日、「タイトル文字数カウンター」が表示されるよう、以下のようにカスタマイズしてみました。

Wordpressタイトルの文字数カウント表示

確かに、タイトル入力部分にカウンターがあると、タイトル文字数が一目瞭然です。

「これはこれで結構便利かも」ということで今回は、上記のような「タイトルの文字数を表示するカスタマイズ」をコピペ一発でできる方法を紹介したいと思います。

また加えて、「半角文字数を0.5」、「全角文字数を1」として数えるカスタマイズ方法も同時に紹介したいと思います。

全角と半角を分けてタイトル文字数をカウントする

全角と半角をどのようにカウントするかはSEO的好みになると思います。
スポンサーリンク
レクタングル(大)広告

投稿管理画面のタイトル文字数を表示する方法

カスタマイズ方法は簡単で、以下の項目で紹介するコードどちらかをテーマ(子テーマ)のfunctions.phpにコピペするだけです。

タイトル文字数カウンターは、投稿・固定ページの管理画面に表示されます。どうせ管理画面に表示するものなので、スタイルはインラインで行っています。

全角半角どちらとも1文字としてカウントする方法

全角・半角の区別なく、どの文字も1文字としてカウントする場合は、以下のコードをfunctions.phpにコピペしてください。

すると、以下のように全半角区別なく1文字としてカウントされます。

Wordpressタイトルの文字数カウント表示[4]

全角は1文字、半角は0.5文字としてカウントする方法

全角は1文字、半角は0.5文字としてカウントしたい場合は、以下のコードをfunctions.phpにコピペします。

すると以下のように、全角は1文字、半角は0.5文字としてカウントされます。

全角と半角を分けてタイトル文字数をカウントする[4]

参考

上記で紹介したコードは、以下の記事を参考にさせていただきました。

ブログのタイトルは、Googleの検索表示尺の関係上32文字程度が良いなんて言われ、実際にGoogleで検索かけてみるとその通りだと感じます。そこで今回は「Wordpressでのブログ更新に地味に役立つ!投稿画面のタイトル部に文字数カウンタをつけよう!」をブログしちゃいます。

全角、半角を分けてカウントするJavaScriptコードは以下の記事を参考にさせていただきました。

JavaScriptで全角を2、半角を1と数えるコード。

まとめ

こんな感じで、「タイトルカウンター」をコピペ一発で作成することができます。

僕自身、タイトルの文字数自体は、そこまで気にしておらず、多少長くても付けたいタイトルを記入しています。今では、Googleが勝手にタイトル変更とかしてしまいますし。

ただ、30文字前後(未満)であれば、「意図したタイトルが検索結果に表示される可能性は高い」のは間違いないのかなと。ですので、30文字前後で収まるようであれば、そのような”タイトル付け”をするのも良いのかもしれません。

そんなわけで、「タイトルをつけるとき文字数を分かりやすく表示したい」なんて場合は、結構手軽にできるカスタマイズなので、試してみてください。

ちなみに、当記事のタイトル文字数は32文字です(全半角1文字として)。

32文字のタイトル

Simplicity最新版では、全半角区別なく1文字としてカウントする方法が既に実装されています。Simplicity上で同様のカスタマイズを行った場合は、不具合が出る可能性があるのでご注意ください。
MFクラウド確定申告

[PR]

確定申告の受け付け期間になりました!MFクラウドで申告の手間を軽減!

確定申告、面倒くさいです。

ただでさえ面倒なのに、2014年の確定申告から、僕のような超零細個人事業主でも、記帳義務と保存義務…

スポンサーリンク
レクタングル(大)広告
レクタングル(大)広告

この記事をお届けした
寝ログの最新ニュース情報を、
いいねしてチェックしよう!
スポンサーリンク

『WP管理画面でタイトル文字数カウンターを表示するカスタマイズ方法』へのコメント

  1. 名前:izu 投稿日:2017/08/21(月) 23:42:43 ID:e842a6382

    すみません。ちょっとお伺いしたいのですが…。
    いつも、為になるカスタマイズ方法の記事を書かれていらっしゃり参考にさせて頂いています。

    こちらのタイトルの文字数カウントについてですが、
    このカスタマイズによって、
    (ダッシュボードのカスタマイズなので)サイトの表示スピードに影響はないと考えても良いのでしょうか?

    お忙しい中、
    恐れ入りますがご返信頂けましたら幸いです。

    何卒ご教授お願い申しあげます。

  2. わいひら 名前:わいひら 投稿日:2017/08/22(火) 14:22:51 ID:acb140d2a

    (ダッシュボードのカスタマイズなので)サイトの表示スピードに影響はないと考えても良いのでしょうか?

    はい。
    管理画面の、投稿・固定ページの「投稿」ページをフックしているので、通常のパブリックなページ表示には影響ないと思います。

  3. 名前:美遊☆彡 投稿日:2017/12/25(月) 12:37:41 ID:3c2a43997

    こんにちは。
    ブログいつも拝見させてもらっています。
    知識の広さに驚くばかりです。

    初心者で知識が乏しいのですが、「functions.phpにコピペするだけ」ということですが、どの部分にコピペするとかないのでしょうか?どの部分の後が良いとか?

    初心者すぎる質問ですみません。

  4. 名前:美遊☆彡 投稿日:2017/12/25(月) 12:38:25 ID:3c2a43997

    こんにちは。
    ブログいつも拝見させてもらっています。
    知識の広さに驚くばかりです。

    初心者で知識が乏しいのですが、「functions.phpにコピペするだけ」ということですが、どの部分にコピペするとかないのでしょうか?どの部分の後が良いとか?

  5. わいひら 名前:わいひら 投稿日:2017/12/25(月) 19:30:18 ID:a135303ee

    基本的に、PHPの文法を崩しさえしなければ、どこに貼ってもOKです。

    ただ、一般的にはfunctions.phpの最後に追記する形で記入すればよいかと思います。

  6. 名前:美遊☆彡 投稿日:2018/01/03(水) 10:29:44 ID:2bb174848

    ご親切に教えていただいて、ありがとうございます。
    本当に簡単にできて、びっくりです。
    本当にありがとうございます。
    はてぶポチしていきますね。