-->

Friday, October 6, 2017

Cara Mengatasi Kesalahan Data Terstruktur : Hilang Updated, Author, Publisher dan lainnya

Data terstruktur adalah suatu data yang memiliki struktur menggunakan kosakata schema.org dan format seperti microdata, RDF, atau microformats yang dapat digunakan perayap seperti Google untuk memahami markup pada sebuah laman. Informasi ini dapat digunakan Google untuk membuat cuplikan kaya serta fitur lainnya pada hasil penelusuran, dimana hal ini dapat membantu mendorong lalu lintas ke situs Anda.

cara mengatasi kesalahan hilang updated, author, publisher

Gunakan Google search console untuk melihat laporan apakah di dalam laman Anda memiliki markup data terstruktur dan pastikan tidak ada kesalahan markup di dalamnya. Jika ditemukan kesalahan, segera lakukan perbaikan, untuk memaksimalkan kinerja situs web Anda pada hasil penelusuran.

Berikut ini daftar kesalahan umum yang sering muncul pada hasil laporan data terstruktur Google search console, berikut cara mengatasinya.

1. Mengatasi kesalahan hilang updated

Hilang Updated atau missing Updated pada laporan data terstruktur hatom (Markup: microformats.org) adalah kondisi dimana tidak adanya data tanggal dan waktu yang menunjukkan kapan sebuah postingan terakhir kali diperbaharui. Pada BlogPosting (Markup: schema.org) nilai data ini masuk pada bidang dateModified.

Untuk mengatasi kesalahan hilang updated pada data terstruktur, satu satunya jalan adalah dengan menambahkan struktur kode baru, bukan memanfaatkan data published (stempel waktu / post-timestamp). Karena kedua bidang tersebut seharusnya menunjukkan nilai waktu yang berbeda, kecuali jika semua artikel blog Anda tidak pernah ada yang di update atau diedit.

Silahkan masuk ke Edit HTML, kemudian cari kode stempel waktu di dalam kode <b:includable id='post' var='post'>

Penampakan kode stempel waktu

<span class='post-timestamp'>
  <b:if cond='data:top.showTimestamp'>
    <data:top.timestampLabel/>
    <b:if cond='data:post.url'>
      <meta expr:content='data:post.url.canonical' itemprop='url'/>
      <a class='timestamp-link' 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>
    </b:if>
  </b:if>
</span>

Tempatkan kode berikut tepat di bawah kode stempel waktu.

<span class='post-updated'>
  <b:if cond='data:top.showTimestamp'>
    Last Updated
    <span class='updated' itemprop='dateModified'>
      <data:post.lastUpdatedISO8601/>
    </span>
  </b:if>
</span>

Catatan:

  • Kode di atas boleh ditempatkan dimana saja, bisa di bawah kode author atau yang lainnya.
  • Jika post info untuk halaman utama dan item dipisahkan, berarti Anda harus memasang kode post-updated sebanyak dua kali.
  • Sisipkan kode style='display: none;' pada baris pertama kode di atas jika Anda ingin menyembunyikan data post-updated.
  • Data updated yang ditampilkan mengacu pada standar tanggal dan waktu berdasarkan ISO 8601. Contohnya bisa dilihat pada bagian post-footer di bawah artikel ini.
  • Kode Z pada bagian paling belakang, menunjuk pada UTC ± 00: 00 (Coordinated Universal Time pada bujur 0°). Jadi jangan heran jika pada sebuah postingan yang tidak atau belum pernah di update, ada selisih waktu antara nilai data published (stempel waktu) dengan nilai data updated (dateModified).

Baca juga: Cara Terbaru Mengatasi Masalah CSS Bundle di Blogger.

2. Mengatasi masalah hilang author

Kesalahan hilang author pada laporan data terstruktur biasanya hanya terjadi pada halaman utama saja. Tapi tidak menutup kemungkinan, kesalahan ini juga muncul pada halaman item. Hal ini disebabkan oleh kesalahan struktur kode yang digunakkan untuk menampilkan data author pada halaman tersebut.

Untuk mengatasi kesalahan hilang author, pastikan Anda menggunakan struktur kode berikut untuk menampilkan data author pada semua halaman di blog.

      <span class='post-author vcard'>
        <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>
3. Kesalahan Image

Untuk mengatasi kesalahan properti image pada laporan data terstruktur Google search console, caranya sangat mudah. Cari kode seperti di bawah ini, kemudian ganti kode itemprop='image_url' menjadi itemprop='image'

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

Catatan: peringatan kesalahan pada properti image akan tetap muncul pada laman yang tidak memiliki gambar di dalamnya. Untuk mengatasinya, hapus kode di atas, kemudian ganti dengan kode di bawah ini. Jangan lupa ganti kode warna merah dengan url gambar alternatif.

