Langsung ke konten utama

Mengatasi Item Data Terstruktur Hilang atau Tidak Valid pada Blog AMP

Sekarang Google memfokuskan konten dengan blog AMP pada pencarian mobile. Salah satunya dengan adanya validasi data terstruktur pada pengujian AMP milik google. Yang tidak valid akan ada "Missing or invalid structured data item" di bagian bawah, bagi yang akun google-nya di setting bahasa indonesia maka akan menggunakan peringatan "Item data terstruktur hilang atau tidak valid". Tapi ketika di cek di pengujian data terstruktur tidak ada error sama sekali.

Setelah saya amati ternyata ada yang salah dalam penempatan schema, yang tentunya tidak sesuai pedoman. Tapi bagi yang sering berkunjung di blog kompi ajaib milik kang adhy akan mendapatkan penyelesaian masalah seputar blog. Salah satu contohnya yang dibahas di posting ini.

Di blog kompi ajaib dalam Memperbaiki Item Data Terstruktur yang tidak valid menggunakan cara yang agak rumit, lalu bagaimana bagi yang belum terlalu paham dengan kode HTML.

Tidak harus mengubah semua struktur data, seperti pada tutorial kompi. Bisa diamati data schema yang valid dengan tidak valid pada Alat Uji Coba Data Terstruktur.

Biasanya untuk blog menggunakan schema seperti <article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'> pada itemprop='blogPost' itu bermaksud untuk membuat schemanya menjadi anakan dari schema atasnya yaitu schema untuk blog (schema.org/Blog). Jadi ketika di cek data terstruktur menjadi seperti pada gambar.

Maka dengan mengeluarkan schema blog posting (schema.org/BlogPosting) dari schema blog (schema.org/Blog). Maka hasil test data terstruktur akan menjadi seperti pada gambar. Dan ketika di cek, dalam BlogPosting terdapat tombol "Pratinjau" atau "Preview" warna hijau.

Memperbaiki Schema AMP yang tidak valid

Intinya cukup menghilangkan kode atribut itemprop='blogPost' pada elemen yang memiliki https://schema.org/BlogPosting, jika kode blogPost tidak ada tetap masih bisa valid. Tapi mungkin akan lebih baik dihapus karena itu berfungsi sebagai kode untuk anakan. Jadi intinya BlogPosting tidak boleh menjadi anakan, tetapi harus sebagai induk.

Tetapi data struktur schema.org/Blog yang di dalamnya kosong dan ini bisa di hapus. Contohnya <main id='main' itemscope itemtype='https://schema.org/Blog'> menjadi <main id='main'>. Lalu coba di cek di Pengujian AMP Google, apakah sudah valid.

Cara ini juga bisa diterapkan untuk blog non amp, dan mungkin saja ini adalah struktur yang benar.

Tipe Data Terstruktur

Ada tiga tipe struktur data yang bisa digunakan, definisi bisa lihat di Structured data type definitions. seperti NewsArticle untuk berita.

Sekian, jika kurang jelas dan ada salahnya mohon maaf, terima kasih untuk blog kompi ajaib.

