Menambahkan Meta OG lengkap - Blogger

oleh Handy Eko Cahyono • Rabu, Oktober 10, 2018 • Update terakhir : Jumat, Juni 24, 2022.

0

Meta Open Graph untuk mendukung halaman pada saat dibagikan ke media sosial.

Dibawah ini tersedia metadata Open Graph untuk template Blogger versi lama dan versi baru. Semua tinggal di copy lalu paste dalam template HTML bagian head.
Sudah dicustom otomatis menyesuaikan data setiap halaman postingan dan halaman statis (SingleItem) serta Homepage (MultipleItems), bisa diuji dulu. Jika ternyata tidak cocok silahkan dihapus.

Cara uji ada beberapa cara, yang paling mudah gunakan opsi Lihat sumber halamam (untuk laptop)
Atau langsung menggunakan Facebook Debugger. Syaratnya harus memasang langsung salah satu kode meta dibawah ini dalam template lalu simpan.

Metadata Open Graph Blogger versi baru :

<head>


<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.title.escaped' property='og:site_name'/>
<b:if cond='data:view.isMultipleItems'>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription.escaped' property='og:description'/>
<b:else/>
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' property='og:description'/>
</b:if>
<b:else/>
<meta content='article' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription.escaped' property='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' property='og:description'/>
</b:if>
</b:if>
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:image:alt'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='resizeImage(data:blog.postImageUrl, 0)' property='og:image'/>
<b:else/>
<meta content='https://i.ibb.co/sm00LZ2/cover-hec.webp' property='og:image'/>
</b:if>


<meta content='xxxxxxxxxxxxxxx' property='fb:app_id'/>
<meta content='xxxxxxxxxxxxxxxxx_g' name='google-site-verification'/>
<meta content='id-ID' property='og:locale:alternate'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>

</head>

Metadata Open Graph Blogger versi lama :

<head>

  

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
  <b:if cond='data:blog.pageType == "static_page"'>
   <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.pageName' property='og:image:alt'/>
   </b:if>
  </b:if>
</b:if>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='id_ID' property='og:locale'/>

</head>

Tags: BLOGGER Meta

Posting Komentar (0)