Memanggang Data Terstruktur Ke Dalam Proses Desain

Diterbitkan: 2022-03-10
Ringkasan cepat Perkuatan pengoptimalan mesin telusur hanya membawa Anda sejauh ini. Saat metadata menjadi lebih cerdas, lebih penting dari sebelumnya untuk memasukkannya ke dalam proses desain dari awal.

Optimisasi mesin pencari (SEO) sangat penting untuk hampir setiap jenis situs web, tetapi poin-poinnya yang lebih halus tetap menjadi spesialisasi. Bahkan saat ini SEO sering diperlakukan sebagai sesuatu yang dapat diterapkan setelah fakta. Itu bisa sampai titik tertentu, tetapi sebenarnya tidak seharusnya. Mesin pencari menjadi lebih pintar setiap hari dan ada cara agar situs web menjadi lebih pintar juga.

Fondasi SEO sama seperti sebelumnya: konten hebat yang diberi label dengan jelas akan menang cepat atau lambat — terlepas dari berapa banyak orang yang mencoba mempermainkan sistem. Masalahnya, label-label itu jauh lebih canggih dari sebelumnya. Judul meta, teks alternatif gambar, dan tautan balik penting, tetapi pada tahun 2020, mereka juga cukup primitif. Ada tingkat metadata lain yang hanya digunakan sebagian kecil situs saat ini: data terstruktur.

Semua mesin telusur memiliki tujuan yang sama: untuk mengatur konten web dan memberikan hasil yang paling relevan dan berguna untuk kueri penelusuran. Bagaimana mereka mencapai ini telah sangat berubah sejak zaman Lycos dan Ask Jeeves. Google sendiri menggunakan lebih dari 200 faktor peringkat, dan hanya itu yang kami ketahui.

SEO adalah bidang yang sangat besar saat ini, dan saya katakan kepada Anda bahwa data terstruktur adalah faktor yang sangat, sangat penting untuk dipahami dan diterapkan di tahun-tahun mendatang. Itu tidak hanya meningkatkan peluang Anda untuk mendapatkan peringkat tinggi untuk kueri yang relevan. Lebih penting lagi, ini membantu membuat situs web Anda lebih baik — membukanya untuk semua jenis pengalaman web yang bermanfaat.

Bacaan yang direkomendasikan : Di Manakah SEO Termasuk Dalam Proses Desain Web Anda?

Lebih banyak setelah melompat! Lanjutkan membaca di bawah ini

Apa itu Data Terstruktur?

Data terstruktur adalah cara pelabelan konten pada halaman web. Menggunakan kosakata dari Schema.org, ini menghilangkan banyak ambiguitas dari SEO. Alih-alih memercayai orang-orang seperti Google, Bing, Baidu, dan DuckDuckGo untuk mencari tahu tentang konten Anda, Anda memberi tahu mereka. Ini adalah perbedaan antara mesin pencari yang menebak tentang sebuah halaman dan mengetahui dengan pasti.

Seperti yang dikatakan Schema.org:

Dengan menambahkan tag tambahan ke HTML halaman web Anda — tag yang mengatakan, "Hai mesin telusur, informasi ini menjelaskan film, atau tempat, atau orang, atau video tertentu ini" — Anda dapat membantu mesin telusur dan aplikasi lain lebih memahami konten Anda dan menampilkannya dengan cara yang berguna dan relevan.

Schema.org diluncurkan pada tahun 2011, sebuah proyek yang dibagikan oleh Google, Microsoft, Yahoo, dan Yandex. Dengan kata lain, ini adalah upaya 'bipartisan' — jika Anda mau. Markup melampaui salah satu mesin pencari. Dalam kata-kata Schema.org sendiri,

“Kosakata bersama memudahkan webmaster dan pengembang untuk memutuskan skema dan mendapatkan manfaat maksimal dari upaya mereka.”

Dalam banyak hal, ini adalah sepupu mikroformat yang lebih luas (diluncurkan sekitar tahun 2005) yang menyematkan semantik dan data terstruktur dalam HTML, terutama untuk kepentingan mesin telusur dan agregator. Meskipun mikroformat saat ini masih didukung, sifat 'resmi' dari perpustakaan Schema.org menjadikannya taruhan yang lebih aman untuk umur panjang.

JSON untuk Data Tertaut (JSON-LD) telah muncul sebagai standar dasar yang dominan untuk data terstruktur, meskipun Microdata dan RDFa juga didukung dan melayani tujuan yang sama. Schema.org memberikan contoh untuk setiap jenis tergantung pada apa yang paling Anda sukai.

