Meta Opengraph tema Blogger.

Opengraph

Open Graph adalah sebuah protokol yang melengkapi fungsi suatu halaman web / blog menjadi lebih kaya dengan elemen yang terstruktur dengan jejaring sosial.

Dengan protokol open Graph ini, sebuah halaman web / blog secara otomatis dapat menyesuaikan objek-objek yang dibutuhkan oleh platform berbagai jejaring sosial. Cukup dengan menempatkan metadata / tag meta og: dalam template HTML maka halaman dapat ditampilkan diberbagai jejaring sosial populer yang ada.

Basic Metadata

Dibawah ini tabel basic meta data yang disarankan untuk diterapkan didalam template HTML web / blog.

Elemen	konten	property
URL	alamat blog / website	og:url
Type	website / article / object	og:type
Title	Nama blog / judul halaman	og:title
Image URL	URL gambar	og:image
Image alt	teks alternatif gambar	og:image:alt
Description	deskripsi blog / halaman	og:description
Updated_time	waktu update halaman	og:updated_time
fb:app_id	ID aplikasi Facebook	fb:app_id

Contoh penulisan tag meta og:
<meta content='https://nama_blog.com' property='og:url'

Meta og: Blogger

Untuk penggunaan meta og: di template Blogger (Blogspot) v3 dibawah ini tag meta og: otomatis yang bisa langsung dipastekan dalam template.

<!-- Metadata Open Graph protocol http://ogp.me/. -->
<b:if cond='data:view.isHomepage'>
  <meta content='website' property='og:type'/>
</b:if>
<b:if cond='data:view.isSingleItem'>
  <meta content='article' property='og:type'/>
</b:if>
<b:if cond='data:view.isMultipleItems and not data:view.isHomepage'>
  <meta content='object' property='og:type'/>
</b:if>    
  <meta expr:content='data:view.title.escaped' property='og:title'/>
  <meta expr:content='data:blog.url.canonical' property='og:url'/>
  <meta expr:content='data:view.description.escaped' property='og:description'/>
  <meta expr:content='data:blog.title.escaped' property='og:site_name'/>
  <b:tag cond='data:view.isMultipleItems and data:widgets.Blog.first.posts[0].featuredImage' expr:content='data:widgets.Blog.first.posts[0].featuredImage' name='meta' property='og:image'/>
<b:if cond='data:view.featuredImage'>
  <meta expr:content='data:view.featuredImage' property='og:image'/>
  <meta expr:content='data:view.featuredImage' name='twitter:image'/>
</b:if>
  <meta content='summary_large_image' name='twitter:card'/>
  <meta expr:content='data:view.title.escaped' name='twitter:title'/>
  <meta expr:content='data:blog.url.canonical' name='twitter:domain'/>
  <meta expr:content='data:view.description.escaped' name='twitter:description'/>

⇐ Sebelumnya

Selanjutnya ⇒