Artikel

Menambahkan data terstruktur Article ke halaman artikel berita, blog, dan olahraga dapat menyempurnakan tampilan konten di hasil Google Penelusuran. Halaman Anda mungkin memenuhi syarat untuk fitur yang berbeda, tergantung cara Anda mengodekan halaman:

  • AMP dengan data terstruktur: Halaman AMP dengan data terstruktur dapat muncul di carousel Artikel teratas, carousel host hasil kaya, Artikel visual, dan hasil kaya dalam hasil Penelusuran seluler. Hasil ini dapat mencakup gambar, logo halaman, dan fitur hasil penelusuran menarik lainnya.
  • Halaman web non-AMP dengan data terstruktur: Halaman non-AMP yang menyertakan data terstruktur Article dapat membantu Google memahami halaman web lebih lanjut dan menampilkan teks judul, gambar, dan tanggal publikasi dengan lebih baik untuk artikel dalam hasil kaya Article.

Contoh

Berikut adalah contoh kode JSON-LD di halaman AMP dengan data terstruktur Article.


<html amp>
  <head>
    <title>Article headline</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "NewsArticle",
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://google.com/article"
      },
      "headline": "Article headline",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
       ],
      "datePublished": "2015-02-05T08:00:00+08:00",
      "dateModified": "2015-02-05T09:20:00+08:00",
      "author": {
        "@type": "Person",
        "name": "John Doe"
      },
       "publisher": {
        "@type": "Organization",
        "name": "Google",
        "logo": {
          "@type": "ImageObject",
          "url": "https://google.com/logo.jpg"
        }
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>

Berikut ini contoh halaman non-AMP dengan data terstruktur Article. Halaman non-AMP memiliki rekomendasi yang berbeda dari halaman AMP.


<html>
  <head>
    <title>Article headline</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "NewsArticle",
      "headline": "Article headline",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
       ],
      "datePublished": "2015-02-05T08:00:00+08:00",
      "dateModified": "2015-02-05T09:20:00+08:00"
    }
    </script>
  </head>
  <body>
  </body>
</html>

Penerapan

AMP dengan data terstruktur

Carousel hasil AMP untuk artikel berita.

Halaman AMP yang memiliki data terstruktur dapat muncul pada carousel artikel dalam hasil penelusuran. Tanpa data terstruktur, halaman AMP hanya dapat muncul sebagai link biru standar di hasil Google Penelusuran. Untuk informasi selengkapnya tentang AMP dalam hasil penelusuran, buka Tentang AMP di Google Penelusuran.

Untuk membuat halaman AMP dengan data terstruktur:

  1. Ikuti spesifikasi Project AMP.
  2. Ikuti panduan tambahan terkait halaman untuk memastikan bahwa Google dapat meng-crawl halaman Anda.
  3. Tambahkan elemen data terstruktur yang mendeskripsikan artikel di halaman.
  4. Uji data terstruktur Anda menggunakan Pengujian Hasil Kaya.

Halaman non-AMP dengan data terstruktur

Halaman non-AMP dengan data terstruktur Artikel dalam hasil penelusuran

Jika menambahkan data terstruktur Article ke halaman non-AMP, Anda dapat meningkatkan saran terkait judul, tanggal publikasi, dan gambar yang tepat untuk ditampilkan Google dalam hasil Penelusuran.

Untuk menambahkan data terstruktur ke halaman artikel non-AMP Anda:

  1. Tambahkan elemen data terstruktur ke halaman Anda, yang mendeskripsikan artikel di halaman itu.
  2. Baca panduan untuk memastikan bahwa Google dapat meng-crawl halaman Anda.
  3. Uji data terstruktur Anda menggunakan Pengujian Hasil Kaya.

Panduan

Anda harus mengikuti panduan ini untuk menggunakan data terstruktur dan memenuhi syarat untuk disertakan dalam hasil Google Penelusuran.

Panduan teknis

  • Jika Anda menawarkan akses berbasis langganan ke konten situs Anda, atau jika pengguna harus mendaftar untuk mendapatkan akses, sebaiknya tambahkan data terstruktur untuk langganan dan konten berbayar berpenghalang.
  • Untuk konten yang terdiri dari banyak bagian, pastikan rel=canonical mengarah ke setiap halaman atau halaman "lihat-semua" (bukan ke halaman 1 dari sebuah rangkaian multi-bagian). Pelajari kanonikalisasi lebih lanjut.

Panduan logo AMP

Panduan berikut ini berlaku pada logo untuk semua halaman AMP, termasuk cerita AMP.

  • Format file harus didukung oleh Google Gambar.
  • Jangan menggunakan animasi.
  • Bagian grafis logo harus terbaca pada warna latar belakang.

Panduan berikut berlaku pada logo yang digunakan untuk halaman AMP umum, bukan cerita AMP. Ada perbedaan persyaratan logo untuk cerita AMP.

  • Logo harus berbentuk persegi panjang, bukan bujur sangkar.
  • Logo harus pas dalam persegi panjang ukuran 60x600 piksel, dan tingginya tepat 60 piksel (lebih disukai), atau lebarnya tepat 600 piksel. Misalnya, ukuran 450x45 piksel tidak akan diterima, meskipun pas dengan persegi panjang berukuran 600x60 piksel.

    Contoh logo

  • Penerbit sebaiknya hanya menggunakan satu logo per merek, yang konsisten di seluruh halaman AMP umum.
  • Gunakan wordmark lengkap atau logo lengkap; bukan ikon.
  • Teks dalam logo berbasis kata sebaiknya berukuran tinggi maksimal 48 piksel dan secara vertikal berada tepat di tengah dalam gambar yang setinggi 60 piksel. Beri ruang tambahan untuk menambah tinggi menjadi 60 piksel.

  • Logo dengan latar belakang solid sebaiknya menyertakan padding minimal 6 piksel di sekitar gambar.

