Meta Tag Google+ Article Rendering (Updated) - HadaCircle

2 Februari 2017

Meta Tag Google+ Article Rendering (Updated)

Menerapkan Meta Tag Google+ Article Rendering (Updated) - Artikel ini adalah pembaharuan dari artikel sebelumnya, fungsinya ialah untuk memperbagus dan meningkatkan relevansi tampilan saat url post blog kita di bagikan ke Google+

Tutorial Webmaster, Blogger

Google+ Article Rendering

Pastikan untuk menghapus kode serupa/memiliki fungsi sama sebelum menerapkan kode berikut.
Penerapan kode sebelum </head>
Pilih salah satu


Versi 1 Schema Valid

<!--Google Article Rendering HadaCircle -->
<b:if cond='data:blog.pageType != "item"'>
<meta itemscope="itemscope" itemtype="http://schema.org/Article" />
<meta itemprop="headline" expr:content="data:blog.pageTitle" />
<meta itemprop="description" expr:content="data:blog.metaDescription" />
<meta itemprop="image" content="/favicon.ico" />
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta itemscope="itemscope" itemtype="http://schema.org/Article" />
<meta itemprop="headline" expr:content="data:post.title" />
<meta itemprop="description" expr:content="data:post.labels + &quot; on &quot; + data:blog.title" />
<meta itemprop="image" expr:content="data:blog.postImageUrl" />
</b:if>
<!---->


Versi 2 Open Graph Valid



<!--Google Article Rendering HadaCircle -->
<b:if cond='data:blog.pageType != "item"'>
<meta property="og:type" content="article" />
<meta itemprop="og:headline" expr:content="data:blog.pageTitle" />
<meta itemprop="og:description" expr:content="data:blog.metaDescription" />
<meta property="og:image" content="/favicon.ico" />
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta property="og:type" content="article" />
<meta itemprop="og:headline" expr:content="data:post.title" />
<meta itemprop="og:description" expr:content="data:post.labels + &quot; on &quot; + data:blog.title" />
<meta property="og:image" expr:content="data:blog.postImageUrl" />
</b:if>
<!---->


Simpan Template
Comments


EmoticonEmoticon