Article

Menambahkan data terstruktur Article ke halaman artikel berita, blog, dan olahraga dapat meningkatkan kualitas 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",
        "url": "http://example.com/profile/johndoe123"
      },
      "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",
      "author": [{
          "@type": "Person",
          "name": "Jane Doe",
          "url": "http://example.com/profile/janedoe123"
        },{
          "@type": "Person",
          "name": "John Doe",
          "url": "http://example.com/profile/johndoe123"
      }]
    }
    </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 halaman tambahan 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.
  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 agar data terstruktur 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 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 logo teks 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 terstruktur

Bagian berikut 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. Untuk membantu Google memahami penulis secara optimal di berbagai fitur, sebaiknya ikuti praktik terbaik markup penulis.

Jika ada beberapa penulis, cantumkan namanya dalam array:


"author": [{
    "@type": "Person",
    "name": "Jane Doe",
    "url": "http://example.com/profile/janedoe123"
  },{
    "@type": "Person",
    "name": "John Doe",
    "url": "http://example.com/profile/johndoe123"
}]
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 artikel 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 lebar tinggi 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 lebar tinggi 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

URL atau ImageObject

Logo penerbit. Lihat Panduan logo AMP untuk detail tentang konten gambar.

Jika Anda menggunakan jenis ImageObject, tetapkan kolom url ke URL logo.

Contoh:


{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "publisher": {
    "@type": "Organization",
    "name": "Google",
    "logo": {
      "@type": "ImageObject",
      "url": "https://google.com/logo.jpg"
    }
  }
}

Berikut ini adalah contoh jenis URL:


{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "publisher": {
    "@type": "Organization",
    "name": "Google",
    "logo": "https://google.com/logo.jpg"
  }
}
publisher.name

Text

Nama penerbit.
Properti yang direkomendasikan
author.url

URL

Link ke halaman web yang mengidentifikasi penulis artikel secara unik. Misalnya, halaman media sosial penulis, halaman tentang saya, atau halaman biodata.
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
author

Person atau Organization

Penulis artikel. Untuk membantu Google memahami penulis secara optimal di berbagai fitur, sebaiknya ikuti praktik terbaik markup penulis.

author.name

Text

Nama penulis.
author.url

URL

Link ke halaman web yang mengidentifikasi penulis artikel secara unik. Misalnya, halaman media sosial penulis, halaman tentang saya, atau halaman biodata.
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 lebar tinggi 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 lebar tinggi 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"
  ]
}

Praktik terbaik markup penulis

Untuk membantu Google memahami dan menampilkan penulis konten secara optimal, sebaiknya ikuti praktik terbaik ini saat mencantumkan penulis di markup:

Praktik terbaik untuk markup penulis

Menyertakan semua penulis di markup

Pastikan semua penulis yang ditampilkan sebagai penulis di halaman web juga disertakan dalam markup.

Mencantumkan beberapa penulis

Saat mencantumkan beberapa penulis, cantumkan setiap penulis di kolom author masing-masing: 


"author": [
  {"name": "Willow Lane"},
  {"name": "Regula Felix"}
]

Jangan gabungkan beberapa penulis di kolom author yang sama: 


"author": {
  "name": "Willow Lane, Regula Felix"
}

Menggunakan kolom tambahan

Untuk membantu Google lebih memahami siapa penulisnya, sebaiknya gunakan properti type dan url (atau sameAs). Gunakan URL yang valid untuk properti url atau sameAs.

Misalnya, jika penulisnya adalah orang, Anda dapat menautkan ke halaman penulis yang menyediakan informasi selengkapnya tentang penulis: 


"author": [
  {
    "@type": "Person",
    "name": "Willow Lane",
    "url": "http://www.example.com/staff/willow_lane"
  }
]

Jika penulisnya adalah sebuah organisasi, Anda dapat menautkan ke halaman beranda organisasi. 


"author":
  [
    {
      "@type":"Organization",
      "name": "Some News Agency",
      "url": "https://www.example.com/"
  }
]

Hanya mencantumkan nama penulis di properti author.name

Di properti author.name, hanya cantumkan nama penulis. Jangan tambahkan informasi lain apa pun. Khususnya, jangan tambahkan informasi berikut:

  • Nama penerbit. Sebagai gantinya, gunakan properti publisher.
  • Jabatan penulis. Sebagai gantinya, gunakan properti yang sesuai jika Anda ingin mencantumkan informasi tersebut (jobTitle).
  • Gelar kehormatan di awal dan di akhir. Sebagai gantinya, gunakan properti yang sesuai jika Anda ingin mencantumkan informasi tersebut (honorificPrefix atau honorificSuffix).
  • Kata pengantar (misalnya, jangan sertakan kata seperti "diposting oleh").

"author":
  [
    {
      "name": "Echidna Jones",
      "honorificPrefix": "Dr",
      "jobTitle": "Editor in Chief"
    }
  ],
"publisher":
  [
    {
      "name": "Bugs Daily"
    }
  ]
}

Menggunakan Type yang sesuai

Gunakan jenis Person untuk orang, dan jenis Organization untuk organisasi. Jangan gunakan jenis Thing, dan jangan gunakan jenis yang salah (misalnya, menggunakan jenis Organization untuk orang).

Berikut adalah contoh yang menerapkan praktik terbaik markup penulis: 

"author":
  [
    {
      "@type": "Person",
      "name": "Willow Lane",
      "jobTitle": "Journalist",
      "url":"https://www.example.com/staff/willow-lane"
    },
    {
      "@type":"Person",
      "name": "Echidna Jones",
      "jobTitle": "Editor in Chief",
      "url":"https://www.example.com/staff/echidna-jones"
    }
  ],
"publisher":
  {
    "name": "The Daily Bug",
    "url": "https://www.example.com"
  },
  // + Other fields related to the article...
}

Troubleshooting

If you're having trouble implementing or debugging structured data, here are some resources that may help you.