Pentingnya Memasang Schema Org Di Blog
August 28, 2019
•
4 Comments
Pengertian Schema Org
Schema Org atau Schema Markup adalah gabungan dari beberapa search engine seperti Google, Yahoo dan Bing , Ask , Baidu , Yandex dan lainnya.
Microsoft, yang bertujuan untuk meningkatkan blog ataupun web dengan cara membuat kosakata yang umum untuk mendeskripsikan data di blog ataupun web yg telah dibuat.
Dan jika kalian sudah menggunakan cara ini ditemplate blog ataupun web anda maka search engine akan lebih mudah untuk menemukan artikel yang anda posting sesuai dengan konten situs anda.
Schema Org merupakan salah satu teknik SEO yang sering digunakan agar hasil postingan atau artikel yang diposting berada di page one ( halaman pertama ). 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.
2 Cara Memasang Schema Org ( Schema Markup )
Cara pertama :
Cara pertama ini bisa dibilang cukup rumit namun jika kalian menggunakan cara ini mungkin kalian bisa mendapat hasil yang lebih memuaskan.
Berikut langkah langkahnya :
Jika kalian tidak menemukan kode seperti yang dibawah cari yg mirip seperti itu dan ganti dengan class punya kalian.
1. Masuk ke blogger -> Tema -> Edit HTML.
2. Setelah masuk ke HTML, tekan Ctrl + F cari kode html <nav> kemudian ganti kode tersebut dengan kode ini :
<nav id=’topnav’ itemscope=’itemscope’ itemtype=’http://schema.org/SiteNavigationElement' role=’navigation’>
3. Ubah kode <body> dengan kode ini:
dengan kode:<body class=’index’ itemscope=’’ itemtype=’http://schema.org/WebPage'>
4. Ubah kode <header> atau <header-wrapper> dengan:<div id=’header-wrapper’ itemscope=’itemscope’ itemtype=’http://schema.org/WPHeader'>
5. Ubah kode <content-wrapper> atau <main-wrapper> dengan:<div id=’content-wrapper’ itemscope=’itemscope’ itemtype=’http://schema.org/Blog' role=’main’>
6. Ubah kode: <div class=’post hentry uncustomized-post-template’ > dengan:<div class=’post hentry uncustomized-post-template’ itemscope=’itemscope’ itemtype=’http://schema.org/BlogPosting'>
7. Ubah 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 ubah kode: <div class=’author-profile’ itemprop=’author’ > dengan:<span class=’fn author’ itemprop=’author’ itemscope=’itemscope’ itemtype=’http://schema.org/Person'>
9. Ubah kode <div id=’sidebar-wrapper’<div id=’sidebar-wrapper’ itemscope=’itemscope’ itemtype=’http://schema.org/WPSideBar'>
10. Ubah kode <footer id=’footer-wrapper’> dengan:<footer id=’footer-wrapper’ itemscope=’itemscope’ itemtype=’http://schema.org/WPFooter'>
11. Ubah kode <div id=’credit’> dengan kode:<div id=’credit’ itemscope=’itemscope’ itemtype=’http://schema.org/copyrightHolder'>
Jika sudah simpan dan tes menggunakan structur data testing tools.
Cara kedua :
Cara kedua ini cukup mudah dan simple.
Berikut caranya :
1. Masuk kembali ke Blogger -> Tema -> Edit HTML.
2. Cari kode berikut <body> atau <body expr:class=’"loading" + data:blog.mobileClass’>( Tekan Ctrl + F agar lebih cepat ) tempelkan kode dibawah ini tepat dibawah kode yang diatas,
Cara kedua :
Cara kedua ini cukup mudah dan simple.
Berikut caranya :
1. Masuk kembali ke Blogger -> Tema -> Edit HTML.
2. Cari kode berikut <body> atau <body expr:class=’"loading" + data:blog.mobileClass’>( Tekan Ctrl + F agar lebih cepat ) tempelkan kode dibawah ini tepat dibawah kode yang diatas,
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<b:if cond='data:blog.pageType != "index"'>
<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='//anirocksite.blogspot.com' itemprop='image'/>
</b:if>
</div>
3. Ubah teks yg berwarna orange menjadi url logo blog anda kemudian simpan dan tes di struktur data testing tools.
Jika kalian mengikuti kode diatas dengar benar pastinya akan berhasil, jika cara ini membantu tolong share ke teman teman agar mengetahuinya.
kalo kagak nemu kayak gini gimana gan ??
ReplyDeleteKagak nemu gimana gan ?
ReplyDeleteMantap mas artikelnya ,akhirnya saya tau cara memasang schema markup blog yg baik dan benar
ReplyDeleteUntung berkomentar disini jadi ingat harus pre codenya :v
DeleteTerimakasih telah berkunjung :D