Bingung sama Facebook Open Graph

Saya bingung dalam meta tag Facebook Open Graph, ini contohnya:

Yang pakai Open Graph:

Code:

<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-post" data-href="https://www.facebook.com/fitting.room.page/posts/596703670399574" data-width="466"><div class="fb-xfbml-parse-ignore">[url=https://www.facebook.com/fitting.room.page/posts/596703670399574]Post[/url] by [url=https://www.facebook.com/fitting.room.page]Fitting Room[/url].</div></div>

Tanpa Open Graph:

Code:

<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-post" data-href="https://www.facebook.com/fitting.room.page/posts/596704703732804" data-width="466"><div class="fb-xfbml-parse-ignore">[url=https://www.facebook.com/fitting.room.page/posts/596704703732804]Post[/url] by [url=https://www.facebook.com/fitting.room.page]Fitting Room[/url].</div></div>

Meta title+description+featured image

Code:

<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-post" data-href="https://www.facebook.com/fitting.room.page/posts/596291903774084" data-width="466"><div class="fb-xfbml-parse-ignore">[url=https://www.facebook.com/fitting.room.page/posts/596291903774084]Post[/url] by [url=https://www.facebook.com/fitting.room.page]Fitting Room[/url].</div></div>

Nah tampilan Open Graph yang bener itu gimana sih? Kalau Twitter Card yang bener kan gampang liatnya (ada summary di bawah tweet), seperti:

Code:

<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-post" data-href="https://www.facebook.com/fitting.room.page/posts/596291903774084" data-width="466"><div class="fb-xfbml-parse-ignore">[url=https://www.facebook.com/fitting.room.page/posts/596291903774084]Post[/url] by [url=https://www.facebook.com/fitting.room.page]Fitting Room[/url].</div></div>

Bantu jelasin donk, gimana meta tag Open Graph yang bener

 

Iya yang bisa embed fb baru

Iya yang bisa embed fb baru mas @dan saja , kalau twitter semua bisa kayaknya

 

ncang wrote:

Twitter juga gak bisa tuh, yang terakhir kan twitter.

Yang mau bantu jelasin, silahkan klik link postnya ya, jangan khawatir gak mungkin link affiliasi kok

 

foxydiba wrote:

 

hanya test, embed twitter,

hanya test yang tidak memakai twitter card , "Bikin dan edit postingan sekarang tidak perlu ribet " — danbz http://t.co/FjkSOti7km #htmly— masa iya (@masaiyabiz) January 20, 2014


yang memakai twitter card.
Today's the 50th anniversary of the #waronpoverty. Revisit our @branch: Are we losing the war? http://t.co/ixSLoOzPFR— Urban Institute (@urbaninstitute) January 8, 2014

 

meanrarik ikut gelar tikar ah

meanrarik ikut gelar tikar ah , soal nya ane lagal tau

 

Oh soalnya pake JS ya.....

Oh soalnya pake JS ya.....

Open Graph-nya udah nemu jawabannya kok, ternyata kalau di Klik kanan > View Page Info, gak ada di dalam meta tags, kalau dilihat page souce keliatan deh meta data Open Graph.

Makasih @ncang yang udah mau terlibat dalam diskusi