ワードプレスでSEO対策!タイトル文字数を投稿画面で表示する方法

年賀状にもOK!ブロガーのためのポストカード発売中

スポンサーリンク

f:id:odbc:20170427181828p:plain

SEO対策の基本といえば記事タイトル。そんな記事タイトルの文字数は30文字程度がいいって言われてるけど、WordPressの投稿画面にはタイトル文字数カウンターが無い。そこで、簡単なカスタマイズでwordpressの投稿画面でリアルタイムにカウント出来るようにする方法を調べたのでご紹介。プラグイン不要&コピペですぐ出来る。

プラグインを使わず、WordPressの投稿画面で記事タイトルの文字数をリアルタイムカウントする方法を見つけたのでシェア。さっさとやり方知りたい人も多いと思うんで、まずはカスタマイズ方法から。

 

 

WordPressの投稿画面でタイトル文字数タイトルをカウントするカスタマイズ法

今回のカスタマイズは超カンタン。以下のソースをfunctions.phpの最後にコピペするだけ。

※functions.phpのカスタマイズはミスると画面真っ白になったりするのでご注意を!

 

コピペするソースはこれです!

/**********************
タイトル文字数カウント 
**********************/
 
add_action( 'admin_head-post.php', 'title_counter' );
add_action( 'admin_head-post-new.php', 'title_counter' );
 
// 処理内容
function title_counter() {
?>
<script type="text/javascript">
  TITLE_COUNTER_MAX_LENGTH = 32; //これを超えると赤く表示される(必要ない場合は0)
 
function strLength(strSrc){
    len = 0;
    strSrc = escape(strSrc);
    for(i = 0; i < strSrc.length; i++, len++){
        if(strSrc.charAt(i) == "%"){
            if(strSrc.charAt(++i) == "u"){
                i += 3;
                len++;
            }
            i++;
        }
    }
    return len;
}
  jQuery(
      function($) {
        // カウンタ更新関数
        function updateTitleCounter() {
      var titleLength = strLength($('#title').val()).toString() / 2;
          var stCounter = $('#title-counter').text(titleLength);
          if (TITLE_COUNTER_MAX_LENGTH != 0 && titleLength > TITLE_COUNTER_MAX_LENGTH ) {
            stCounter.addClass( 'title-counter-length-over' );
          } else {
            stCounter.removeClass( 'title-counter-length-over' );
          }
        }
        $('#titlewrap')
            .before('<div id="title-counter"></div>')
            .bind('keyup', updateTitleCounter);
 
        updateTitleCounter();
      });
</script>
<style type='text/css'>
  #title-counter {
    text-align: right;
    width: 100%
  }
  .title-counter-length-over {
    color: #f00;
    font-weight: bold;
  }
</style>
<?php } //ここまでをfunctions.phpにコピペ

 以上。

 

▼今回は下記サイトよりソースを引用させて頂きました、ありがとうございます!!

personal-studio9.com

 

なお、これはjQueryを使ってるので、もしうまく動作しない場合は下記を参考にjQueryを読み込んでみて下さい。

www.pondad.com

 

《SEO対策》タイトル文字数を30文字程度に、の理由

SEO対策をするとき、タイトルの文字数は30文字を基準にしましょう、というのは基本。その理由は、検索したときに表示される文字数やSNS上で表示される文字数

スマホで見た時とPCで見たときで文字数が違ったりするけど、こういう感じ。

 

▼検索してはいけない言葉が存在するそうですよ

f:id:odbc:20170427184645p:plain

 

こんな具合に、長くても35文字くらいまでで、大体は30文字前後が多くなる傾向にある。ただし、文字数が多いと絶対ダメってわけでもない。

 

▼タイトルを付けるコツなど詳しくはこのサイトなんかが参考になります

www.chrome-life.com

 

要点を端的にまとめたタイトルを付けることは読者のため。結果的にSEO対策に。

SEO対策ばかりに目が行ってしまい、内容が分かりづらかったり意味不明なもの、嘘ばっかり書いてるものっては非常によくない。DeNA問題とかもあったし。

ただ、タイトル文字数を30文字前後にするメリットはSEO対策ばかりじゃないと思ってる。なぜかと言えば、端的に要点をまとめた分かりやすいタイトルは人が見て分かりやすいから。

人がみてわかりやすいタイトルを付けることで、結果的にSEO対策にもなる、という考え方が大切なんじゃないかな〜と思ってます。ようするに読者目線ってやつですね。そこのバランスを試行錯誤するのがタイトル付けの面白いところ。

▲有名だけど、これ面白いし読む価値大アリ