Definisi jenis data terstrukur

Bagian berikut ini menjelaskan persyaratan properti untuk data terstruktur Article. Halaman AMP dan non-AMP memiliki persyaratan dan rekomendasi properti yang berbeda:

  • Untuk halaman AMP: Anda harus menyertakan properti wajib agar konten Anda memenuhi syarat untuk ditampilkan sebagai hasil kaya. Anda juga dapat menyertakan properti yang direkomendasikan untuk menambahkan informasi lain ke konten, yang akan meningkatkan kualitas pengalaman pengguna.
  • Untuk halaman non-AMP: Agar dapat membantu Google memahami halaman Anda dengan lebih baik, sertakan properti yang direkomendasikan untuk halaman non-AMP.

Objek Article

Objek Article harus didasarkan pada salah satu jenis schema.org berikut: Article, NewsArticle, BlogPosting.

AMP

Properti berikut berlaku untuk halaman AMP.

Properti wajib
author

Person atau Organization

Penulis artikel.

author.name

Text

Nama penulis.

datePublished

DateTime

Tanggal dan waktu artikel pertama kali dipublikasikan, dalam format ISO 8601.

Praktik terbaik:

  • Tanggal sebaiknya tidak berubah dari waktu ke waktu.
  • Sebaiknya sertakan informasi jam, selain informasi tanggal, dalam stempel waktu.
  • Nilai dateModified harus lebih baru daripada nilai datePublished.
headline

Text

Judul artikel. Judul tidak boleh lebih dari 110 karakter. Untuk cerita AMP, judul harus cocok dengan teks di halaman sampul pertama dalam Cerita AMP.

image

Properti berulang dari ImageObject atau URL

URL ke gambar yang mewakili berita atau cerita AMP.

Karena perbedaan format dalam hasil penelusuran, panduan gambar berikut hanya berlaku pada halaman AMP umum, bukan cerita AMP. Cerita AMP memiliki persyaratan yang berbeda untuk gambar.

  • Hanya gambar yang di-markup yang secara langsung disertakan dalam artikel yang perlu ditentukan.
  • Lebar gambar setidaknya 1.200 piksel.
  • Setiap halaman harus memuat setidaknya satu gambar (baik Anda menyertakan markup ataupun tidak). Google akan memilih gambar terbaik untuk ditampilkan dalam hasil Penelusuran berdasarkan rasio tinggi lebar dan resolusi.
  • URL gambar harus dapat di-crawl dan diindeks.
  • Gambar harus mewakili konten yang di-markup.
  • Format file harus didukung oleh Google Gambar.
  • Untuk mendapatkan hasil terbaik, berikan beberapa gambar beresolusi tinggi (minimal 800.000 piksel, yang merupakan hasil perkalian lebar dan tinggi) dengan rasio tinggi lebar berikut: 16x9, 4x3, dan 1x1.

Contoh:


{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "image": [
    "https://example.com/photos/1x1/photo.jpg",
    "https://example.com/photos/4x3/photo.jpg",
    "https://example.com/photos/16x9/photo.jpg"
  ]
}
publisher

Organization

Penerbit artikel.

publisher.logo

ImageObject

Logo penerbit. Lihat Panduan logo AMP untuk mengetahui detailnya.

publisher.logo.url

URL

URL logo.

publisher.name

Text

Nama penerbit.

Properti yang direkomendasikan
dateModified

DateTime

Tanggal dan waktu artikel terakhir kali diubah, dalam format ISO 8601.

mainEntityOfPage

URL

URL kanonis halaman artikel. Tentukan mainEntityOfPage jika artikel adalah topik utama halaman artikel.

Non-AMP

Properti berikut berlaku untuk halaman non-AMP.

Properti yang direkomendasikan
dateModified

DateTime

Tanggal dan waktu artikel terakhir kali diubah, dalam format ISO 8601.

datePublished

DateTime

Tanggal dan waktu artikel pertama kali dipublikasikan, dalam format ISO 8601.

headline

Text

Judul artikel. Judul tidak boleh lebih dari 110 karakter.

image

ImageObject atau URL berulang

URL ke gambar yang mewakili artikel. Hanya gambar yang di-markup yang secara langsung disertakan dalam artikel yang perlu ditentukan. Lebar gambar setidaknya harus 696 piksel.

Panduan tambahan terkait gambar:

  • Setiap halaman harus memuat setidaknya satu gambar (baik Anda menyertakan markup ataupun tidak). Google akan memilih gambar terbaik untuk ditampilkan dalam hasil Penelusuran berdasarkan rasio tinggi lebar dan resolusi.
  • URL gambar harus dapat di-crawl dan diindeks.
  • Gambar harus mewakili konten yang di-markup.
  • Gambar harus dalam format file yang didukung oleh Google Gambar.
  • Untuk mendapatkan hasil terbaik, berikan beberapa gambar beresolusi tinggi (minimal 300.000 piksel, yang merupakan hasil perkalian lebar dan tinggi) dengan rasio tinggi lebar berikut: 16x9, 4x3, dan 1x1.

Contoh:


{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "image": [
    "https://example.com/photos/1x1/photo.jpg",
    "https://example.com/photos/4x3/photo.jpg",
    "https://example.com/photos/16x9/photo.jpg"
  ]
}

Pemecahan masalah

Jika Anda mengalami masalah saat menerapkan data terstruktur, berikut beberapa referensi yang dapat membantu Anda.