なんか Facebook の「いいね」ボタンを押してもらった時に、タイムラインに表示される内容が文字化けする場合があるみたいです。「シェア」ボタンも同じ。
関連記事：Facebook の「シェアボタン」を復活させる方法
それだとせっかく「いいね」してもらっても意味が無いし、「いいね」してくれた人にとってもオイオイ、となる訳でけで。
また、文字化けする場合は常に文字化けしてくれれば、文字化けする事に気が付くのですが、特定の記事だけで文字化けする場合があるのでわかりにくい。
という事で、文字化けする場合の対処法を。
<meta>タグで charset を指定する。
まず、<head>タグ内に、charset を指定する <meta> タグがあるかどうかを確認します。
自分のブログ文章の文字コードに合わせて以下のどれかを指定します。
また、HTML 5 では以下の書式で指定します。
なお、charset は、はじめの 1,024バイト以内にある必要があるみたいなので、<head>タグの初めの方に書いておけば安心です。
ちなみに WordPress の場合は
// HTML4 の場合 // HTML5 の場合
としておけば、WordPress の設定が反映されるので簡単です。これで文字化けは直るはず。
それでも直らない場合は・・
すでに文字化け状態で「いいね」をしてもらった記事については、文字化けした状態で Facebook の方にキャッシュされちゃっているようなので、そのキャッシュをクリアしてあげれば直るみたいです。
キャッシュクリアの方法は、Facebook のデバッグツールにアクセスして、キャッシュクリアしたいページの URL を入力した後、デバッグボタンをクリックすればキャッシュクリアされます。
「オブジェクトのプロパティ」に文字化けせずに表示されればおっけー。
というわけで、文字化けなんかしてないもんねーな人も <head> タグ内をいじったりした後は、ちゃんと確認しておかないと全力で文字化けっている可能性もあるので（これ私）、念のため確認しておいた方が良いと思いかも、です。
でわでわ。
_タグ内で使う場合の注意点"="" srcset="http://dev.ontheroad.jp/wp-content/uploads/2012/11/programming-80x80.jpg 80w, http://dev.ontheroad.jp/wp-content/uploads/2012/11/programming-50x50.jpg 50w, http://dev.ontheroad.jp/wp-content/uploads/2012/11/programming-82x82.jpg 82w, http://dev.ontheroad.jp/wp-content/uploads/2012/11/programming-110x110.jpg 110w, http://dev.ontheroad.jp/wp-content/uploads/2012/11/programming.jpg 350w" sizes="(max-width: 80px) 100vw, 80px" />