Komentar

  1. ternyata cuma ngehapus itu doank ?
    di tutorial sebelah aku ngehapus semua struktur :D

    BalasHapus
  2. haii mankoni

    trik nya benar benar ampuh mas...dan sangat work...ngeliat trik di tutor sebelah kepala mau pecah karena bingung...

    BalasHapus
    Balasan
    1. mankoin mas
      ya mas, semoga juga dapat membantu para blogger yang belum paham "struktur kode".

      Hapus
  3. makasih mas.. saya sempatt ragu mau pakai template amp kompi desain karena ada masalah itu

    BalasHapus
  4. Sebelum saya menghapus schema.org/Blog, saya menemukan peringatan seperti "Item data terstruktur hilang atau tidak valid" dan hasil dari cek di pengujian data terstruktur tidak ada error sama sekali.

    Tetapi setelah saya menghapus schema.org/Blog,saya tidak menemukan peringatan seperti "Item data terstruktur hilang atau tidak valid" lagi (ini screenshotnya https://prnt dot sc/knal9f) akan tetapi ketika saya cek di pengujian data terstruktur ada satu error (ini screenshot nya http://prntscr dot com/knalgk).

    Bagaimana cara mengatasi error tersebut ?

    BalasHapus
    Balasan
    1. Mungkin bisa dikoreksi ulang, intinya pastikan halaman index dan posting tidak menggunakan schema.org/Blog. Akan tetapi menggunakan schema.org/BlogPosting.

      Umumnya kebanyakan template menggunakan schema.org/Blog sebagai induk, dan di dalam schema-nya itu terdapat schema.org/BlogPosting sebagai anakan. Jika schema.org/Blog di hapus maka schema.org/BlogPosting akan menjadi schema induk.

      Dari screenshot data yang tidak valid itu menunjukkan kalau halaman posting menggunakan schema.org/Blog, tetapi tidak ada/menggunakan schema.org/BlogPosting.

      Hapus
  5. Terima kasih mas Arif Rahman, sekarang sudah ganteng blog ku hehe

    BalasHapus

Posting Komentar

Postingan populer dari blog ini

Cara Membuat Artikel Terkait Blogger Ringan dengan Gambar

Related Post atau artikel terkait bisa juga tergolong sebuah widget merupakan sebuah cara untuk meningkatkan visitor sekaligus memperkecil Bounce Rate di blog, cara kerjanya ialah menampilkan artikel lainnya yang berkaitan dengan label postingan dan ditampilkan dengan acak secara otomatis. Yang tentunya ini juga akan berdampak baik untuk blog di mesin pencari, utamanya google. Biasanya artikel terkait bisa berada dibawah postingan atau otomatis di tengah postingan. Bounce Rate artinya Rasio Pentalan, maksudnya pengunjung keluar dari blog tanpa melihat artikel menarik lainnya. Intinya setelah melihat satu artikel pengunjung melakukan pentalan atau keluar dari blog yang dibaca. Sebelumnya telah membuat related post untuk AMP . Lalu ada yang request related post untuk blogger Non-AMP. Cara Membuat Related post Blogger Bergambar Related post ini scriptnya hampir sama seperti yang amp. Dan juga tidak menyebabkan render-blocking JavaScript (memblokir rendering di konten) dengan atribut as...

Apa itu Timeline di Windows 10, apa Fungsi dan Penggunannya

Timeline adalah bagian dari Task view Windows 10. Ini menunjukkan riwayat aktivitas yang telah dilakukan dan bahkan dapat menyinkronkan aktivitas di seluruh PC. Fitur ini tersedia di Windows 10's April 2018 Update. Ini juga dapat bekerja dengan aplikasi seluler yang di kaitkan dengan akun Microsoft, sehingga ketika melihat dokumen Word di iPhone atau ponsel Android maka akan muncul di Timeline pada PC. Cara Membuka Timeline Untuk membuka Task View, klik ikon "Task View" di taskbar sebelah kanan kotak Cortana. Jiak tidak ada mungkin pernah menyembunyikannya, unttuk menampilkan kembali, klik kanan taskbar dan klik "Show Task View Button". Task View juga dapat dibuka dengan menekan Windows + Tab pada keyboard Anda. Timeline muncul di jendela yang sedang terbuka. Gulir ke bawah untuk melihat daftar aktivitas baru-baru ini. Bilah gulir di sisi kanan memungkinkan untuk menggulung kembali hari-hari sebelumnya. Aktivitas yang yang ditampilkan tidak semuanya, hanya aplik...

Cara Mengatasi Night Light Windows 10 Error Tidak Berfungsi

Bagi pengguna windows 10 pastinya tidak asing lagi dengan fitur Night Light atau Night Mode. Yang salah satu kegunaannya adalah untuk filter layar dari pancaran cahaya biru atau blue light. Fitur night light sudah diaktifkan secara default. Tapi ada kemungkinan fitur Night Light bermasalah, yaitu not working atau tidak bekerja. Seperti yang penah saya alami, sebenarnya setelah melakukan install windows 10 fiturnya bisa berfungsi dengan normal. Tetapi setelah selang beberapa hari fiturnya tiba-tiba sudah tidak berfungsi. Walaupun fitur night light bisa menyala pada waktunya setelah melakukan sleep pada komputer dan setting masih tetap tidak bisa di ubah. Saya mengiranya apa karena saya instal Creators updatenya dengan cara manual. Yang sebenarnya microsoft tidak menyarankan untuk menginstall windows 10 Creators update dengan cara manual. Dan seharusnya menunggu microsoft untuk merilis updatenya di windows update untuk perangkat itu. Tapi bagaimana lagi kalau sudah terlanjur. Atau mung...