Sebagai contoh, katakanlah Joe Bloggs menulis ulasan tentang novel Joseph Heller tahun 1961 Catch-22 dan menerbitkannya di blognya. Sayangnya, Bloggs memiliki selera yang buruk dan memberikannya dua dari lima bintang. Untuk orang yang melihat halaman, informasi ini akan dipahami tanpa berpikir, tetapi program komputer harus menghubungkan beberapa titik untuk mencapai kesimpulan yang sama.

Dengan data terstruktur, markup berikut dapat ditambahkan ke kode <head> halaman. (Ini adalah pendekatan JSON-LD. Microdata dan RDFa dapat digunakan untuk menggabungkan informasi yang sama ke dalam konten <body> ):

 <script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "Book", "name" : "Catch-22", "author" : { "@type" : "Person", "name" : "Joseph Heller" }, "datePublished" : "1961-11-10", "review" : { "@type" : "Review", "author" : { "@type" : "Person", "name" : "Joe Bloggs" }, "reviewRating" : { "@type" : "Rating", "ratingValue" : "2", "worstRating" : "0", "bestRating" : "5" }, "reviewBody" : "A disaster. The worst book I've ever read, and I've read The Da Vinci Code." } } </script>

Ini menetapkan bahwa halaman tersebut adalah tentang Catch-22 , sebuah novel karya Joseph Heller yang diterbitkan pada 10 November 1961. Peninjau telah diidentifikasi, seperti halnya parameter sistem penilaian. Skema yang berbeda dapat digabungkan (atau berjenjang) untuk menggambarkan hal yang berbeda. Misalnya, melalui penandaan semacam ini, Anda dapat memperjelas bahwa sebuah halaman adalah daftar acara untuk pemutaran film terbuka, dan film yang dimaksud adalah The Life Aquatic with Steve Zissou oleh Wes Anderson.

Bacaan yang disarankan : Penelitian Lebih Baik, Desain Lebih Baik, Hasil Lebih Baik

Mengapa Itu Penting?

Oke, luar biasa. Saya dapat memberi label situs web saya hingga ke luar dan itu akan terlihat persis sama, tetapi apa manfaatnya? Menurut saya, ada dua manfaat utama untuk menyertakan data terstruktur di situs web:

  1. Itu membuat pekerjaan mesin pencari jauh lebih mudah.
    Mereka dapat mengindeks konten dengan lebih akurat, yang pada gilirannya berarti mereka dapat menyajikannya dengan lebih kaya.
  2. Ini membantu konten web menjadi lebih menyeluruh dan bermanfaat.
    Data terstruktur memberi Anda 'perspektif komputer' tentang konten. Konten berkualitas luar biasa. Konten berkualitas yang ditandai secara menyeluruh adalah barang impian.

Anda tahu kapan Anda melihat hasil pencarian keren yang menyertakan peringkat bintang? Itu data terstruktur. Cuplikan ulasan film yang kaya? Data terstruktur. Kapan pilihan resep muncul, bahan, waktu persiapan, dan semuanya? Anda menebaknya. Gali kode halaman ini dan Anda akan menemukan markup di suatu tempat. Mesin pencari menghargai situs menggunakan data terstruktur karena memberi tahu mereka apa yang mereka hadapi.

Tinjau cuplikan menggunakan markup data terstruktur di Google Penelusuran
(Pratinjau besar)
Cuplikan resep menggunakan markup data terstruktur di Google Penelusuran
Periksa kode di situs web yang ditampilkan di atas dan tentu saja, data terstruktur ada di sana. (Pratinjau besar)

Ini bukan hanya pencarian baik, untuk menjadi jelas. Itu sebagian besar dari itu tapi itu bukan keseluruhan kesepakatan. Data terstruktur terutama tentang penandaan dan pengorganisasian konten. Hasil pencarian yang kaya hanyalah salah satu cara untuk menggunakan konten tersebut. Pencarian Google Dataset menggunakan markup Schema.org/Dataset, misalnya.

Di bawah ini adalah beberapa contoh data terstruktur yang berguna:

  • resep
  • Ulasan
  • FAQ
  • Pertanyaan suara
  • Daftar acara
  • Tindakan Konten.

Ada ribuan lagi. Seperti, secara harfiah. Schema.org bahkan mempercepat rilis markup untuk Covid-19 baru-baru ini. Ini adalah perpustakaan yang terus berkembang.

Dalam banyak hal, data terstruktur adalah cabang dari Web Semantik, yang mengupayakan Internet yang dapat dibaca mesin sepenuhnya. Ini memberi Anda perspektif yang dapat dibaca mesin tentang konten web yang (bila diterapkan dengan benar) memberi umpan balik ke fungsionalitas yang lebih kaya bagi orang-orang.

