Memperbaiki Kesalahan Pada Data Struktur Blog

Sempat awalnya kepo apa itu sebuah website yang menyuruh kita untuk mengecek data struktur blog pada blogger yang kita miliki. Setelah dicari-cari informasinya ini memang sangat diperlukan karena Google ingin semua yang dirayapinya tidak ada kendala alias baik-baik saja dan normal.

Dan ketika saya mengecek data struktur blog pada blog saya waduh kacau sekali ternyata data tidak terstruktur dengan baik banyak sekali tanda merah alias kesalahan-kesalahan pada data blog saya. Tentunya ini menyangkut pada sebuah artikel atau sebuah postingan kebanyakannya.
Mungkin ini juga penyebab blog masih dianggap sedang dalam proses perbaikan padahala saya rasa blog ini sudah fix dalam segi tampilan.

Dan biasanya yang menjadi problems nya adalah pada bagian-bagian tertentu, diantaranya :

1. Image
2. Author
3. Publisher
4. Headline
5. DateModified
6. DatePublished
7. MainEntrityOfPage
8. Name
9. dll

Dan kali ini saya akan membahasnya secara detail dengan cara yang saya lakukan ketika memperbaiki blog ini. tentunya saya tidak bisa membenahi blog ini dengan sendiri karena keterbatasan ilmu saya dan saya yang masih awam dalam dunia blogging. Alhamdulillah saya mendapatkan referensi dari beberapa blog diantaranya Mas Kompiajaib, Bungfrangki, dan Blog Strukturkode saya menggabungkan dan mencari letak kesalahan pada blog ini dari beberapa artikel dari mereka dan saya coba kemas kembali dari beberapa kesalahan-kesalahan pada data struktur blog ini.

1. Menghilangkan Error Image

Masuk ke Dashboad Blogger
Kemudian Pilih Tema - Edit HTML
Untuk memudahkan proses gunakan CTRL+F untuk mencari kode

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

Kemudian anda tambahkan kode dibawah ini tepat dibawah kode diatas.

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

      2. Menghilangkan Error Publisher

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

Kemudian anda tambahkan kode dibawah ini tepat dibawah kode diatas

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

Anda tinggal rubah URL LOGO BLOG dengan url logo blog anda.

      3. Menghilangkan Error dateModified/datePublished
Silahkan anda cari kode yang mengacu pada tanggal dipostingkannya artikel pada kode HTML. Kira-kira yang berada pada blog saya seperti ini

<a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'> <data:post.timestamp/></abbr></a>

Jika anda tidak menemukannya coba mulai cari kata itemprop='datePublished' pada blog saya ditemukan 2 kode tersebut maka anda masukan kode dibawah di kedua-duanya kode diatas.

Kemudian tambahkan kode <span itemprop='dateModified'> sehingga akan menjadi seperti di bawah ini kodenya.

<span itemprop='dateModified'><a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'> <data:post.timestamp/></abbr></a></span>

      4. Menghilangkan Error MainEntityOfPage 
Cari kembali kode dibawah ini

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

Kemudian anda tambahkan kode dibawah ini tepat dibawah kode diatas

<div itemscope='itemscope' itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage"/>

      5. Menghilangkan Error Author & Name 
Anda cari kode dibawah, biasanya kodenya berada dibawah kode ini  <div class='post-footer'>.

<span class='author' itemprop='author'

Kemudian anda ganti dengan kode dibawah ini

<span class='author' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'><a expr:href='data:post.authorProfileUrl' itemprop='url' rel='publisher' title='author profile'>
<span class='post-author vcard'><span class='fn' itemprop='name'><data:post.author/></span>
</span></a></span>

Atau anda bisa menggunakan cara kedua ini ;
Anda cari kode dibawah ini

<b:if cond='data:post.authorProfileUrl'>
    <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
        <data:post.author/>
    </a>   
<b:else/>

Kemudian anda tambahkan kode di bawah ini

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

Maka akan jadi seperti ini

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

Namun jika blog anda tidak menampilkan author, maka anda bisa membuatnya sendiri dengan menyimpan kode dibawah ini

<span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
     <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
     <meta expr:content='data:post.author' itemprop='name' />
</span> 

Anda simpan setelah kode ini

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

       6. Menghilangkan Error Pada Headline
Coba anda cari kode dibawah ini

<h1 class='post-title entry-title'>
    <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
        <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
    <b:else/>
        <data:post.title/>
    </b:if>
</h1>

Tambahan biasanya kode tersebut berada pada h1, h2, h3. Yang anda cari adalah class='post-title entry-title'

Kemudian anda tambahkan kode yang ditandai menjadi seperti ini

 itemprop='headline name'

Maka akan menjadi seperti ini

<h1 class='post-title entry-title' itemprop='headline name'>
    <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
        <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
    <b:else/>
        <data:post.title/>
    </b:if>
</h1>

Catatan : Jika pada template anda ada h1,h2,h3 maka wajib tambahkan pada ketiga h tersebut ya!

Mungkin seperti itu pemecahan masalah dalam data struktur blog yang saya alami. Seperti nya masih banyak juga masalah yang tidak saya temukan tetapi kalian menemukannya jika iya tolong dishare juga di komentar agar saya bisa mengupdate artikel ini.

Terima kasih anda telah membaca artikel Memperbaiki Kesalahan Pada Data Struktur Blog. Jika anda kurang paham silahkan berkomentar dibawah & Ada baiknya jika artikel ini bermanfaat Share ke saudara atau teman anda.

Related Posts: