01:59小技集ApacheFacebookOGPこのブログのMTに、あるいはTumblrにもOGP設定してみたわけですが、ある環境でOGPがうまく反映されないケースがあったので紹介します。Facebook開発者などを参考にしながら正しいコードが出力されていることを確認しているのに、URLリンターでチェックしてみると、設定した情報が全く反映されていないという事例がありました。URLリンターに反映されないので当然「いいね!」などを押しても想定した画像がサムネイルにならないなどしばらくハマってしまいました。調べたのですが、Facebookで「いいね!」したときやURLリンターでチェックしたときは、Facebookのクローラー(スクレイパー?)が対象のURLにアクセスしてきて情報を持っていく仕組みになっています。サーバのアクセスログを閲覧できるのであればログの中に「facebookexternalhit」という文字列が入ったUser-Agentを見つけることができると思います。ウェブマスターのためのヘルプOGPのタグはJavaScriptが解析してFacebookに渡すというよりも、最終的な情報はクローラーがHTTPアクセスしてきて確認しているので、どうやらこのクローラーさんがうまくソースを読んでくれていないという予測が立ちました。いうときは文字コードとかが問題になることが多いとなんとなーく気付いてApache(Webサーバ)の設定をチェックしてみたのですが、原因となっていた設定値を見つけることができました。Shift_JISこの対象サーバは複数のVirtualHostで複数のサイトを運営していたのですが、メインのサービスの文字コードが(いまどき?)Shift_JISだったため、ApacheにAddDefaultCharsetが指定されていました。URLへのアクセスに対して、レスポンスに自動的に文字エンコーディングの名前が入ってしまいます。普通のブラウザではHTMLのmetaタグで指定したcharsetを見ているようですが、クローラーはレスポンスヘッダーの文字エンコーディングを優先し、文字化け状態でOGPを認識出来なかったことになります。utf-8という記述を足して解決しました。Offとして無効にしてしまっても問題ないように思います。まとめまあ、あんまり文字コードが混在している環境というのもあまりない・・・と信じたいわけですが、まああるかもしれないので。レアケースとは思いますが、どうしてもうまくいかずに同じような状況の場合は、Apacheの設定確認してみてください。Scriptを使ってメール自動返信2014年版WordPressテーマ作成の第一歩。ファイル・テンプレート構造を理解する1つ古い記事:TumblrにOGP設定してみた1つ新しい記事:2011年06月ランキングプロフィールCreazy!(クリエイジー!)は、WEBエンジニアのヤガー(@yager)がWEBの最新動向やブログやWEBサイトですぐに使える技術情報などを更新しているブログです。(1)最新記事Ffmpegで複数動画を結合して一つの動画に出力*sの周期で買い替えているので、iPhone7はスルーしたヤガーです。現在メインスマホとしてはiPhone6sを利用していますが、サブ機として古いiPhone5sを利用しています。コンパクトなサイズが持ち歩きやすくサブ機にはピッタリで、MVNOの格安SIMでバックアップ回線を確保しつつ、SMARTalkで050番号を取得して事業用の待受専用電話としています。いえ、かなり使い古していることもありバッテリーが一日どころか半日も持たない状態で、なんとかしたいところ。v2.0.2公開(表示不具合対応)アジャイルメディア・ネットワーク株式会社さんの運営するレビューズからBenQの27型カラーマネージメントディスプレイ「SW2700PT」をモニター用にお借りすることができましたので使用感などをレポートしたいと思います。ワタクシ、ヤガーは趣味で写真を撮っており、プライベートでは風景がメインですが、お仕事でお店の写真を撮ったり、フードや商品の写真を撮ったりすることもあります。仕事のメインはWEBサイトの開発だったりするので、写真自体はサブ的な仕事となる事が多いのですが、プロカメラマンさんとお話する機会も多く、ゆくゆくカラーマネージメントディスプレイの導入も考えたいなと考えておりました。