Dengan demikian, hampir semua orang yang memiliki situs web akan mendapat manfaat dari mengetahui apa itu data terstruktur dan cara kerjanya. Menurut W3Techs, hanya 29,6% situs web yang menggunakan JSON-LD, dan 43,2% tidak menggunakan format data terstruktur sama sekali. Tidak ada kewajiban, tentu saja. Tidak semua orang peduli tentang SEO atau dapat dibaca oleh mesin. Di sisi lain, bagi mereka yang melakukannya, saat ini ada peluang besar untuk meningkatkan situs saingan.

Dengan cara yang sama seperti HTML memaksa Anda untuk berpikir tentang bagaimana konten diatur, data terstruktur membuat Anda berpikir tentang substansinya. Itu membuat Anda lebih teliti. Apa pun situs web Anda, jika Anda menyisir dokumentasi skema yang relevan, Anda hampir pasti akan menemukan detail yang tidak terpikirkan untuk disertakan sebelumnya.

Sebagai manusia, mudah untuk menerima begitu saja hubungan antar informasi. Mesin pencari dan program komputer memang pintar, tapi tidak secerdas itu . Belum. Data terstruktur menerjemahkan konten ke dalam istilah yang dapat mereka pahami. Ini, pada gilirannya, memungkinkan mereka untuk memberikan pengalaman yang lebih kaya.

Sumber Daya Dan Bacaan Lebih Lanjut

  • “Panduan Pemula Untuk Data Terstruktur Untuk SEO: Seri Dua Bagian,” Bridget Randolph, Moz
  • “Apa Itu Markup Skema Dan Mengapa Penting Untuk SEO,” Chuck Price, Jurnal Mesin Pencari
  • “Apa Itu Skema? Panduan Pemula Untuk Data Terstruktur, ”Luke Harsel, SEMrush
  • “JSON-LD: Membangun API Data yang Bermakna,” Benjamin Young, Peluncuran Blog
  • “Pahami Cara Kerja Data Terstruktur”, Google Penelusuran untuk Pengembang
  • “Menandai Situs Anda Dengan Data Terstruktur,” Bing

Memasukkan Data Terstruktur Ke Dalam Desain Situs Web

Menenun data terstruktur ke dalam situs web tidak semudah, katakanlah, mengubah judul meta. Ini adalah DNA data dari konten web Anda. Jika Anda ingin menerapkannya dengan benar, maka Anda harus bersedia masuk ke dalam gulma — setidaknya sedikit. Berikut adalah beberapa langkah sederhana yang dapat dilakukan pengembang untuk menggabungkan data terstruktur ke dalam proses desain.

Catatan : Saya pribadi menganut pendekatan holistik untuk desain, di mana desain dan substansi berjalan beriringan. Menyulap sekelompok disiplin bukanlah hal baru dalam desain web, ini hanyalah salah satu, dan jika digabungkan dengan baik dapat memperkuat elemen lain di sekitarnya. Anggap saja sebagai peningkatan mesin situs Anda. Mobil mungkin tidak terlihat terlalu berbeda tetapi menangani jauh lebih baik.

Mulailah Dengan Sebuah Konsep

Saya akan menggunakan diri saya sebagai contoh. Selama lima tahun, dua teman dan saya telah meninjau album seminggu sebagai hobi (dengan yang lain melangkah dari waktu ke waktu). Prosa kami yang mencemooh dan tak tertahankan saat ini disimpan di situs WordPress, yang — di bawah perawatan saya yang bermaksud baik tetapi sama sekali tidak peduli — telah tumbuh menjadi monster plugin Frankenstein.

Kami sedang dalam proses mendesain ulang situs yang (antara lain) memerlukan membawa data terstruktur ke dalam desain inti. Di sini, seperti halnya proyek lainnya, hal pertama yang harus dilakukan adalah menetapkan tentang konten Anda. Semakin baik Anda menjawab pertanyaan ini, semakin mudah semua hal berikut ini.

Dalam kasus kami, ini adalah hal-hal penting:

  • Kami meninjau album musik;
  • Setiap ulasan memiliki tiga pengulas yang masing-masing menulis ringkasan dengan memilih hingga tiga trek favorit dan menetapkan skor pribadi dari sepuluh;
  • Ketiga skor ini digabungkan menjadi skor akhir dari 30;
  • Dari ketiga ringkasan tersebut, sebuah bagian dipilih untuk dijadikan sebagai ringkasan 'sekilas' dari semua pemikiran kita.

