2018年08月01日
Docker for Mac を使って WordPress の...
2018年07月29日
Docker for Mac のインストール
2018年07月08日
Docker 便利コマンドあれこれ
2018年07月08日
オライリーの Docker 本(Docker Up &...
2018年07月05日
iPad mini 2 を購入しました
2018年07月04日
Docker で Jenkins するときのあれこれ

HOME > カテゴリ(HTML/CSS, クラウド/ソーシャル)の記事

Facebook の「いいね」ボタンとかの文字化けを直す方法



いつも悩まされる文字化け問題。せっかくの「いいね」ボタンも文字化けしては意味が無い。ってことで、せっかく「いいね」を設置したのに文字化けしちゃう場合の対策を。

なんか Facebook の「いいね」ボタンを押してもらった時に、タイムラインに表示される内容が文字化けする場合があるみたいです。「シェア」ボタンも同じ。

関連記事:Facebook の「シェアボタン」を復活させる方法

それだとせっかく「いいね」してもらっても意味が無いし、「いいね」してくれた人にとってもオイオイ、となる訳でけで。

また、文字化けする場合は常に文字化けしてくれれば、文字化けする事に気が付くのですが、特定の記事だけで文字化けする場合があるのでわかりにくい。

という事で、文字化けする場合の対処法を。

<meta>タグで charset を指定する。

まず、<head>タグ内に、charset を指定する <meta> タグがあるかどうかを確認します。

自分のブログ文章の文字コードに合わせて以下のどれかを指定します。





また、HTML 5 では以下の書式で指定します。





なお、charset は、はじめの 1,024バイト以内にある必要があるみたいなので、<head>タグの初めの方に書いておけば安心です。

ちなみに WordPress の場合は

// HTML4 の場合


// HTML5 の場合

としておけば、WordPress の設定が反映されるので簡単です。これで文字化けは直るはず。

それでも直らない場合は・・

すでに文字化け状態で「いいね」をしてもらった記事については、文字化けした状態で Facebook の方にキャッシュされちゃっているようなので、そのキャッシュをクリアしてあげれば直るみたいです。

キャッシュクリアの方法は、Facebook のデバッグツールにアクセスして、キャッシュクリアしたいページの URL を入力した後、デバッグボタンをクリックすればキャッシュクリアされます。

「オブジェクトのプロパティ」に文字化けせずに表示されればおっけー。



というわけで、文字化けなんかしてないもんねーな人も <head> タグ内をいじったりした後は、ちゃんと確認しておかないと全力で文字化けっている可能性もあるので(これ私)、念のため確認しておいた方が良いと思いかも、です。

でわでわ。





この記事にコメントする





Copyright © 2012 - 2013 MacBook Air とWordPressでこうなった All rights reserved
Designed by Theme Junkie. Powered by WordPress.