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

Membuat Komentar Blogger Simple SEO Ringan dengan Schema.org

Komentar merupakan salah satu bagian dari blog yang digunakan untuk pertanyaan, pendapat, dan bisa juga berdiskusi. Komentar bawaan blogger tersedia dalam 2 jenis yaitu yang biasa tidak ada fitur balas komentar (Comments) dan yang bertingkat (Threaded Comments) dengan fitur balas komentar. Kedua jenis komentar tersebut tidak menyertakan schema data terstruktur, yang tentunya berfungsi untuk SEO. Dengan adanya schema.org komentar yang positif dapat dengan mudah dibaca / index oleh mesin google dan tentunya dapat berguna untuk reputasi blog di pencarian google. Karena google sendiri juga menggunakan komentar untuk menilai konten, intinya reaksi pengunjung setelah membaca artikel. Mungkin dengan ditambahkannya schema akan lebih baik jika dibandingkan dengan tanpa schema. Blog ManKoin menggunakan komentar dengan schema.org, pada postingan kali ini membahas tentang membuat komentar dengan banyak fitur tapi sederhana. Awalnya ini dari blogger lain yang meminta membuat komentar seperti blog

Emulator Android terbaik 2020, Cepat dan Ringan

Emulator merupakan suatu software yang memungkinkan untuk menjalankan sistem operasi android. Dengan emulator, menjalankan aplikasi-aplikasi android akan terasa lebih nyaman sebab memiliki layar yang lebih luas. Terdapat banyak software emulator yang membuat kita kesulitan untuk memilih nya, di sini membahas beberapa Emulator ringan, terbaik, dan mungkin bisa memilih mana yang cocok untuk di pakai komputer atau laptop kamu. Memu, Emulator Android yang Sangat Cepat dan Ringan Memu adalah emulator yang sangat cocok untuk bermain games. Banyak game yang kompatibel, tetapi sebagian aplikasi tidak kompatibel dengan emulator memu, seperti chrome dan lainnya, jikalau kompatibel mungkin hanya sedikit. Memu juga dilengkapi dengan akses root juga. Dalam segi tampilan layaknya seperti android dan desain emulatornya menarik dan rapi. Untuk performanya terbilang ringan dan cocok dengan spesifikasi yang rendah. Memu bisa di dapatkan dan di unduh gratis dan tidak ada iklan dalam emulator ini. Sistem

Nama Bagian Komponen Halaman blog dan penjelasannya

Bagian-bagian blog itu harus diketahui oleh seorang blogger. Bagi yang baru mengenal dan membuat sebuah blog atau istilah masih seorang pemula mungkin ada bagian yang tidak dimengerti nama dan kegunaannya. Beberapa bagian dari blog itu ada yang penting dan ada juga yang hanya untuk pelengkap saja. Dalam membuat sebuah bagian dari blog, banyak para blogger yang sudah mahir menyediakan tutorial mengelola blog. Seperti halnya membuat,menambah,mengedit, dan memodifikasi bagian-bagian pada halaman blog. Mungkin dalam mencari tutorial akan kesulitan jika tidak tahu namanya. Itulah alasan utama mengapa saya tulis artikel ini, karena saya dulu sebagai blogger pemula juga mengalami hal yang sama. Mengenal Bagian-bagian Komponen Halaman Blog Di sini hanya akan menjelaskan beberapa saja yang mungkin namanya belum kamu diketahui. Breadcrumb Breadcrumb merupakan sebuah komponen yang menunjukkan (menginformasikan) dalam bagian apa halaman itu berada dan jenis apa halaman yang sedang di buka. Dalam