Beberapa di antaranya mungkin terdengar agak spesifik atau bahkan agak arbitrer (karena memang demikian), tetapi Anda akan terkejut betapa banyak yang dapat dijalin bersama menggunakan data terstruktur.

Di bawah ini adalah mockup dari tampilan halaman ulasan yang diubah, dan informasi yang dapat diterjemahkan ke dalam markup skema:

Halaman web yang dianotasi dengan markup data terstruktur
Bahkan konten yang paling luas pun dikemas penuh dengan informasi yang menunggu untuk ditandai dan disusun. (Pratinjau besar)

Tidak ada trik untuk proses ini. Saya tahu apa isinya, jadi saya tahu di mana mencarinya di dokumentasi. Dalam hal ini, saya pergi ke Schema.org/MusicAlbum dan saya bertemu dengan segala macam properti potensial, termasuk:

  • albumReleaseType
  • byArtist
  • genre
  • producer
  • datePublished
  • recordedAt

Ada lusinan; beberapa eksklusif untuk MusicAlbum, yang lain berada di bawah payung CreativeWork yang lebih besar. Menggali lebih dalam ke dokumentasi, saya menemukan bahwa markup dapat terhubung ke MusicBrainz, ensiklopedia metadata musik. Proses yang sama terungkap ketika saya pergi ke dokumentasi Review.

Dari satu halaman sederhana itu, informasi berikut dapat dikumpulkan dan diatur:

 <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "Review", "reviewBody": "Whereas My Love is Cool was guilty of trying too hard no such thing can be said of Visions. The riffs roar and the melodies soar, with the band playing beautifully to Ellie Rowsell's strengths.", "datePublished": "October 4, 2017", "author": [{ "@type": "Person", "name": "Andre Dack" }, { "@type": "Person", "name": "Frederick O'Brien" }, { "@type": "Person", "name": "Marcus Lawrence" }], "itemReviewed": { "@type": "MusicAlbum", "@id": "https://musicbrainz.org/release-group/7f231c61-20b2-49d6-ac66-1cacc4cc775f", "byArtist": { "@type": "MusicGroup", "name": "Wolf Alice", "@id": "https://musicbrainz.org/artist/3547f34a-db02-4ab7-b4a0-380e1ef951a9" }, "image": "https://lesoreillescurieuses.files.wordpress.com/2017/10/a1320370042_10.jpg", "albumProductionType": "https://schema.org/StudioAlbum", "albumReleaseType": "https://schema.org/AlbumRelease", "name": "Visions of a Life", "numTracks": "12", "datePublished": "September 29, 2017" }, "reviewRating": { "@type": "Rating", "ratingValue": 27, "worstRating": 0, "bestRating": 30 } } </script>

Dan sejujurnya, saya mungkin masih akan menambahkan lebih banyak lagi. Awalnya, saya menemukan hal-hal yang sudah menjadi bagian dari struktur halaman ulasan (yaitu artis, nama album, skor keseluruhan) tetapi kemudian pertanyaan baru mulai muncul dengan sendirinya. Apa yang bisa lebih jelas? Apa yang bisa saya tambahkan?

Ini jelas harus diimbangi dengan pertanyaan tentang apa yang tidak perlu . Hanya karena Anda bisa melakukan sesuatu bukan berarti Anda harus melakukannya. Ada yang namanya 'terlalu banyak informasi'. Namun, terkadang sedikit lebih detail benar-benar dapat membuat halaman menjadi lebih baik.

Biasakan Diri Anda Dengan Skema

Tidak ada jalan lain; cara terbaik untuk membuat bola bergulir adalah dengan membenamkan diri Anda dalam dokumentasi. Ada alat yang menerapkannya untuk Anda (lebih lanjut tentang yang di bawah), tetapi Anda akan mendapatkan lebih banyak dari markup jika Anda memiliki pemahaman yang tepat tentang cara kerjanya.

Telusuri dokumentasi Schema.org. Siapa pun Anda dan untuk apa pun situs web Anda, kemungkinan besar ada banyak skema yang relevan. Situs ini sangat bagus dengan contoh, jadi tidak perlu tetap teoretis.

Langkah di luar itu, tentu saja, adalah menemukan hasil penelusuran kaya yang ingin Anda tiru, mengunjungi laman, dan menggunakan alat pengembang peramban untuk melihat apa yang mereka lakukan. Mereka sering kali merupakan contoh situs web yang sangat baik yang mengetahui konten mereka luar dalam. Anda juga dapat memasukkan cuplikan kode atau URL ke Pemandu Markup Data Terstruktur Google, yang kemudian menghasilkan skema yang sesuai.

