Home Blogging Cara Memasang & Mengatasi Error Structured Data Template Blogger

Cara Memasang & Mengatasi Error Structured Data Template Blogger

180

Tips SEO: Cara Mengatasi Error Structured Data Blog

Berikut ini Cara Mengatasi Error Structured Data, seperti error image, error publisher, error headline, dan sebagainya.

Template bawaan Blogger biasanya masih mengalami error structured data banyak sekali.

Cek dulu blog Anda di Structured Data Testing Tool milik Google. Jika tidak ada error, tinggalkan tutorial ini, silakan beralih ke Tips Blogging lainnya.

Structured Data atau Microdata Schema adalah sebuah struktur data dan elemen konten blog yang di pasang di template. Fungsinya untuk memudahkan mesin telusur (Google, Bing, Yahoo) melakukan perambahan (crawling) dan pengindeksan (indexing) sebagai proses pemeringkatan (ranking) di halaman hasil pencarian.

Microdata Schema merupakan bagian dari 200 Faktor SEO untuk meningkatkan trafik dan meningkatkan ranking blog di Search Engine Result Page (SERP).

Berikut ini Cara Memasang & Mengatasi Error Structured Data Template Blogger.

Cara Memasang Schema Org Markup di Blogger

Di bawah tutorial bagaimana cara membuat dan menambahkan kode Schema Org Markup di template Blogger.

1. Schema Navigasi Menu

Ganti kode <nav> dengan kode di bawah ini:

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

2. Schema WebPage

Ganti kode <body> dengan kode di bawah ini:

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

3. Schema Header

Ganti kode <header> atau <header-wrapper> dengan kode di bawah ini:

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

4. Schema Main-Wrapper

Ganti kode <content-wrapper> atau <main-wrapper> dengan kode di bawah ini:

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

…atau…

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

5. Schema Postingan/Blog Posting

Ganti kode:

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

dengan kode di bawah ini:

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

Ganti kode:

<article class=’post hentry’ expr:id=’data:post.id’>

dengan kode di bawah ini:

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

6. Schema Author

Cari dan ganti kode:

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

dengan kode di bawah ini:

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

7. Schema Sidebar

Cari kode ini <div id='sidebar-wrapper'> lalu ganti dengan kode di bawah ini:

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

8. Schema Footer

Ganti kode <footer id='footer-wrapper'> dengan kode di bawah ini:

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

Ganti kode <div id='footer-credit'> dengan kode di bawah ini:

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

Schema Minimalis

Cara memasang Schema Org Markup di Blogger juga bisa dilakukan dengan langkah sederhana berikut ini. Ini pemasangan schema minimalis.

Cukup Copas kode di bawah ini, di bawah kode <body> atau <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=’URL LOGO BLOG‘ itemprop=’image’/>
</b:if>
</div>

Ganti kode URL LOGO BLOG dengan URL logo blog. Jika tidak ada, bisa dengan cara menggunakan kode favicon seperti URL https://example.blogspot.com/favicon.ico/ atau https://www.example.com/favicon.ico/.

Cara Mengatasi Error Structured Data Blog

Berikut ini cara mengatasi error schema structured ata template Blogger.

1. Cara Mengatasi Error image_URL

Error/Warning: The property image_url is not recognized by Google for an object of type BlogPosting.

Hapus semua kode di bawah ini, yang ada di dalam template blogger:

<b:if cond=’data:post.thumbnailUrl’>
<meta expr:content=’data:post.thumbnailUrl’ itemprop=’image_url’/>
</b:if>

2. Cara Mengatasi Error blogID

Error/Warning: The property blogId is not recognized by Google for an object of type BlogPosting.

Hapus semua kode di bawah ini, yang ada di dalam template blogger:

<meta expr:content=’data:blog.blogId’ itemprop=’blogId’/>

3. Cara Mengatasi Error postID

Error/Warning: The property postId is not recognized by Google for an object of type BlogPosting.

Hapus semua kode di bawah ini, yang ada di dalam template blogger:

<meta expr:content=’data:post.id’ itemprop=’postId’/>

Catatan: Ketiga kode di atas (image_url, postid, blogid) berada di posisi yang saling berurutan.

4. Cara Mengatasi Error Headline

Error/Warning: A value for the headline field is required.

