Assalamualaikum, di dalam posting kali ini saya akan menerangkan dan memberi tips cara untuk memasang rich snippets di blogger anda.
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.
Terdapat tiga spesifikasi markup berbeza yang diiktiraf oleh enjin carian utama:
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.
Pasangkan code berikut tepat di bawah kode<head>
Perhatikan kod yang saya berikan di atas, gantikan kod yang saya tandakan seperti author name/logo url/ facebook url dan blogger url
Apakah Rich Snippets?
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.
Apakah jenis kandungan yang disokong?
- Microdata
- Microformats
- 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
- Company Contact
- Book
- Courses
- Data Collection / Table
- Event / Event
- Information Verification
- Job Vacancy Postings
- Local Business
- Profession
- Podcast
- Product
- Recipe
- Review
- Can be spoken
- The video
Dan banyak lagi yang saya tidak sebutkan
Cara Memasang Rich Snippets
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='application/ld+json'>
{
"@context": "https://schema.org",
"@type": "WebSite",
"url": "<data:blog.homepageUrl/>",
"name" : "<data:blog.pageTitle/>",
"description" : "<data:blog.metaDescription/>",
"image": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYszd0B2xmoU1uf5qMhPqyKOYU7q_KpzXxSZan3YAcjgbF93it5EPa1X5xkwZLfjb1GadrcYAS29iSm1Ge7IH7tyD3nKWlw_bBJOqxbGgudk-KR4sbSwDQst_GmbIkqsA5cnTtAzMDrVSc/s1600/unnamed.png",
"author" : "DottyCat",
"logo": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWU6vzTUBMP-zTEpBn-lcntvisg-64TeYLEkAU4c667TdWZhnIUJQIxJSShFnZ2c2Q2n9fYaj1ymFC1o1DuTwTJXlD7eg4i7zbrjBFiUw1zQxVyltblTWaxloCTO-hHDgYNFpypNZe0mo/s1600/LOH.png",
"potentialAction": {
"@type": "SearchAction",
"target": "<data:blog.homepageUrl/>?q={search_term}",
"query-input": "required name=search_term"
},
"sameAs" : ["http://www.facebook.com/anzgamerr",
"http://www.facebook.com/o4uOfficial",
"https://www.blogger.com/profile/06804142180972428774"]
},
"contactPoint": [
{ "@type": "ContactPoint",
"telephone": "+601114118749",
"contactType": "customer service"
}
]
}</script>
<b:else/>
<script type='application/ld+json'>
{
"@context": "https://schema.org",
"@type": "WebSite",
"url": "<data:blog.homepageUrl/>",
"name" : "<data:blog.pageTitle/>",
"description" : "<data:blog.metaDescription/>",
"image": "<data:blog.postImageUrl/>",
"author" : "DottyCat",
"logo": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWU6vzTUBMP-zTEpBn-lcntvisg-64TeYLEkAU4c667TdWZhnIUJQIxJSShFnZ2c2Q2n9fYaj1ymFC1o1DuTwTJXlD7eg4i7zbrjBFiUw1zQxVyltblTWaxloCTO-hHDgYNFpypNZe0mo/s1600/LOH.png",
"potentialAction": {
"@type": "SearchAction",
"target": "<data:blog.homepageUrl/>?q={search_term}",
"query-input": "required name=search_term"
},
"sameAs" : ["http://www.facebook.com/anzgamerr",
"http://www.facebook.com/o4uOfficial",
"https://www.blogger.com/profile/06804142180972428774"]
},
"contactPoint": [
{ "@type": "ContactPoint",
"telephone": "+601114118749",
"contactType": "customer service"
}
]
}</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.