ハナログッド:hanalogood

冗談半分または半分冗談で生きてる人のブログ

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

スポンサーリンク

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対策にもなる、という考え方が大切なんじゃないかな〜と思ってます。ようするに読者目線ってやつですね。そこのバランスを試行錯誤するのがタイトル付けの面白いところ。

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

 

最後に宣伝!《最狂の自営業》研究所

最後に。

冒頭のWordPress投稿画面、実は最近はじめた別ブログの記事。 

blkt.net

 

父も自営業で僕も自営業、さらに言うとじいちゃんも自営業という、一族揃っての社会不適合な我が家系。

※それぞれ全然別な自営業。僕含め、会社に勤めたりしたけど続かず仕方なく独立したパターン 笑

 

そんな僕は仕事の内容うんぬん以上に自営業(個人事業主、フリーランス)という生き方が大好きなんだな〜と、2017年になりはっきり自覚するようになったんですよ。そこで自営業を研究する場所を作った、というわけ。

《最狂の自営業》研究所では、自営業(個人事業主、フリーランス)というワークスタイルや生き方を研究しています。これから独立したい人や、すでに開業している人たちのお役に立てればと思い、個人的な経験などもふまえ情報発信しています。

自営業(個人事業主・フリーランス)という働き方や生き方がそんなに好きなのか、そんなことをふと考えてみた。

そしてたどり着いたのは

「自営業ってクレイジーな生き方やな」

ということ。

自営業(個人事業主・フリーランス)はクレイジーで面白い | 《最狂の自営業》研究所

 

 

まだ記事数少ないし、がっつり紹介するほどでもないので、ここでこっそり紹介してみました〜。