Cara Mudah Memasang Schema Org Markup agar Lebih SEO Friendly di Template Blogger




Cara Mudah Memasang Schema Org Markup  agar Lebih SEO Friendly di Template Blogger
Cara Mudah Memasang Schema Org Markup di Template Blogger : Pada siang ini saya akan share tentang cara memasang chema org markup pada template blogspot. Nah tentunya bagi anda yang seorang pemula atau masih baru mengenal dunia blogger pasti akan kebingungan juga dengan artikel yang saya share ini, jadi sebelumnya saya akan menjelaskan sedikit mengenai schema agar anda yang tidak pusing nantinya.
SCHEMA org markup adalah elemen baru dalam desain template blogspot. Schema Org Markup diyakini dan terbukti menambah seo dan mempermudah indeks Google atau mesin pencari lainnya. 


Bagi kita yang awam soal coding, web desain, dan programming, cukup memahami Schema Marup ini sebagai berikut:
Schme Markup adalah sebuah rangkaian kode yang akan membantu mesin pencari (search engines) akan lebih mudah untuk mengindeks konten blog atau website dan menyajikan informasi data paling akurat dan relevan kepada pengguna (user) atau pengunjung (visitor).
Nah untuk selengkapnya tentang Schema Org Markup ini bisa anda simak di Pemandu Markup Google.

Cara termudah apakah template blog kita sudah menggunakan Schema Markup atau belum, tinggal cek di Google Structured Data Testing Tool.

Bila sudah anda cek dan tidak ada error, sudah cukup. Ada error missing pun tidak terlalu masalah, karena schema markup ini hanyalah "senjata ekstra" untuk mendorong seo blog.

Schema Org Markup di Template Blog

Saya lihat pada artikel teman-teman sudah banyak yang membahas tips memasang schema org di template blog, baik itu cara pemasangannya dari yang rumit hingga termudah. Dan salah satunya dibagi oleh Bloggerspice berikut ini. Note anda jangan lupa, untuk jaga-jaga, BACK-UP dulu template blog Anda. Karena takut terjadi hal yang tidak diinginkan pada template anda nantinya.

Tips berikut ini sudah saya terapkan di Template mizipediacom.

Cara Memasang  Schema Org Markup

  1. Pertama , pastikan anda sudah masuk di dasbhor anda sendiri
  2. Masuk pada bagian editor template , caranya pilih Menu Template -> Edit HTML.
  3. Temukan kode seperti ini <nav> dan ganti kode tersebut dengan kode di bawah ini
    <nav id='topnav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
  4. Ganti kode <body> dengan kode di bawah ini
    <body class='index' itemscope='' itemtype='http://schema.org/WebPage'>
  5. Ganti kode <header> atau <header-wrapper> dengan:
    <div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
  6. Ganti kode <content-wrapper> atau <main-wrapper> dengan:
    <div id='content-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
  7. Anda ganti kode
    <div class='post hentry uncustomized-post-template' >
  8. dengan kode
    <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  9. Ganti kode: 
    <article class='post hentry' expr:id='data:post.id'>
  10. Dengan kode ini
    <article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
  11. Cari dan ganti kode
    <div class='author-profile' itemprop='author' >
  12. Dengan kode di bawah ini
    <span class='fn author' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  13. Anda ganti kode <div id='sidebar-wrapper'>
    <div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
  14. Ganti kode <footer id='footer-wrapper'> dengan kode di bawah ini
    <footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
  15. Ganti kode <div id='footer-credit'> dengan kode di bawah ini
    <footer id='footer-credit' itemscope='itemscope' itemtype='http://data-vocabulary.org/copyrightHolder'>
  16. Nah sampai langkah ini artinya sudah Selesai.

Note: 1. Barang kalai Kode-kode yang harus diganti mungkin berbeda di template Anda jadi bisa anda sesuaikan saja. 
2. Backup dulu template blog Anda. Jika error, template mudah dikembalikan atau pasang ulang template lama.

Dan sekarang struktur Schema Markup sudah terpasang di template blog Anda. Silakan cek ke Structured DataTesting Tool.


Oya untuk anda khususnya newbie yang bingung dan pusing cara menerapkan schema org kode di atas yang sudah di jelaskan, cukup gunakan tips memasang schema markup dari Techprevue berikut ini:

Cara Mudah & Schema Org Markup Sederhana Untuk Newbie

  1. Pertama , pastikan sobat udah masuk di dasbhor sobat sendiri
  2. Masuk pada bagian editor template , caranya pilih Menu Template -> Edit HTML.
  3. 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='//blog-logo-url-square-size-is-good' itemprop='image'/> 
    
    </b:if>
    
    </div>
  4. Anda bisa Ganti //blog-logo-url-square-size-is-good dengan URL link logo blog Anda.
Nah untuk blog selfhosted CMSWordPress, memasang schema lebih mudah lagi, yaitu dengan menggunakan PluginSchema Creator.

Demikian penjelasan pada hari ini, semoga bermanfaat dan selamat mencoba. Salam bLogger.


Share Google URL Shortener: Get Short URLloading short url

Bila Anda merasa memang artikel-artikel di blog ini bisa bermanfaat, maka Anda bisa membantu memberikan donasi melalui Paypal Dana hasil dari donasi akan digunakan untuk memperpanjang domain mizipedia.com - Terima kasih.



Comment Policy Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Peraturan Berkomentar di mizipediacom
1. Berkomentarlah dengan Relevan dan Sopan
2. Jangan Spam
3. Tidak Porn dan Sara
4. Berkomentar dengan link tanpa relevan maka akan otomatis terhapus
5. Semua komentar pasti akan saya baca dan dibalas. Show Emoticon. Klik ==>


Join on this site

with Google Friend Connect