Cara Memasang Struktur Schema Org Di Blog

Pengenalan Tentang Schema.Org

Schema Org atau Schema Markup adalah kolaborasi dari beberapa mesin pencarian seperti Google, Yahoo dan Bing (Microsoft, yang bertujuan untuk meningkatkan blog atau web dengan cara membuat kosakata yang umum untuk mendeskripsikan data di blog atau web yg telah dibuat. Dan apabila anda sudah Memasang Schema Markup ditemplate blog atau web anda maka mesin pencarian seperti Google, Bing dan Yahoo akan lebih mudah untuk menemukan artikel yang anda posting sesuai dengan Niche anda.
 
 Schema Org juga salah satu teknik SEO yang biasa digunakan para webmaster agar hasil postingan atau artikel yang dimuat bisa nongol di halaman pertama Google. Tentu saja bukan hanya memasang Markup Schema Org saja biar bisa tampil dihalaman pertama mesin pencarian, anda juga harus mengedepankan konten konten unik dan original juga menerapkan optimasi optimasi blog atau web lainnya seperti Optimasi SEO OnPage dan Optimasi SEO OffPage yang nanti akan saya share juga.

Jenis data yang didukung oleh Pemandu Markup

  • Pemandu Markup: Artikel
  • Pemandu Markup: Acara
  • Pemandu Markup: Bisnis Lokal
  • Pemandu Markup: Film
  • Pemandu Markup: Produk
  • Pemandu Markup: Restoran
  • Pemandu Markup: Aplikasi Perangkat Lunak

Sebelum menerapkan atau Memasang Microdata Schema Org di template anda, alangkah baiknya anda melakukan test terlebih dulu agar bisa membandingkan sebelum dan sesudah memasang Schema Org dengan menggunakan Structured Data Testing Tools Google seperti contoh hasil test blog zaputra.com ini.

Cara Memasang Struktur Schema Org Di Blogspot

1. Template -> Edit HTML
 2. Ganti kode <nav> atau kode navigasi menu dengan kode berikut ini:
 
 <nav id=’topnav’ itemscope=’itemscope’ itemtype=’http://schema.org/SiteNavigationElement' role=’navigation’>
 3. Ganti kode <body> dengan kode ini:
 
 <body class=’index’ itemscope=’’ itemtype=’http://schema.org/WebPage'>
 4. Ganti kode <header> atau <header-wrapper> dengan:
 
 <div id=’header-wrapper’ itemscope=’itemscope’ itemtype=’http://schema.org/WPHeader'>
 5. Ganti kode <content-wrapper> atau <main-wrapper> dengan:
 
 <div id=’content-wrapper’ itemscope=’itemscope’ itemtype=’http://schema.org/Blog' role=’main’>
 
 6. Ganti kode: <div class=’post hentry uncustomized-post-template’ > dengan:
 
 <div class=’post hentry uncustomized-post-template’ itemscope=’itemscope’ itemtype=’http://schema.org/BlogPosting'>
 
 7. Ganti kode: <article class=’post hentry’ expr:id=’data:post.id’> dengan:
 
 <article class=’post hentry’ expr:id=’data:post.id’ itemscope=’’ itemtype=’http://schema.org/BlogPosting'>
 
 8. Cari dan ganti kode: <div class=’author-profile’ itemprop=’author’ > dengan:
 
 <span class=’fn author’ itemprop=’author’ itemscope=’itemscope’ itemtype=’http://schema.org/Person'>
 9. Ganti kode <div id=’sidebar-wrapper’> dengan kode:
 
 <div id=’sidebar-wrapper’ itemscope=’itemscope’ itemtype=’http://schema.org/WPSideBar'>
 
 10. Ganti kode <footer id=’footer-wrapper’> dengan:
 
 <footer id=’footer-wrapper’ itemscope=’itemscope’ itemtype=’http://schema.org/WPFooter'>
 
 11. Ganti kode <div id=’credit’> dengan kode:
 
 <div id=’credit’ itemscope=’itemscope’ itemtype=’http://data-vocabulary.org/copyrightHolder'>
 
 
 Silahkan save template anda dan coba test lagi menggunakan Tool Structured DataTesting Tools Google dan coba bandingkan setelah anda memasang Schema Org template blog atau web anda akan lebih terstruktur Schema Markupnya.
 
 Dan bagi Blogger Pemula seperti saya, dan masih merasa bingung menerapkan cara diatas juga ada cara lain yang lebih simple untuk menerapkannya seperti berikut:

Cara Gampang Memasang Schema Markup

1. Template > Edit HTML
 2. Copas kode berikut ini di bawah kode <body> atau <body expr:class=’&quot;loading&quot; + data:blog.mobileClass’>

<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<meta expr:content='data:blog.pageName' itemprop='name'/>
<meta expr:content='data:blog.canonicalUrl' itemprop='url'/>
<b:else/>
<meta expr:content='data:blog.title' itemprop='name'/>
<meta expr:content='data:blog.homepageUrl' itemprop='url'/>
</b:if> <meta expr:content='data:blog.metaDescription' itemprop='description'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/>
<b:else/>
<meta content='//zaputra.com' itemprop='image'/>
</b:if>
</div>

*Ganti //zaputra.com dengan URL link logo blog Anda!

selesai….
 
 Dan Apabila Artikel Cara Memasang Struktur Schema Org Di Blog ini bermanfaat, anda bisa bantu share dengan bantuan tombol share dibawah ini…
 
 Terima Kasih and Happy Blogging…

Like what you read? Give zaputra a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.