×

Owner / Author / Admin / etc

    Rahman NM    

"Pada halaman web ini saya akan membagikan informasi informasi menarik seputar Anime, Manga, Game, Film, dan juga berbagai tips-tips menarik lainnya."

Pentingnya Memasang Schema Org Di Blog

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:
<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’
dengan kode:
<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=’&quot;loading&quot; + 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 != &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='//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.

Creativity of codes and exploiting, with code we can do something fun.
Facebook Instagram Twitter
Show Comments!
Hide comments

4 Responses to "Pentingnya Memasang Schema Org Di Blog"

Kebijakan berkomentar :

Berkomentarlah dengan tata bahasa yang baik, agar orang tau sebijak apa karakter anda melalui kata-kata,

Silahkan berkomentar apapun selagi masih berhubungan dengan halaman postingan ini,

Dilarang berkomentar menggunakan Link Aktif,

Centang Notife Me agar mendapatkan notifikasi balasan komentar admin melalui Email.

  1. kalo kagak nemu kayak gini gimana gan ??

    ReplyDelete
  2. Mantap mas artikelnya ,akhirnya saya tau cara memasang schema markup blog yg baik dan benar

    ReplyDelete
    Replies
    1. Untung berkomentar disini jadi ingat harus pre codenya :v

      Terimakasih telah berkunjung :D

      Delete

Iklan Atas Artikel

Iklan Tengah Artikel

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Copyright © 2017 - 2020 Anirock Site - All Rights Reserved Created With