HTML5でOGP設定する際に注意したいxmlns属性とprefix属性
SNS対応のOGP(Open Graph Protocol)をHTML5に追加する際に一部変更が必要なようです。
ソーシャルネットワークサービス(SNS)を通じてブログを広めていくためにはOGP(Open Graph Protocol)の設定が重要なようです。
OGPを設置にするにあたって色々調べていたらHTML5で注意した方がよさそうな点がありました。この記述です。<html xmlns:og=”http://ogp.me/ns#”>
ん?HTML5で組みたいのにxmlns?
01 . HTML5でのOGP
OGP設定を調べてみるとxmlns:ogを書きましょう!と各サイトで書かれていました。が、HTML5で組みたいときもxmlns使うの?と思い調べてみると、どうもこの記述方法はXHTML向けみたいです。HTML5ではもっとシンプルに
1
|
<
head
prefix
=
"og: http://ogp.me/ns#"
>
|
という風にheadに追加してあげればいいみたい。
02 . まとめるとこんな感じ
Facebook用の記述も織り交ぜるとこんな感じになります。
1
2
3
4
5
6
7
|