Open Graph Protocol - how to make it work with multiple stories on a page?

Question

The Open Graph Protocol is a new methodology for storing metadata to make it easier for third party sites (think the Facebook LIKE button) to identify relevant content on yo

Answer 1

According to this post , if each of your objects have a unique URL with its own metatags, it's possible to do what you want. There are proposed solutions. One with iframe (not recommended there) and one without it. I have not tested them, but will probably do it on my website soon.

Answer 2

Each object is represented by a unique URL so, no, multiple objects cannot exist on a single page.

You can have multiple like buttons on one page, but each must be set to point at a different URL by using the href attribute.

You can make each of your object urls do a JavaScript redirect (window.location.href = new_url) to make users who arrive at each of your object pages be redirected to a single user-visible page.

Answer 3

As far as I know, you're stuck - but if you figure out a way, let me know!

I worked on a project that needed to have multiple Open Graph tags on a page - in the end, we ended up trimming down the number of items we needed OG for, so that we'd only have one story on a page.

Answer 4

All I can think of is using <iframe>. Each article is gonna have its own page, suitable to be placed inside another page. And then you can display all those articles inside the master page.

Answer 5

If each like button is associated with an item on the same page, then header of each item could link through to a page for just that item. That page could carry all the meta tags for the item and like button would use the url of that page. I did this here http://cinema-shorts.org/past/ (P.S. this is the first proper website Ive built so if its broken please forgive me)