まいど!元気?
元気ないならフォローしときや→@hanaa_and_chan
WordPressに限らんけど、SEO対策の基本といえば記事タイトル。記事タイトルの文字数は30文字程度がいいって言われてる。(なぜ30文字くらいがSEO対策にいいのか?についても後半で解説)
けど、WordPressの投稿画面にはタイトル文字数カウンターが無いやん。
そこで、簡単なカスタマイズでwordpressの投稿画面でリアルタイムにカウント出来るようにする方法をご紹介。
WordPressの投稿画面でタイトル文字数をリアルタイムにカウントするカスタマイズ法
今回のカスタマイズは超カンタン。以下のソースを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にコピペ
以上。
▼今回は下記サイトよりソースを引用させて頂きました、おおきに!!
なお、これはjQueryを使ってるんやけど、もしうまく動作しない場合は下記を参考にjQueryを読み込んでちょうだい。
《SEO対策》タイトル文字数を30文字程度に、の理由
SEO対策をするとき、タイトルの文字数は30文字を基準にしましょう、というのは基本。
その理由は、検索したときに表示される文字数やSNS上で表示される文字数。
スマホで見た時とPCで見たときで文字数が違ったりするけど、こういう感じ。
▼検索してはいけない言葉が存在するらしい…
こんな具合に、検索画面に表示されるのは長くても35文字くらいまでで、大体は30文字前後が多くなる傾向にある。
要点を端的にまとめたタイトルを付けることは読者のため。結果的にSEO対策に。
SEO対策ばかりに目が行って内容が分かりづらかったり意味不明なもの、嘘ばっかり書いてるものっては非常によくない。DeNAのWelQ問題とかあったやん。
ただ、タイトル文字数を30文字前後にするメリットはSEO対策ばかりじゃないんよね。なぜかと言えば、端的に要点をまとめた分かりやすいタイトルは人が見て分かりやすいから。
という考え方が大切なんちゃうかな?ようするに読者目線ってやつ。
まあな、人生は実験やで!
文字数や表現のバランスを試行錯誤するのがタイトル付けの面白いところやん。いろいろやってみようや。
▼コレ必見