Cara Mudah dan Simpel Menggunakan dan Memasang Schema Markup pada Blogspot

Cara Menggunakan/Memasang Schema Markup pada Blogger
Cara Mudah dan Simpel Menggunakan dan Memasang Schema Markup pada Blogspot




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.

Tips Mudah dan Simpel Menghilangkan dan Mengganti Navigasi Bar di Android Tanpa Root


Cara Validasi Data Mark Up

Anda dapat mem-validasi data mark-up dengan tool online berikut:

Baca Juga: Cara Meningkatkan CPC di AdSense Terbaru : Optimasi SEO Blog
  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'>


Baca Juga: Ukuran Iklan AdSense Terbaik Desktop PC Terbaru
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'>

Cara Mudah dan Simpel Membuat Blogger Template: Includable dan Include


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'>

Cara Mudah dan Simpel Root Android Dengan Magisk




Dan ubah kedua kedua dengan kode berikut:

Baca Juga: Mendaftar Blog ke Google AdSense Agar 100% Diterima
<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.
Support Petrus
Saweria Donasi via Saweria Trakteer Donasi via Trakteer Buy Me A Coffee Buy Me A Coffee Tentang Donasi ?

Artikel Terkait

0 Komentar

  • Menulis kode gunakan kode (kode harus di-parse)
  • Menulis dalam syntax highlighter gunakan kode panjang (kode harus di-parse)
  • Menyisipkan gambar gunakan URL GAMBAR (ekstensi .jpg, .png, .gif, .webp, .ico)
  • Centang Beri Tahu Saya untuk mendapatkan notifikasi ke email saat ada yang membalas komentar.