Ads by Yasya El Hakim
Cara Menggunakan/Memasang Schema Markup pada Blogger

Schema Markup sudah banyak digunakan pada Blog ataupun Website, tetapi hanya beberapa yang mengetahui tentang Schema Markup. Jangan khawatir, disini saya akan menjelaskan semua tentang Schema dan pentingnya Schema untuk Blog ataupun Website agar cepat terbaca oleh Search Engine.

Apa itu Schema.org atau Schema Markup?

Dimulai sejak tahun 2011 ketika raksasa Search Engine seperti Bing, Google, dan Yahoo berkolaborasi untuk membuat dan mendukung sebuah set skema struktur data pada halaman web yang dikenal dengan nama Schema.org atau Schema Markup. Schema Markup merupakan kode yang dapat anda letakkan kedalam Website untuk membantu Search Engine agar dapat memberikan hasil yang informatif bagi penggunanya. Schema Markup menggunakan Microdata, berformat RDFa atau JSON-LD untuk menandai konten pada Blog dengan metadata.

Tipe Apa Sajakah yang didukung oleh Schema.org?

Schema Markup menggunakan Vocabulary yang sangat banyak termasuk format lama seperti Microformat, FOAF, GoodRelation, dan OpemCyc. Anda dapat melihat Microformat pada Google Webmaster Tool.

Tipe Snippet dan Graph apa saja yang dapat terlihat di Hasil Pencarian?

  1. Snippet: Teks deskripsi yang tilihat dibawah link website/konten.
  2. Rich Snippet: Sangat dibutuhkan untuk membuat halaman website atau blog menjadi terstruktur. Jika Googlebot dapat memahami konten pada suatu halaman web. Maka Googlebot akan menampilkan Rich Snippet pada hasil pencarian.
  3. Knowledge Graph: Sama seperti Rich Snippet. Jika Google memahami apa isi dari suatu halaman web, maka Google akan menampilkan kotak informasi disisi kanan pada Search Engine dengan syarat Website/blog tersebut harus terstruktu.

Cara Validasi Data Mark Up

Anda dapat mem-validasi data mark-up dengan tool online berikut:
  1. Google Structured Data Testing Tool
  2. Bing Markup Validator
  3. Yandex Microformat Validator

Cara Menggunakan Schema.org Markup pada Blogger

1. Buka dan masuk ke Blogger
2. Pada Dashboard Blogger, klik Template > Edit HTML
3. Cari kode <nav> atau <nav dan ubah dengan kode berikut:
<nav id='topnav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>

3. Cari kode <body> atau <body dan ubah dengan kode berikut:
<body class='index' itemscope='' itemtype='http://schema.org/WebPage'>

4. Cari tag <header> atau <header-wrapper> atau <header atau <header-wrapper dan ubah dengan kode berikut:
<div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>

5. Cari kode <content-wrapper> atau <main-wrapper> atau <content-wrapper atau <main-wrapper dan ubah dengan kode berikut:
<div id='content-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>

6. Sekarang cari kode:
<div class='post hentry uncustomized-post-template'>

dan
<article class='post hentry' expr:id='data:post.id'> 

Ubah kode pertama dengan kode berikut:
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

Dan ubah kedua kedua dengan kode berikut:
<article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>

7. Cari kode berikut:
<div class='author-profile' itemprop='author' >

Ubah dengan kode berikut:
<span class='fn author' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>

8. Cari tag <div id='sidebar-wrapper'> atau <div id='sidebar-wrapper' dan ubah dengan kode berikut:
<div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>

9. Cari Footer Section dengan kode <footer id='footer-wrapper'> atau <footer id='footer-wrapper' dan ubah dengan kode berikut:
<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>

Itulah beberapa kode markup untuk Schema.org pada Blogger.

0Komentar

Sebelumnya Selanjutnya