Memperbaiki Kesalahan Blogposting Blog Template Evo Magz

gambar blogposting
Animasi BlogPost
BlogPosting merupakan salah satu bagian yang tidak terpisahkan dari sebuah blog. Blogposting merupakan tempat dimana artikel kita akan dimuat. Blogposting menampilkan semua tulisan-tulisan kita yang berisi ulasan, gambar maupun video.

Untuk melihat BlogPosting (Blog Posts) kita, silahkan kita masuk ke dashboard blog masing-masing dengan membuka dashboard blogger>>tata letak (layout) . Perhatikan Gambar berikut ini yang menampilkan contoh Blog Posts dari Blog Supervba. Blog kebanggaan kami, hehe.
blog posting
Layout Blog


Sebuah BlogPosting bisa saja mengalami kesalahan  (masalah). Bagaimana kita mengetahuinya?. Kita biasa melakukan uji struktur html menggunakan Structured Data Testing Tool Google. Bentuk masalah yang dapat terjadi pada BlogPosting adalah data headline dan data date publishednya tidak ada padahal data ini hukumnya wajib. Masalah ini bisa terjadi tergantung dari template kita masing-masing. Selain itu juga tergantung bagaimana kita mengatur setelan Blog Posts kita pada tata letak (layout). Structured data testing tool Google membaca bagaimana laman kita tampil.

Pada kesempatan ini saya akan menggunakan contoh template dari Template Evo Magz karya mas Sugeng.  Saya menggunakan Template Evo Magz sebagai contoh, tidak lain karena saya sendiri pernah menggunakan template ini.
contoh template blog
Template Blog
Pada versi demo (Asli), terdapat area kesalahan pada BlogPostingnya setelah diuji menggunakan Structured Data Testing Tool Google. Perhatikan gambar.

hasil tes struktur data
Structured Data Testing
struktur data testing
Structured Data Testing


Dari gambar kita bisa melihat, ada dua letak kesalahan BlogPostingnya, yaitu data datepublished dan data headline tidak ada. Mari kita pecahkan satu persatu-satu.

Memperbaiki Data Headline BlogPosting yang Tidak Ada

Titik masalah yang akan kita pecahkan terlebih dahulu adalah masalah data headline yang tidak ada. Ikuti langkah-langkah berikut ini.

1. Masuk ke dashboard Blogger>>template>>edit html. Cari kode <a expr:name='data:post.id'/> pada template. Kita bisa juga menggunakan fasilitas Find (Ctrl+F) masukkan teks data:post.id. Selanjutnya perhatikan apakah kode HTML kita seperti ini.

    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <h1 class='post-title entry-title' itemprop='name'>
            <b:if cond='data:post.link'>
              <a expr:href='data:post.link'><data:post.title/></a>
            <b:else/>
              <b:if cond='data:post.url'>
                <b:if cond='data:blog.url != data:post.url'>
                  <a expr:href='data:post.url'><data:post.title/></a>
                <b:else/>
                  <data:post.title/>
                </b:if>
                <b:else/>
                  <data:post.title/>
              </b:if>
            </b:if>
          </h1>
        <b:else/>
          <h2 class='post-title entry-title' itemprop='name'>
            <b:if cond='data:post.link'>
              <a expr:href='data:post.link'><data:post.title/></a>
            <b:else/>
              <b:if cond='data:post.url'>
                <b:if cond='data:blog.url != data:post.url'>
                  <a expr:href='data:post.url'><data:post.title/></a>
                <b:else/>
                  <data:post.title/>
                </b:if>
                <b:else/>
                  <data:post.title/>
              </b:if>
            </b:if>
          </h2>
        </b:if>
      <b:else/>
        <h1 class='post-title entry-title' itemprop='name'>
          <b:if cond='data:post.link'>
            <a expr:href='data:post.link'><data:post.title/></a>
          <b:else/>
            <b:if cond='data:post.url'>
              <b:if cond='data:blog.url != data:post.url'>
                <a expr:href='data:post.url'><data:post.title/></a>
              <b:else/>
                <data:post.title/>
              </b:if>
              <b:else/>
                <data:post.title/>
            </b:if>
          </b:if>
        </h1>
      </b:if>
    </b:if>


Sebelum melakukan perubahan apapun terhadap template, silahkan backup dulu template kita.

2. Silahkan ganti teks yang berwarna biru itu menjadi name headline. Jika sudah, silahkan cek kembali di Structured Data Testing Tool Google. Saya sudah melakukan trik ini pada template Evo Magz yang saya pakai dan hasilnya sukses.

Apa akibat jika kita tidak memperbaiki data headline yang tidak ada padahal data headline merupakan data yang diwajibkan?. Akibat yang saya alami ketika saya belum menemukan solusi ini adalah jumlah tampilan postingan pada Blog Posts saya tidak sesuai dengan setelan pada setelan jumlah blog posts. Saya memberikan setelan jumlah postingan yang terlihat pada Blog posts sebanyak 6, tapi hanya muncul 3. Saya update artikel lagi, muncul 2, update artikel lagi muncul hanya 1 postingan. Begitu seterusnya hingga saya menemukan trik ini dengan mengintip kode HTML pada template lain yang tidak mengalami masalah pada blogpostingnya.

Memperbaiki Data datepublished BlogPosting yang Tidak Ada

Untuk memperbaiki data datepublished yang tidak ada terbilang tidak sulit seperti mengatasi data headline diatas. Sekarang kita perhatikan dahulu gambar demo dari template evo magz yang BlogPostingnya bermasalah tadi.
design template blog
Template Blog

Perhatikan, data tanggal yang saya beri kotak merah tersebut. Sekarang silahkan kita ke dashboard Blogger>>tata letak(layout). Pada Blog Posts, klik edit.

tata letak blog
Layout Blog

Silahkan buat setelan data tanggal seperti bagian yang saya beri kotak merah tersebut. Klik Simpan untuk menyimpan perubahan. Selanjutnya, silahkan kita uji lagi di Structured Data Testing Tool Google. Jika kita menerima hasil seperti ini, maka kita sudah berhasil memperbaiki kesalahan BlogPosting blog untuk data headline dan data datepublishednya.
data testing
Structured Data Testing
hasil tes
Structured Data Testing

Nah untuk rekan-rekan blogger yang mungkin juga menggunakan template Evo Magz, silahkan diuji apakah BlogPostingnya bermasalah. Cara ini bisa jadi juga bisa diterapkan pada template blog lain yang mengalami permasalahan seperti ini. Selamat mencoba.

Begitulah tips blog untuk para blogger yang dapat saya bagikan. Semoga manfaat.
Saria Bakti

Seorang Blogger sejak 2015. Senang berbagi informasi yang dapat meningkatkan Imunitas Tubuh.

Lebih baru Lebih lama