Cari semua kode ini post-title entry-title di dalam template blogger. Selanjutnya ubah (ganti) kode itemprop='name' menjadi itemprop='headline'. Contohnya:

<h1 class=’post-title entry-title’ itemprop=’name’>
<h2 class=’post-title entry-title’ itemprop=’name’>
<h3 class=’post-title entry-title’ itemprop=’name’>

Di ganti (ubah) menjadi:

<h1 class=’post-title entry-title’ itemprop=’headline’>
<h2 class=’post-title entry-title’ itemprop=’headline’>
<h3 class=’post-title entry-title’ itemprop=’headline’>

5. Cara Mengatasi Error Image

Error/Warning: A value for the image field is required.

Copy (Salin) kode di bawah ini, dan Paste (Tempel) di BAWAH semua kode <data:post.body/> yang ada di dalam template blogger.

<div itemprop=’image’ itemscope=’itemscope’ itemtype=’https://schema.org/ImageObject’> <b:if cond=’data:post.firstImageUrl’> <img style=’display:none;’ expr:src=’data:post.firstImageUrl’/> <meta itemprop=’url’ expr:content=’data:post.firstImageUrl’/> </b:if> <meta itemprop=’width’ content=’800’/> <meta itemprop=’height’ content=’800’/> </div>

6. Cara Mengatasi Error Publisher

Error/Warning: A value for the publisher field is required.

Silakan Copy (Salin) kode di bawah ini, dan letakkan (Paste) kode tersebut di BAWAH semua kode <data:post.body/>

<div itemprop=’publisher’ itemscope=’itemscope’ itemtype=’https://schema.org/Organization’>
<div itemprop=’logo’ itemscope=’itemscope’ itemtype=’https://schema.org/ImageObject’>
<img style=’display:none;’ src=’http://1.bp.blogspot.com/-39HRU19h4kk/VlrZJ1KEjiI/AAAAAAAAMxI/RYXIg2OkzQA/s1600/blog%2Bblogger%2Bblogging.jpg’ alt=’logoblog’/>
<meta itemprop=’url’ content=’http://1.bp.blogspot.com/-39HRU19h4kk/VlrZJ1KEjiI/AAAAAAAAMxI/RYXIg2OkzQA/s1600/blog%2Bblogger%2Bblogging.jpg’ alt=’logoblog’/>
<meta itemprop=’width’ content=’600’/>
<meta itemprop=’height’ content=’60’/>
</div>
<meta itemprop=’name’ expr:content=’data:blog.title’/>
</div>

7. Cara Mengatasi Error Warning dateModified

Error/Warning: The dateModified field is recommended. Please provide a value if available.

Copy (Salin) kode di bawah ini:

<meta expr:content=’data:post.timestamp’ itemprop=’datePublished’/>
<meta expr:content=’data:post.lastUpdatedISO8601′ itemprop=’dateModified’/>

Tempatkan (Paste/Tempel) di bawah kode ini:

<div class=’post hentry’ itemprop=’blogPost’ itemscope=’itemscope’ itemtype=’http://schema.org/BlogPosting’>

…atau kode ini:

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

8. Cara Mengatasi Error mainEntityOfPage

Error/Warning: The mainEntityOfPage field is recommended. Please provide a value if available.

Cari salah satu kode di bawah ini:

<div class=’post hentry’ itemprop=’blogPost’ itemscope=’itemscope’ itemtype=’http://schema.org/BlogPosting’>

…atau kode ini:

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

Ganti dengan kode di bawah ini:

<div class=’post hentry uncustomized-post-template’ itemscope=’itemscope’ itemtype=’http://schema.org/BlogPosting’> <meta itemscope=’itemscope’ itemprop=’mainEntityOfPage’ itemType=’https://schema.org/WebPage’ expr:itemid=’data:post.link ? data:post.link : data:post.url’/>

9. Cara Mengatasi Error Missing Author

Error/Warning: A Value For The Author Field Is Required Error.

Salin (Copy) kode di bawah ini, tempatkan (Paste) di bawah kode <data:post.body/>

