Cara Mudah Menambahkan Schema Org pada Blogger - Kimiko Zakiya | Tutorial Android, Windows, Blog dan Game

Cara Mudah Menambahkan Schema Org pada Blogger

Cara Mudah Menambahkan Schema Org pada Blogger - Schema adalah jenis data terstruktur yang digunakan di situs web untuk menjelaskan jenis konten yang diterbitkan untuk memberikan hasil pencarian yang kaya dari sebuah posting.

Di blogger, kita dapat dengan mudah menggunakan Schema Org atau Schema Markup dengan menentukan bagian skema yang diperlukan untuk jenis posting atau halaman.

Zakiya akan menjelaskan bagaimana cara menambahkan Schema Org atau Schema Markup ke template blogger kamu dengan menambahkan kode seperti yang ditentukan di setiap bidang di bawah ini.

Apa itu Schema?
Schema Markup adalah Markup yang kamu gunakan di situs web atau blog untuk membantu mesin pencari mengembalikan hasil yang lebih informatif bagi pengguna yang bertujuan untuk meningkatkan pencarian blog dan lebih mudah menemukan artikel dari blog kamu.

Salah satu teknik SEO yang biasa digunakan para webmaster agar hasil postingan atau artikel yang dimuat bisa nongol di halaman pertama Google yaitu dengan menggunakan Schema Org.
Menambahkan Schema Org pada Blogger

Kamu bisa membandingkan hasilnya sebelum dan setelah menggunakan Schema Org atau Schema Markup dengan Structured Data Testing Tools Google. Sebelum lanjut pastikan blog kamu sudah daftar dan verifikasi ke Google web master tool.

[ Baca juga : Cara Daftar dan Verifikasi Blog ke Google Webmaster Tools ]

Langkah Demi Langkah Cara Menggunakan Schema Org atau Schema Markup Di Blogger.


Langkah 1. Masuk ke dashboard Blogger.
Langkah 2. Klik menu Templete atau Theme.
Langkah 3. Cari dan klik Edit HTML.
Langkah 4. Cari dan Ganti kode dari template sesuai kode dibawah.

1. Schema Elemen Navigasi pada Blogger


Skema elemen navigasi situs bertanggung jawab untuk menentukan label tempat postingan berada dan memudahkan mesin pencari untuk mengetahui di mana postingan ditempatkan dalam kategori tertentu.

Silahkan cari <nav> dan ganti dengan kode dibawah ini:

<nav id = 'topnav' itemscope = 'itemscope' itemtype = ' http://schema.org/SiteNavigationElement ' role ='navigation'>

Dengan menambahkan schema elemen navigasi situs, Kamu harus memvalidasi skema tersebut dengan mengujinya dengan Structured Data Testing Tools Google dan mesin pencari lainnya.

2. Schema Halaman Web Blogger


Karena kamu menggunakan situs web untuk banyak tautan maka ada baiknya jika kamu menyertakan markup skema situs web karena skema tersebut akan memberi Anda kotak pencarian tautan situs terstruktur di bawah beranda di hasil pencarian.

Jika ingin menggunakan silahkan cari <body> dan ganti dengan kode dibawah ini:

<body class = 'index' itemscope = ”itemtype = ' http://schema.org/WebPage '>

Hal ini akan dimuat dalam pembukaan kode <body> sehingga skema dapat membantu merayapi seluruh situs untuk mendapatkan tautan dan postingan, Skema ini membutuhkan waktu sebelum kamu menerima hasil di mesin pencari.

Untuk memastikan kamu mendapatkan kotak pencarian tautan situs maka kamu harus berusaha untuk membuat situs web atau blog dikenali oleh mesin pencari karena mereka menggunakan skema ini untuk menelusuri blog kamu.


3. Schema Markup WP Header pada Blogger


Terkadang situs web dibuat sedemikian rupa sehingga mesin pencari tidak bisa mendapatkan navigasi menu blog melalui header untuk mengetahui bahwa pengunjung dapat menavigasi blog kamu dengan baik.

Maka kami menggunakan markup skema header WP untuk membuat header dan menu blogger kamu dirayapi dengan baik oleh bot mesin pencari.

Untuk menambahkan skema header WP, cari kode <header> dan ganti dengan kode dibawah ini:

