Cara Menggunakan Schema Markup di Blogger Mudah
Cara Menambahkan Schema Markup ke Situs Web Blogger
0

Cara Menggunakan Schema Markup di Blogger Mudah

Cara Menambahkan Schema Markup ke Situs Web Blogger

Cara Menambahkan Schema Markup ke Situs Web Blogger

Schema Markup ialah jenis data terstruktur yang biasanya digunakan di situs web untuk menjelaskan jenis konten yang dipublikasikan, memberikan hasil pencarian yang kaya untuk sebuah postingan artikel. 
Di Blogger, kita dapat dengan mudah menggunakan script schema markup dengan menentukan bagian schema yang diperlukan untuk jenis postingan atau halaman. Dan Pada Artikel ini saya akan menjelaskan cara menambahkan markup schema ke template Blogger Anda dengan cepat dan mudah.

Apa itu Schema?

Menurut Situs Wikipedia Schema markup adalah markup schema.org yang digunakan di situs web untuk membantu mesin pencari memberikan hasil yang lebih informatif bagi pengguna. Dengan menggunakan rich snippets, kalian dapat memahami dengan tepat apa yang dimaksud dengan schema markup. Ini berasal dari Kiss Metrics.

Jika Anda menerapkan article schema markup ke blog Blogger, maka hasilnya adalah bahwa meta deskripsi posting akan muncul pertama di hasil pencarian untuk menjawab cepat topik yang dicari dan itulah tempat schema diterapkan. Contoh schema berasal dari schema.org dan juga bisa disebut markup data terstruktur.

Cara Menggunakan Markup Schema di Blogger

Schema Markup Blogger

Langkah 1: Masuk ke Blogger dan pilih situs web spesifik Anda untuk menambahkan kode schema.
Langkah 2: Navigasi ke perintah Template di sebelah kiri.
Langkah 3: Klik pada perintah Template dan kemudian temukan Edit  di sebelah Customize.
Langkah 4: Klik di mana saja dalam kode Anda dan tekan Ctrl+F di Windows atau CMD+F di Mac.
Langkah 5: Cari setiap bagian dari kode yang ditunjukkan.

Jenis-Jenis Schema Markup Blogger

Schema Markup Blogger

1. Site Navigation Schema

Site navigation element schema bertanggung jawab untuk menentukan label di mana posting Anda berada dan memudahkan mesin pencari mengetahui di mana posting Anda ditempatkan dalam kategori. Untuk menambahkan site navigation element schema, cari kode di bawah ini.

<nav> atau <nav id=

Setelah menemukan kode di atas, tambahkan kode schema seperti yang ditunjukkan di bawah ini.

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

Setelah itu, validasi schema Anda dengan menguji di alat pengujian data terstruktur dari Google dan mesin pencari lainnya.

2. Webpage Schema Markup

Webpage schema markup membantu Anda mendapatkan kotak pencarian situs tautan terstruktur di bawah halaman utama Anda dalam hasil pencarian. Untuk menambahkan webpage schema markup, cari kode di bawah ini.

<body> atau <body 

Ganti kode tersebut sehingga terlihat seperti di bawah ini.

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

Pastikan situs Anda diakui oleh mesin pencari dengan menggunakan schema ini.

3. WP Header Schema

WP header schema membantu mesin pencari mengenali navigasi menu di header. Untuk menambahkan WP header schema, cari kode di bawah ini.

<header> atau <header-wrapper

Ganti kode tersebut sehingga terlihat seperti di bawah ini.

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

Jika Anda mengalami kesulitan, hubungi saya untuk bantuan.

4. Blog Schema Markup

Untuk menambahkan blog schema, cari kode berikut dalam template Anda.

<content-wrapper> atau <main-wrapper>

Ganti kode tersebut sehingga terlihat seperti di bawah ini. 

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

5. Blog Posting Schema

Untuk menambahkan blog posting schema markup, cari kode di bawah ini.

<div class='post hentry uncustomized-post-template'>

Ganti kode tersebut sehingga terlihat seperti di bawah ini.

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

Selanjutnya, cari kode di bawah ini.

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

Ganti kode tersebut sehingga terlihat seperti di bawah ini.

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

6. Person Blogger Schema

Person schema markup membantu mengenali penulis atau pemilik blog. Cari kode di bawah ini.

<div class='author-profile' itemprop='author'>

Ganti kode tersebut sehingga terlihat seperti di bawah ini.

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

7. WP Sidebar Schema

WP sidebar schema membantu mesin pencari mengenali sidebar Anda. Cari kode di bawah ini.

<div id='sidebar-wrapper'>

Ganti kode tersebut sehingga terlihat seperti di bawah ini.

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

Itulah cara menambahkan schema ke blog Blogger Anda. Untuk informasi lebih lanjut tentang schema markup yang lebih kompleks, bacalah postingan lainnya di bawah ini.

Comments

Harap Tidak Menggunakan Link, Spam, Dan Malware

l

Contact Form