<!– hCard”author” Start –> <span class=’post-author vcard’ style=’display:none’> <b:if cond=’data:top.showAuthor’> <data:top.authorLabel/> <b:if cond=’data:post.authorProfileUrl’> <span class=’fn’ itemprop=’author’ itemscope=’itemscope’ itemtype=’http://schema.org/Person’> <meta expr:content=’data:post.authorProfileUrl’ itemprop=’url’/> <a class=’g-profile’ expr:href=’data:post.authorProfileUrl’ rel=’author’ title=’author profile’> <span itemprop=’name’><data:post.author/></span> </a> </span> <b:else/> <span class=’fn’ itemprop=’author’ itemscope=’itemscope’ itemtype=’http://schema.org/Person’> <span itemprop=’name’><data:post.author/></span> </span> </b:if> </b:if> </span> <!– hCard”author” End –>

 

Pada dasarnya, setelah kode di atas ditempatkan di bawah kode <data:post.body/> error tidak akan muncul.

Namun, apabila tulisan/kalimat error atau peringatan “A Value For The Author Field Is Required Error” masih ada, silakan tambahkan kode di bawah ini:

<span class=’fn’ itemprop=’author’ itemscope=’itemscope’ itemtype=’http://schema.org/Person’><meta expr:content=’data:post.author’ itemprop=’name’/></span>

…tepat di bawah kode:

<div class=’post hentry’ itemprop=’blogPost’ itemscope=’itemscope’ itemtype=’https://schema.org/BlogPosting’>

10. Cara Mengatasi Error Missing Image

Jika semua langkah-langkah di atas sudah dilakukan akan tetapi “image” masih terdeteksi error, maka ikuti beberapa langkah mudah di bawah ini.

Cari kode ini:

<article class=’post hentry’ itemprop=’blogPost’ itemscope=’itemscope’ itemtype=’http://schema.org/BlogPosting’>

 

Copy (Salin) kode di bawah ini, tempatkan (Paste/Tempel) tepat di bawah kode di atas yang baru saja kamu temukan:

<b:if cond=’data:post.firstImageUrl’> <div itemprop=’image’ itemscope=’itemscope’ itemtype=’https://schema.org/ImageObject’> <meta itemprop=”url” expr:content=’data:post.firstImageUrl’/> <meta itemprop=”width” content=’700’/> <meta itemprop=”height” content=’700’/> </div> </b:if>

11. Cara Mengatasi Error Missing Publisher

Cari kode di bawah ini:

<article class=’post hentry’ itemprop=’blogPost’ itemscope=’itemscope’ itemtype=’http://schema.org/BlogPosting’>

 

Simpan kode di bawah ini, TEPAT di bawah kode Post Hentry di atas yang baru ditemukan:

<div itemprop=”publisher” itemscope=’itemscope’ itemtype=”https://schema.org/Organization”> <div itemprop=”logo” itemscope=’itemscope’ itemtype=”https://schema.org/ImageObject”> <meta itemprop=”url” content=”URL-Logo-BLOG”/> <meta itemprop=”width” content=”600″/> <meta itemprop=”height” content=”600″/> </div> <meta itemprop=”name” expr:content=”data:blog.title”/> </div>

 

Catatan: Ubah URL-Logo-BLOG di atas dengan URL dari gambar/logo blog milik sendiri.

Pengaruh SEO dan Microdata Schema Org di Blogspot

Apa dampak dan efek Microdata Schema Org bagi SEO di Blog?

Microdata Schema merupakan salah satu bentuk optimasi SEO terbaru, sangat powerfull dan dapat meningkatkan jumlah pengunjung blog dalam waktu yang cepat.

Sebenarnya, juka template blog tanpa microdata atau schema di atas, tidak masalah, karena schema ini hanya tambahan untuk memperkuat SEO agar lebih mudah diindeks.
Dalam SEO blog, yang terpenting adalah konten berkuaitas atau postingan yang bermanfaat dan unik.

Sumber:

https://www.technohalf.com/2015/12/how-to-fix-all-structured-data-errors.html
https://www.bloggersstand.com/2016/02/how-to-make-all-blogger-static-pages-amp-hatom-error-free.html
https://www.mybloggertricks.com/2014/04/fix-structured-data-hatom-errors-in.html
https://www.contohblog.com/2016/09/mengatasi-semua-error-structured-data-blog.html
https:www.romelteamedia.com/2016/02/mengatasi-semua-error-structured-data-blog.html

LEAVE A REPLY

Please enter your comment!
Please enter your name here