OGPの記述でつまずいた件。結局「xmlns」か「prefix」かどっちなのか。Parkソーシャルメディア・Web関連のマーケティング・技術情報と、スノーボード・旅行など休日の遊びを記録したブログ。talkお問合わせOGPの記述でつまずいた件。結局「xmlns」か「prefix」かどっちなのか。scraped.」と出てしまうトラブルがありまして。Stackoverflowにはこんなスレッドがありました。scraped.”ざっとまとめると、該当のURLがブラックリストになってるか、そもそも該当のURL(ディレクトリもしくはファイル)のアクセス権限の問題か、もしくは構文エラーじゃないか、と。いまどきW3C準拠100点のマークアップが実現できているページなんてそうそうna・・まあ置いといて、そのサイトの読み込みが遅かったりもしたので改善しつつ、「og:url」に記載していたURLの末尾に「/(スラッシュ)」が無く、サイトにアクセスする際は「/」が補間されていたので、「/」を足したところ無事デバッガーで読み込まれました。なんかog:urlに関しては、いろいろ試してみたんですが別にサイトにアクセスするときは「/」付きで行けて、og:urlの記述に「/」が無いようなケースでも問題ない場合もあるんですよね。「/」があるかどうかというより、実際のサイトのURLがどうなってるか(サーバー側なりで「/」の補間おこなってるかどうか)とも関係あるんで、よくわかりません。困ったらURLを見直してみてはいかが?それよりも、OGPに関して色々とググっていたところ、かなり色々な記述方法が存在しており、また厄介なことにそのどれもが正しく動作するようで、なんかもやもやします。大きく分けると、「xmlns」を使った指定と、「prefix」を使った指定とあるみたいですね。以前、facebookのデバッガーでエラーが出て困っていた時に、この辺の記述を変えたらうまく行ったことがあります。そのあたりについて調べていたところ、↓こんなサイトを見つけました。非常に勉強になりましたが、これでいくと、どうやら「xmlns」の記述はXHTMLで書かれたサイトで利用するもののよう。OGP本家やFacebook推奨の「prefix」の記述は何なのかというと、HTML5で書かれたサイトで利用するのがいいみたいです。実際のところこの辺の記述は実はなくても問題ないようで、metaタグさえ書かれていれば問題ないという意見もありますが、とりあえずHTML5に移行している場合は「prefix」を使い、まだXHTMLで組んでいる場合は「xmlns」を使っておけば、問題ないのかなー、と。いうわけでこのブログではシンプルにこうしました。ParkブログやHPに付いてるFacebookのいいねボタンって結構正しく設置されてないのが多いブログやWebページにFacebookの投稿埋め込む場合の注意点まとめ。]タイトルとURLをコピーしました。