<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
  <b:if cond='data:post.firstImageUrl'>
    <meta expr:content='data:post.firstImageUrl' itemprop='url'/>
    <b:else/>
    <meta content='Url_Image_Alternative' itemprop='url'/>
  </b:if>
</div>

Baca juga: Cara Mengatasi Gambar Thumbnail Buram di Blog.

4. Kesalahan postId dan blogId

Kedua jenis properti ini tidak dikenali pada schema.org/BlogPosting . Solusi termudah untuk mengatasi kesalahan ini adalah dengan mengubah kode itemprop='blogId' dan itemprop='postId' menjadi itemprop=''.

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

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

5. Kesalahan Headline

Cari baris kode pembungkus judul artikel / postingan seperti di bawah, kemudian ganti kode itemprop='name' menjadi itemprop='headline' .

<h3 class='post-title entry-title' itemprop='name'>

Catatan: tidak semua template menggunakan h3 sebagai pembungkus judul artikel. Pada beberapa template / tema tertentu, kadang menggunakan h1 atau h2 untuk membungkus judul artikel.

6. Mengatasi masalah mainEntityOfPage

Properti mainEntityOfPage pada schema.org menunjukkan sebuah halaman dimana hal ini merupakan entitas utama yang sedang dijelaskan. Url postingan merupakan nilai yang sesuai untuk properti ini.

Pada halaman utama, Anda bisa menggunakan url post yang ada pada judul artikel untuk digunakan sebagai properti mainEntityOfPage.

<a expr:href='data:post.url' itemprop='mainEntityOfPage'>
  <data:post.title/>
</a>

Sedangkan untuk halaman item, Anda bisa menggunakan url post yang ada di dalam struktur kode stempel waktu sebagai properti mainEntityOfPage. Atau, keduanya juga bisa menggunakan url ini.

<meta expr:content='data:post.url.canonical' itemprop='url mainEntityOfPage'/>

7. Mengatasi masalah publisher

Nilai yang diharapkan pada properti ini bisa menunjuk pada orang atau organisasi. Pada tutorial ini, saya menggunakan tipe organisasi sebagai nilai untuk properti publisher.

Tempatkan kode berikut di bawah kode properti image (lihat kode pada kesalahan nomor 3)

<div class='publisher' itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
<div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta content='Url_Image_Logo' itemprop='url'/>
<meta content='200' itemprop='width'/>
<meta content='200' itemprop='height'/>
</div>
<meta expr:content='data:blog.title' itemprop='name'/>
</div>

Catatan:

  • Ganti kode warna merah dengan url gambar logo blog Anda.
  • Sesuaikan nilai pada width dan height dengan ukuran asli gambar logo milik Anda.

Update: Hapus kode <meta content='200' itemprop='height'/> karena sudah tidak diperlukan lagi

Baca juga: Cara Membuat Daftar Isi Blog Berdasarkan Label.

8. Mengatasi kesalahan datePublished

Kesalahan pada properti datePublished, biasanya disebabkan karena nilai yang ditampilkan pada properti ini, hanya memuat tanggal atau waktu saja, pada postingan yang dipublikasikan. Sehingga Google tidak bisa memahami properti tersebut sebagai tanggal dan waktu. Padahal, properti ini seharusnya memuat keduanya, sebagaimana telah diatur dalam ISO 8601 mengenai tanggal dan waktu.

Untuk mengatasi kesalahan datePublished, Anda bisa mengikuti salah satu dari dua cara berikut.

Cara pertama
  • Masuk ke Blogger > pilih blog > klik Setelan > Bahasa dan pemformatan.
  • Pada pengaturan Format Timestamp, klik tanda panah, kemudian pilih format tanggal dan waktu yang serupa dengan model ini ( 9/27/2017 05:00:00 pm ).
  • Klik tombol Simpan Setelan pada pojok kanan atas layar.

Cara kedua

Hapus kode <data:post.timestamp/>, kemudian ganti dengan kode <data:post.timestampISO8601/>



Setelah semuanya selesai diperbaiki, lakukan pengujian data terstruktur pada laman yang sedang tayang, untuk mengetahui apakah semua markup data yang telah diperbaharui sudah benar dan tidak ada lagi kesalahan. Perubahan pada grafik laporan data terstruktur Google search console, memerlukan waktu hingga laman dirayapi ulang. Biasanya akan mulai terlihat penurunan kesalahan setelah tiga hari.

5 comments:

Agis Muhammad Nur said...

ilmu bermanfaat dafat menyelesaikan masalah

Ridwan said...

Terima kasih gan,

Unknown said...

alhamdulillah sudah coba di tempatku https://marketingapartmenttamansariiswara.blogspot.co.id/ akhirnya sudah tidak ada error lagi. terimakasih banyak.

https://bejanatekan.blogspot.com/ said...

makasih informasinya

Pabrik Batu Alam Jogja-Magelang said...

Barumau di coba