META Tag Open Graph Protocol atau Open Graph Markup Facebook berfungsi untuk memperbaiki tampilan posting blog saat di-like atau di-share ke Facebook.
Meta Tag Open Graph ini bekerja untuk menampilkan gambar atau logo blog ketika di-share ke Facebook. Jika tulisan, artikel, atau posting blog tidak memiliki gambar, maka secara otomatis gambar yang ditampilkan nantinya adalah logo blog atau gambar default yang kita pasang di kode open graph.
Template blog SEO Friendly biasanya sudah memasukkan kode open graph (og) ini di dalam templatenya.
The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.
Facebook's Open Graph protocol allows for web developers to turn their websites into Facebook "graph" objects, allowing a certain level of customization over how information is carried over from a non-Facebook website to Facebook when a page is "recommended", "liked", or just generally shared. (DWB)
Cara Memasang Open Graph Meta Tags Facebook di Blog
1. Template > Edit HTML
2. Di bagian atas kode template ada kode
<b:include data='
3. Copas kode berikut ini di bawah kode tersebut:
<!-- Open Graph Meta Tags BEGIN -->
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
</b:if>
<meta content='blog' property='og:type'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDvoki0Jt1j7Ly-5VXqY7ljshR21la_ON1UfdBNfl89K4nT6Nsdz8MpReGIosBhfY9QemDrmg8aez0a5I9TIDx1Q6J6LhD-MBzofYXR2yPExMk7xTMNVFq3WZ_ROnuauMLnFBeZHw0Q5yb/s265-no/no-image-available.png' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
</b:if>
<meta content='your_app_id' property='fb:app_id'/>
<meta content='your_profil-id' property='fb:admins'/>
<!-- Open Graph Meta Tags END -->
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
</b:if>
<meta content='blog' property='og:type'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDvoki0Jt1j7Ly-5VXqY7ljshR21la_ON1UfdBNfl89K4nT6Nsdz8MpReGIosBhfY9QemDrmg8aez0a5I9TIDx1Q6J6LhD-MBzofYXR2yPExMk7xTMNVFq3WZ_ROnuauMLnFBeZHw0Q5yb/s265-no/no-image-available.png' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
</b:if>
<meta content='your_app_id' property='fb:app_id'/>
<meta content='your_profil-id' property='fb:admins'/>
<!-- Open Graph Meta Tags END -->
4. Save Template!
Setelah Memasang Open Graph Meta Tags Facebook di Blog ini, baca juga panduan Facebook tentang Open Graph.*
0 Komentar
Penulisan markup di komentar