For og:image
and og:url
, since they have URL, can I place them in a link
tag instead of a meta
tag, and is it preferable?
Also what is the difference in using these two tags w.r.t. og:image
and og:url
?
I don't know about other major consumers of the OGP so this might not be a problem for your case, but if you plan to implement it for Facebook,
Doing a quick live test with the open graph debugger and fiddling with the og:
tags, it appears that facebook only recognizes them if they are placed in <meta>
s.
If you create an empty HTML file with a single og:url
tag in its <head>
section, upload it to any URL and run it through the debugger above, both
<link rel="og:url" href="http://www.imdb.com/title/tt0117500/" />
and
<link property="og:url" content="http://www.imdb.com/title/tt0117500/" />
edit or, as suggested in the comments
<link property="og:url" href="http://www.imdb.com/title/tt0117500/" />
will fail to parse and return the original URL, while
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
parses correctly and returns the contents of The Rock on IMDb instead. At the end of the day semantics are nice, but working code is even better.