【解決】WordPressのビジュアルエディタでBとIがstrongとemタグになってしまう

SEO

【追記】プラグイン化しました。BI Button Changer

詳しくはこちら→WordPressのエディタでBボタンをStrongではなくBタグにするプラグイン

 

WordPressのビジュアルエディタは本当に便利でありがたい限りですが、大きなお世話なところも少なからずあるわけで。

その中で、もっともよろしくないと思うのが、Bボタンと、Iボタン。

Bはボールドで太文字になるので、当然bタグがあてがわれると思っていたら、strongタグになってしまいます。

Iも同様に、イタリックで斜体になるので、iタグがあてがわれると思ったら、emタグになってしまいます。

strongやemは、h1,h2などの見出しタグ同様、検索エンジンは重要なワードとして認識する。ゆえに適材適所で使う分にはいいが、乱発すると「意図的に検索エンジンをだまそうとしている」のような受け止められ方をされて、ペナルティを受ける場合がある。よって、strongタグやemタグを乱用するのはSEO上よろしくない。
みたいに言われています。

にもかかわらず、ワンクリックでstrongとemが使えてしまうので、これを知らずにガンガン使うとまずいので、BボタンやIボタンは、実質ほとんど使いません。

そんなことをわかっている人はいいのですが、SEOという言葉すら知らないクライアントさんにお渡しする際には、これは非常にまずいわけです。

なので、これまではAddQuicktag を使ったり、Visual Editor Custom Buttons をつかって、「BボタンとかIボタンは使わずに、こっちを使ってください。なぜなら、SEOという考え方があって、うんたらかんら・・・」という説明をしていたわけですが、いい加減どうにかならないか、と一念発起して、調べてたらこんな方法が。

Should the WP post editor B (bold) button be inserting a <b> tag instead of <strong> in HTML5? - WordPress Development Stack Exchange

早速やってみました。

ビジュアルエディタのBボタンとIボタンの出力を変更

function.phpあたりに、以下をいれます。

するとどうでしょう!
Bボタンでbタグ、Iボタンでiタグにばっちりなってますね!

テキストエディタのBボタンとIボタンを変更

ただ、テキストエディタでは、相変わらずstrongとemなので、こっちも変えたい。

そこで、functioni.php 以下を追加します。
テキストエディタでは、置き換える方法がわからなかったので、一旦既存のBとIボタンは取り除きます。quicktags_settings フックで、strongとemがない状態にします。

それから、admin_print_footer_scripts フックで、JSを追加して、bとiボタンを追加します。

これで、大丈夫なはず。

すでに使ってしまったstrongタグとemタグをフロント出力時に置換

あと、すでに散々strongタグやemを使いまくってしまった、という場合には、表示するときにbとiタグに置換する方法もあります。同じくfunction.phpに以下をいれます。(ただし、strongタグやemタグを意図して使いたくても置換されていまいます。)

BボタンとIボタンをクリックしたときに、bタグ、iタグにする方法まとめ

function.phpに以下をまるっと入れれば、Bボタンを押してもstrongタグにならずにbタグに。Iボタンを押しても、emタグにならずにiタグになります。

参考サイト

クイックタグAPI

https://wpdocs.osdn.jp/%E3%82%AF%E3%82%A4%E3%83%83%E3%82%AF%E3%82%BF%E3%82%B0API

 

テキストエディタから、クイックタグボタンをつけたり外したりする方法

File Not Found

 

+1
タイトルとURLをコピーしました