Contoh Pembantu Markup Data Terstruktur Google beraksi
Alat seperti Pembantu Markup Data Terstruktur Google sangat baik untuk memahami cara kerja data terstruktur. (Pratinjau besar)

Dasar-dasarnya sebenarnya sangat sederhana. Setelah Anda memahaminya, itu adalah luasnya pilihan yang membutuhkan waktu untuk dijelajahi dan dimainkan. Anda tidak ingin menjadi orang yang menyelesaikan proses desain, melihat opsi skema, dan mulai menebak-nebak semua yang telah dilakukan.

Ajukan Pertanyaan yang Tepat

Sekarang setelah Anda dipersenjatai dengan kekayaan pengetahuan data terstruktur, Anda berada di posisi yang lebih baik untuk meletakkan dasar bagi situs web yang kuat. Data terstruktur mengendarai jalur yang cukup unik. Dalam arti langsung, itu ada 'di bawah tenda' dan ada untuk kepentingan komputer. Pada saat yang sama, ini dapat memungkinkan pengalaman yang lebih kaya bagi pengguna.

Oleh karena itu, ada baiknya untuk melihat data terstruktur dari perspektif teknis dan pengguna. Bagaimana data terstruktur dapat membantu situs web saya lebih dipahami? Sumber daya lain, database online, atau perangkat keras apa (misalnya speaker pintar) yang mungkin tertarik dengan apa yang Anda lakukan? Opsi apa yang muncul dalam dokumentasi yang tidak saya perhitungkan? Apakah saya ingin menambahkannya?

Sangat penting untuk mengidentifikasi jenis konten yang berulang. Aman untuk mengatakan sebuah blog dapat mengharapkan banyak posting blog dari waktu ke waktu, jadi menggabungkan data terstruktur ke dalam template posting akan menghasilkan hasil yang maksimal. Contoh yang saya berikan di atas semuanya baik-baik saja, tetapi tidak ada alasan mengapa proses markup tidak dapat diotomatisasi. Itu rencananya untuk kita.

Pertimbangkan juga cara orang menemukan konten Anda. Jika ada peluang untuk, misalnya, menyorot potongan salinan untuk digunakan dalam pencarian suara, lakukanlah. Itu saja, atau serahkan pada mesin pencari untuk menyelesaikannya sendiri. Tidak ada yang tahu konten Anda lebih baik dari Anda, jadi manfaatkan pemahaman itu dengan markup deskriptif.

Anda tidak perlu menebak bagaimana konten akan dipahami dengan data terstruktur. Dengan alat seperti Penguji Hasil Kaya Google, Anda dapat melihat dengan tepat bagaimana ia memberikan bentuk dan makna konten yang mungkin diabaikan.

Sumber Daya Dan Bacaan Lebih Lanjut

  • “Memulai Schema.org Menggunakan Microdata,” Schema.org
  • “Repositori Proyek Schema.org,” komunitas GitHub
  • “Pembantu Markup Data Terstruktur,” Webmaster Googe
  • “Tambahkan Data Terstruktur Ke Halaman Web Anda”, Codelabs Pengembang Google
  • “Tes Hasil Kaya”, Google

Konten Berkualitas Layak Mendapatkan Markup Berkualitas

Anda tidak akan menemukan pendukung konten hebat yang lebih hebat dari saya. Industri SEO kehilangan akal sehatnya setiap kali Google meluncurkan pembaruan pencarian utama. Tanggapan terhadap histeria selalu sama: buat konten berkualitas. Untuk itu saya menambahkan: tandai dengan benar.

Biasakan diri Anda dengan dokumentasi dan jelaskan tentang apa situs Anda. Setiap informasi yang Anda beri tag membuatnya lebih mudah untuk diindeks dan dibagikan dengan orang yang tepat.

Baik Anda seorang pemuja Google atau seorang mualaf DuckDuckGo, semangatnya tetap sama. Ini bukan tentang peringkat tetapi tentang membuat situs web sebaik mungkin. Mengakomodasi data terstruktur akan membuat aspek lain dari situs web Anda menjadi lebih baik.

Anda tidak perlu memercayai teknologi untuk memahami tentang konten Anda — Anda dapat mengetahuinya. Dari ulasan hingga resep hingga pencarian audio, pengembang dapat menambahkan tingkat kecanggihan yang sama sekali baru ke konten mereka.

Inti dan jiwa dari mengoptimalkan situs web untuk pencarian tidak pernah berubah: hasilkan konten yang bagus dan buat sejelas mungkin apa itu dan mengapa itu berguna. Data terstruktur adalah alat lain untuk tujuan itu, jadi gunakan itu.