<div id = 'header-wrapper' itemscope = 'itemscope' itemtype = ' http://schema.org/WPHeader '>

4.Schema Markup Blog untuk Blogger


Ini adalah integrasi schema.org situs web blogger untuk menambahkan data terstruktur ke situs web kamu, untuk menggunakan cari kode <content-wrapper> atau <main-wrapper> dan ganti dengan kode dibawah ini:

<div id = 'content-wrapper' itemscope = 'itemscope' itemtype = ' http://schema.org/Blog ' role = 'main'>

5. Schema Markup pada postingan blog


Markup skema ini adalah satu-satunya data terstruktur shema.org yang akan membantu postingan dari blog kamu diindeks dengan cepat di mesin pencari.

Cari <div class = 'post hentry uncustomized-post-template'> dan ganti dengan kode dibawah ini:

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

Cari juga <article class=’post hentry’ expr:id=’data:post.id’> dan ganti dengan kode dibawah ini:

<article class=’post hentry’ expr:id=’data:post.id’ itemscope=’’itemtype=’http://schema.org/BlogPosting'>

6. Schema Markup untuk Profil Penulis Blog


Skema markup ini menampilkan tentang penulis postingan atau orang yang memiliki blog sebagai penulisnya, skema ini sangat cocok digunakan untuk blog portofolio dan sangat membantu dalam hasil pencarian.

Cari <div class=’author-profile’ itemprop=’author’ > dan ganti dengan kode dibawah ini:

<span class=’fn author’ itemprop=’author’ itemscope=’itemscope’ itemtype=’http://schema.org/Person'>

7. Schema Markup WP Sidebar pada Blogger


WP Sidebar membantu mesin pencari menavigasi ke sidebar blog kamu dan mengetahui markup skema yang digunakannya.

Cari <div id=’sidebar-wrapper’> dan ganti dengan kode dibawah ini:

<div id=’sidebar-wrapper’ itemscope=’itemscope’ itemtype=’http://schema.org/WPSideBar'>

8. Schema Markup WP Footer pada Blogger


WP Footer membantu mesin pencari menavigasi ke footer blog kamu, kode untuk Skema Markup ini hampir sama seperti WP Header dan WP Sidebar.

Cari <footer id=’footer-wrapper’> dan ganti dengan kode dibawah ini:

<footer id=’footer-wrapper’ itemscope=’itemscope’ itemtype=’http://schema.org/WPFooter'>

9. Schema Markup pada bagian Credit Blog


Cari dan ganti kode <div id=’credit’> dengan kode:

<div id=’credit’ itemscope=’itemscope’ itemtype=’http://data-vocabulary.org/copyrightHolder'>

Jika sudah selesai, silahkan simpan template dan coba tes ulang menggunakan Structured Data Testing Tools Google. Bandingkan hasil sebelum dan setelah menggunakan Schema Org dan template blog akan lebih terstruktur Schema Markup nya.

Jika dirasa bingung dengan penggantian kode diatas atau tidak menemukan kode yang dimaksud pada template, karena mungkin setiap template penulisan kode nya berbeda, maka bisa menggunakan cara yang lebih gampang.

Langkah Gampang Memasang Schema Markup


Langkah 1. Tetap pada halaman Edit HTML.
Langkah 2. Cari kode <body> atau <body expr:class=’&quot;loading&quot; + data:blog.mobileClass’>
Langkah 3. Kemudian tambahkan kode berikut ini tepat dibawah kode <body>,

<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='//kimikozakiya.com' itemprop='image'/>

</b:if>

</div>

*Silahkan ganti //kimikozakiya.com dengan domain blog kamu.

Pada tahap ini kamu telah berhasil memasang Schema Org pada blog kamu, silahkan cek kembali schema blog pada Structured Data Testing Tools Google, jangan lupa juga untuk submit postingan terbaru dari blog kamu biar lebih cepat terindex di mesin pencari.

[ Baca juga : Alternatif Yang Bisa Digunakan Untuk Submit URL Postingan ]

Jika artikel ini bermanfaat, bantu Zakiya dengan membagikan artikel ini ke blogger yang lain :)

Bagikan artikel ini ke teman kamu!

Facebook Twitter Whatsapp