Cara Memasang Rich Snippets Di Blogger

Assalamualaikum, di dalam posting kali ini saya akan menerangkan dan memberi tips cara untuk memasang rich snippets di blogger anda.
Cara Memasang Rich Snippets Di Blogger

Apakah Rich Snippets?

Rich Snippets adalah istilah yang digunakan untuk menggambarkan markup data berstruktur dimana dapat di tambahkan pada HTML website/blog, seterusnya membolehkan search engines memahami dengan lebih baik apa maklumat yang terkandung di setiap halaman sesebuah web ataupun blog. Selain itu ia juga berfungsi sebagai markup atau search engine style yang membolehkan pengguna lebih mudah mencari maklumat yang mereka cari.

Apabila tapak web anda muncul di SERP, Google, dan enjin carian yang lain, ia akan memaparkan tajuk prodak ataupun tajuk posting anda, URL dan apa jua keterangan meta yang telah anda berikan kepada halaman tersebut.
Cara Memasang Rich Snippets Di Blogger

Apakah jenis kandungan yang disokong?

Terdapat tiga spesifikasi markup berbeza yang diiktiraf oleh enjin carian utama:

  1. Microdata
  2. Microformats
  3. RDFa

Dengan Microdata menjadi yang paling banyak disokong dari segi penjelasan, khususnya skema dari Schema.org. Tag Grafik Terbuka dan Kad Twitter adalah satu bentuk markup data berstruktur, tetapi mereka harus digunakan bersama dengan Snippet Kaya, bukannya.

Jenis Halaman Rich Snippets

  1. Company Contact
  2. Book
  3. Courses
  4. Data Collection / Table
  5. Event / Event
  6. Information Verification
  7. Job Vacancy Postings
  8. Local Business
  9. Profession
  10. Podcast
  11. Product
  12. Recipe
  13. Review
  14. Can be spoken
  15. The video


Dan banyak lagi yang saya tidak sebutkan

Cara Memasang Rich Snippets

Pasangkan code berikut tepat di bawah kode<head>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='application/ld+json'>
{
&quot;@context&quot;: &quot;https://schema.org&quot;,
&quot;@type&quot;: &quot;WebSite&quot;,
&quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;,
&quot;name&quot; : &quot;<data:blog.pageTitle/>&quot;,
&quot;description&quot; : &quot;<data:blog.metaDescription/>&quot;,
&quot;image&quot;: &quot;https://2.bp.blogspot.com/-TPJEj8ZFT0A/XByWYIpXXdI/AAAAAAAAA7E/kHJV9JuKr0Yr8NP4IKrllN8ViFRMbQZ_wCLcBGAs/s1600/unnamed.png&quot;,
&quot;author&quot; : &quot;DottyCat&quot;,
&quot;logo&quot;: &quot;https://1.bp.blogspot.com/-K-xehFYXW-o/XiBCrWzCkbI/AAAAAAAACq8/xaLfxxf0Ynk_hsK7gx04_1u011k6JjAaQCLcBGAsYHQ/s1600/LOH.png&quot;,
&quot;potentialAction&quot;: {
&quot;@type&quot;: &quot;SearchAction&quot;,
&quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;,
&quot;query-input&quot;: &quot;required name=search_term&quot;
},
&quot;sameAs&quot; : [&quot;http://www.facebook.com/anzgamerr&quot;,
&quot;http://www.facebook.com/o4uOfficial&quot;,
&quot;https://www.blogger.com/profile/06804142180972428774&quot;]
},
&quot;contactPoint&quot;: [
{ &quot;@type&quot;: &quot;ContactPoint&quot;,
&quot;telephone&quot;: &quot;+601114118749&quot;,
&quot;contactType&quot;: &quot;customer service&quot;
}
]
}</script>
<b:else/>
<script type='application/ld+json'>
{
&quot;@context&quot;: &quot;https://schema.org&quot;,
&quot;@type&quot;: &quot;WebSite&quot;,
&quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;,
&quot;name&quot; : &quot;<data:blog.pageTitle/>&quot;,
&quot;description&quot; : &quot;<data:blog.metaDescription/>&quot;,
&quot;image&quot;: &quot;<data:blog.postImageUrl/>&quot;,
&quot;author&quot; : &quot;DottyCat&quot;,
&quot;logo&quot;: &quot;https://1.bp.blogspot.com/-K-xehFYXW-o/XiBCrWzCkbI/AAAAAAAACq8/xaLfxxf0Ynk_hsK7gx04_1u011k6JjAaQCLcBGAsYHQ/s1600/LOH.png&quot;,
&quot;potentialAction&quot;: {
&quot;@type&quot;: &quot;SearchAction&quot;,
&quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;,
&quot;query-input&quot;: &quot;required name=search_term&quot;
},
&quot;sameAs&quot; : [&quot;http://www.facebook.com/anzgamerr&quot;,
&quot;http://www.facebook.com/o4uOfficial&quot;,
&quot;https://www.blogger.com/profile/06804142180972428774&quot;]
},
&quot;contactPoint&quot;: [
{ &quot;@type&quot;: &quot;ContactPoint&quot;,
&quot;telephone&quot;: &quot;+601114118749&quot;,
&quot;contactType&quot;: &quot;customer service&quot;
}
]
}</script>
</b:if>

Perhatikan kod yang saya berikan di atas, gantikan kod yang saya tandakan seperti author name/logo url/ facebook url dan blogger url

Setela selesai, simpan template anda.

Walaupun saya tahu bahawa Schema Pro boleh mendapatkan sedikit teknikal apabila ia menyentuh perkara seperti bidang pemetaan tersuai ke data skema, Schema Pro benar-benar cara penyelenggaraan yang paling fleksibel dan paling rendah untuk menambah markup skema ke blogger/WordPress dan mendapatkan coretan kaya.
Related Posts!
Comments!