Snippet Email

Snippet email di Zoho Mail memastikan bahwa informasi penting dari email disoroti di pratinjau email. Dalam skenario bisnis, mungkin ada email berisi informasi yang perlu disorot dan ditunjukkan kepada pengguna. Ini dapat dilakukan dengan menguraikan bagian tertentu dari email dan dalam format tertentu.

Schema.org adalah komunitas kolaboratif yang membuat dan mempromosikan skema untuk markup data terstruktur di internet. Format yang ditentukan oleh schema.org dapat dipahami oleh Zoho Mail dan markup ini akan disoroti dan ditampilkan sebagai snippet email di pratinjau email.

Daftar Isi

Menyoroti Snippet Email

Untuk menyoroti bagian penting dari email dan menampilkannya di pratinjau email, Anda bisa menyematkan skrip JSON-LD atau Microdata dalam konten email. Skrip ini akan menyoroti bagian email yang ingin Anda tampilkan di pratinjau email. Misalnya, dalam email reservasi tiket pesawat, bagian seperti nomor penerbangan, waktu keberangkatan, bandara asal, dan destinasi bisa disorot. Ini memudahkan pengguna untuk memahami detail terpenting dalam email secara sekilas.

Selain menyematkan skrip, Anda harus mendaftarkan domain kepada kami agar kami dapat mengidentifikasi snippet email yang telah diuraikan dalam email. Anda dapat mendaftarkan domain Anda menggunakan tautan ini. Proses pendaftaran domain akan selesai setelah peninjauan domain. Organisasi yang telah mengirimkan permintaan pendaftaran akan dihubungi apabila diperlukan klarifikasi lebih lanjut mengenai ini.

Demikian pula, menyoroti bagian email juga akan berguna dalam kasus email konfirmasi pesanan dari situs web e-commerce dan email pelacakan paket yang dikirim dari jasa kurir.

Langkah-Langkah agar Zoho Mail Menyoroti Snippet Email

Untuk menyorot snippet pada email yang Anda kirimkan, ada dua hal yang perlu diperiksa.

  • Email yang ingin Anda kirimkan harus berisi skrip tertentu dalam format Microdata atau JSON-LD.
  • Domain yang Anda pakai untuk mengirim email ini harus tercantum dalam daftar domain teridentifikasi kami.

Format untuk Menyoroti Snippet Email

Untuk menyorot snippet di email yang Anda kirimkan, Anda harus menyematkan skrip pada email yang Anda kirimkan. Zoho Mail mendukung format JSON-LD dan format Microdata dalam markup email.

Microdata

Microdata adalah bahasa markup yang dirancang untuk mendeskripsikan dan menyorot bagian tertentu dari sebuah email. Setiap markup ini bisa berisi atribut terkait. Dalam format Microdata, tiga atribut dasar yang digunakan adalah itemtype, itemprop, dan itemscope.

Itemscope - Penggunaan atribut ini dalam tag div menunjukkan bahwa semua informasi yang termuat dalam tag div ini dimiliki oleh satu entitas.

Itemtype - Jika Anda menyebutkan itemtype, ini menandakan bahwa semua elemen dalam lingkup tersebut termasuk dalam kelas yang disebutkan. Anda dapat menetapkan ini ke salah satu kelas yang tersedia di kelas schema.org .

Itemprop - Informasi tambahan tentang kelas yang disebutkan sebagai itemtype dapat disediakan menggunakan atribut ini.

JSON-LD

JSON-LD adalah sintaksis berbasis JSON yang juga merupakan bahasa markup yang umum digunakan. Dalam format JSON-LD, @context diatur ke http://schema.org, @type diatur ke salah satu kelas yang tersedia dalam kelas schema.org, dan properti kelas itu didefinisikan dalam skrip.

Sintaksis untuk Menyoroti Snippet Email

Konfirmasi Tiket Penerbangan

Bila Anda menerima email konfirmasi untuk tiket penerbangan, beberapa data penting seperti waktu boarding, bandara asal dan destinasi, tanggal perjalanan, dll. bisa disoroti dan ditampilkan kepada pengguna untuk membantu mereka memahami inti email secara sekilas.

Kasus penggunaan

Tiket Penerbangan Biasa

JSON-LD

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationNumber": “TJK743",
"reservationStatus": "http://schema.org/Confirmed",
"underName": {
"@type": "Person",
"name": “Rebecca Anderson"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": “914",
"airline": {
"@type": "Airline",
"name": “Pan American World Airways",
"iataCode": “PA"
},
"departureAirport": {
"@type": "Airport",
"name": "John F. Kennedy International Airport",
"iataCode": “JFK"
},
"departureTime": “2018-04-07T18:20:00-06:00",
"arrivalAirport": {
"@type": "Airport",
"name": "Miami International Airport",
"iataCode": “MIA"
},
"arrivalTime": "2018-04-08T14:30:00-05:00"
}
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/FlightReservation”>
<meta itemprop="reservationNumber" content="TJK743"/>
<link itemprop="reservationStatus" href="http://schema.org/Confirmed"/>
<div itemprop="underName" itemscope itemtype="http://schema.org/Person”>
<meta itemprop="name" content=“Rebecca Anderson”/>
</div>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Flight">
<meta itemprop="flightNumber" content="914"/>
<div itemprop="airline" itemscope itemtype="http://schema.org/Airline">
<meta itemprop="name" content="Pan American World Airways"/>
<meta itemprop="iataCode" content=“PA"/>
</div>
<div itemprop="departureAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="John F. Kennedy International Airport"/>
<meta itemprop="iataCode" content=“JFK"/>
</div>
<meta itemprop="departureTime" content="2018-04-07T18:20:00-06:00"/>
<div itemprop="arrivalAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="Miami International Airport"/>
<meta itemprop="iataCode" content=“MIA"/>
</div>
<meta itemprop="arrivalTime" content="2018-04-08T14:30:00-05:00"/>
</div>
</div>

Boarding Pass

Jika Anda membutuhkan detail boarding pass untuk disorot di konten selebihnya, Anda bisa menggunakan sintaksis ini.

JSON-LD

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationNumber": "TJK743",
"reservationStatus": "http://schema.org/Confirmed",
"underName": {
"@type": "Person",
"name": "Rebecca Anderson"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "914",
"airline": {
"@type": "Airline",
"name": "Pan American World Airways",
"iataCode": "PA"
},
"departureAirport": {
"@type": "Airport",
"name": " John F. Kennedy International Airport ",
"iataCode": "JFK"
},
"departureTime": " 2018-04-07T18:20:00-06:00",
"arrivalAirport": {
"@type": "Airport",
"name": " Miami International Airport ",
"iataCode": "MIA"
},
"arrivalTime": " 2018-04-08T14:30:00-05:00 "
},
"airplaneSeat": "5C",
"airplaneSeatClass": {
"@type": "AirplaneSeatClass",
"name": "Economy"
},
"ticketNumber": "FIG546",
"ticketToken": "qrCode:FG56",
"checkinUrl": "http://panam.org/onlinecheckin.html"
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/FlightReservation">
<meta itemprop="reservationNumber" content=" TJK743"/>
<link itemprop="reservationStatus" href="http://schema.org/Confirmed"/>
<div itemprop="underName" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Rebecca Anderson"/>
</div>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Flight">
<meta itemprop="flightNumber" content="914"/>
<div itemprop="airline" itemscope itemtype="http://schema.org/Airline">
<meta itemprop="name" content=" Pan American World Airways"/>
<meta itemprop="iataCode" content="PA"/>
</div>
<div itemprop="departureAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content=" John F. Kennedy International Airport "/>
<meta itemprop="iataCode" content="JFK"/>
</div>
<meta itemprop="departureTime" content=" 2018-04-07T18:20:00-06:00 "/>
<div itemprop="arrivalAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content=" Miami International Airport "/>
<meta itemprop="iataCode" content="MIA"/>
</div>
<meta itemprop="arrivalTime" content=" 2018-04-08T14:30:00-05:00"/>
</div>
<meta itemprop="airplaneSeat" content="5C"/>
<div itemprop="airplaneSeatClass" itemscope itemtype="http://schema.org/AirplaneSeatClass">
<meta itemprop="name" content="Economy"/>
</div>
<meta itemprop="ticketNumber" content=" FIG546 "/>
<meta itemprop="ticketToken" content="qrCode:FG56"/>
<link itemprop="checkInUrl" href="http://panam.org/onlinecheckin.html"/>
</div>

Tombol Check-In

Selain menyoroti informasi penerbangan dan penumpang, Anda juga bisa menambahkan tombol Check-In di daftar email menggunakan sintaksis ini.

JSON-LD

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationNumber": "TJK743 ",
"reservationStatus": "http://schema.org/Confirmed",
"underName": {
"@type": "Person",
"name": "Rebecca Anderson"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "914",
"airline": {
"@type": "Airline",
"name": "Pan American World Airways",
"iataCode": "PA"
},
"departureAirport": {
"@type": "Airport",
"name": "John F. Kennedy International Airport",
"iataCode": "JFK"
},
"departureTime": "2018-04-07T18:20:00-06:00",
"arrivalAirport": {
"@type": "Airport",
"name": "Miami International Airport",
"iataCode": "MIA"
},
"arrivalTime": "2018-04-08T14:30:00-05:00"
},
"checkinUrl": "http://panam.org/onlinecheckin.html",
"potentialAction": {
"@type": "CheckInAction",
"target": "http://panam.org/onlinecheckin.html"
}
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/FlightReservation">
<meta itemprop="reservationNumber" content="TJK743"/>
<link itemprop="reservationStatus" href="http://schema.org/Confirmed"/>
<div itemprop="underName" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Rebecca Anderson"/>
</div>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Flight">
<meta itemprop="flightNumber" content="914"/>
<div itemprop="airline" itemscope itemtype="http://schema.org/Airline">
<meta itemprop="name" content="Pan American World Airways"/>
<meta itemprop="iataCode" content="PA"/>
</div>
<div itemprop="departureAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="John F. Kennedy International Airport"/>
<meta itemprop="iataCode" content="JFK"/>
</div>
<meta itemprop="departureTime" content="2018-04-07T18:20:00-06:00"/>
<div itemprop="arrivalAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="Miami International Airport"/>
<meta itemprop="iataCode" content="MIA"/>
</div>
<meta itemprop="arrivalTime" content="2018-04-08T14:30:00-05:00"/>
</div>
<link itemprop="checkinUrl" href="http://panam.org/onlinecheckin.html"/>
<div itemprop="potentialAction" itemscope itemtype="http://schema.org/CheckInAction">
<link itemprop="target" href="http://panam.org/onlinecheckin.html"/>
</div>
</div>

Memperbarui Penerbangan

Mungkin terjadi kasus perubahan waktu penerbangan atau detail tiket lainnya. Dalam kasus seperti ini, Anda bisa mengirim email dengan detail penerbangan dan tiket yang diperbarui. Anda dapat menggunakan sintaksis ini untuk menyoroti bagian email Anda jika waktu penerbangan diubah.

JSON-LD

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationNumber": "TJK743",
"reservationStatus": "http://schema.org/Confirmed",
"underName": {
"@type": "Person",
"name": "Rebecca Anderson"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "914",
"airline": {
"@type": "Airline",
"name": "Pan American World Airways",
"iataCode": "PA"
},
"departureAirport": {
"@type": "Airport",
"name": "John F. Kennedy International Airport",
"iataCode": "JFK"
},
"departureTime": " 2018-04-07T18:20:00-06:00",
"arrivalAirport": {
"@type": "Airport",
"name": "Miami International Airport",
"iataCode": "MIA"
},
"arrivalTime": "2018-04-08T14:30:00-05:00"
},
"airplaneSeat": "5C",
"airplaneSeatClass": {
"@type": "AirplaneSeatClass",
"name": "Economy"
},
"checkinUrl": "http://panam.org/onlinecheckin.html",
"modifiedTime": "2018-04-07T11:30:00-08:00",
"modifyReservationUrl": "http://panam.org/modifyreservation.html"
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/FlightReservation">
<meta itemprop="reservationNumber" content="TJK743"/>
<link itemprop="reservationStatus" href="http://schema.org/Confirmed"/>
<div itemprop="underName" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Rebecca Anderson"/>
</div>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Flight">
<meta itemprop="flightNumber" content="914"/>
<div itemprop="airline" itemscope itemtype="http://schema.org/Airline">
<meta itemprop="name" content="Pan American World Airways"/>
<meta itemprop="iataCode" content="PA"/>
</div>
<div itemprop="departureAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="John F. Kennedy International Airport"/>
<meta itemprop="iataCode" content="JFK"/>
</div>
<meta itemprop="departureTime" content="2018-04-07T18:20:00-06:00"/>
<div itemprop="arrivalAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="Miami International Airport"/>
<meta itemprop="iataCode" content="MIA"/>
</div>
<meta itemprop="arrivalTime" content="2018-04-08T14:30:00-05:00"/>
</div>
<meta itemprop="airplaneSeat" content="5C"/>
<div itemprop="airplaneSeatClass" itemscope itemtype="http://schema.org/AirplaneSeatClass">
<meta itemprop="name" content="Economy"/>
</div>
<meta itemprop="modifiedTime" content="2018-04-07T11:30:00-08:00"/>
<link itemprop="checkInUrl" href="http://panam.org/onlinecheckin.html"/>
<link itemprop="modifyReservationUrl" href="http://panam.org/modifyreservation.html"/>
</div>

Membatalkan Penerbangan

Sintaksis ini bisa dipakai untuk menunjukkan kepada pengguna bahwa tiket yang dipesan untuk waktu tertentu telah dibatalkan.

JSON-LD

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationNumber": "TJK743",
"reservationStatus": "http://schema.org/Cancelled",
"underName": {
"@type": "Person",
"name": "Rebecca Anderson"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "914",
"airline": {
"@type": "Airline",
"name": "Pan American World Airways",
"iataCode": "PA"
},
"departureAirport": {
"@type": "Airport",
"name": "John F. Kennedy International Airport",
"iataCode": "JFK"
},
"departureTime": "2018-04-07T18:20:00-06:00",
"arrivalAirport": {
"@type": "Airport",
"name": "Miami International Airport",
"iataCode": "MIA"
},
"arrivalTime": "2018-04-08T14:30:00-05:00"
},
"checkinUrl": "http://panam.org/onlinecheckin.html",
"modifiedTime": "2018-04-07T11:30:00-08:00",
"modifyReservationUrl": "http://panam.org/modifyreservation.html"
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/FlightReservation">
<meta itemprop="reservationNumber" content="TJK743"/>
<link itemprop="reservationStatus" href="http://schema.org/Cancelled"/>
<div itemprop="underName" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Rebecca Anderson"/>
</div>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Flight">
<meta itemprop="flightNumber" content="914"/>
<div itemprop="airline" itemscope itemtype="http://schema.org/Airline">
<meta itemprop="name" content="Pan American World Airways"/>
<meta itemprop="iataCode" content="PA"/>
</div>
<div itemprop="departureAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="John F. Kennedy International Airport"/>
<meta itemprop="iataCode" content="JFK"/>
</div>
<meta itemprop="departureTime" content="2018-04-07T18:20:00-06:00"/>
<div itemprop="arrivalAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="Miami International Airport"/>
<meta itemprop="iataCode" content="MIA"/>
</div>
<meta itemprop="arrivalTime" content="2018-04-08T14:30:00-05:00"/>
</div>
<meta itemprop="modifiedTime" content="2018-04-07T11:30:00-08:00"/>
<link itemprop="checkInUrl" href="http://panam.org/onlinecheckin.html"/>
<link itemprop="modifyReservationUrl" href="http://panam.org/modifyreservation.html"/>
</div>

Tiket Penerbangan dengan Beberapa Segmen

Jika Anda memesan tiket untuk destinasi yang tidak memiliki penerbangan langsung dan melalui beberapa transit, penerbangan itu disebut penerbangan multisegmen. Dalam hal ini, Anda terbang menuju destinasi perantara, kemudian naik penerbangan lain dari sana ke destinasi akhir. Sintaksis ini bisa digunakan untuk menyoroti bagian email semacam itu.

JSON-LD

<script type="application/ld+json">
[
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationNumber": "TJK743",
"reservationStatus": "http://schema.org/Confirmed",
"underName": {
"@type": "Person",
"name": "Rebecca Anderson"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "761",
"airline": {
"@type": "Airline",
"name": "Lufthansa",
"iataCode": "LH"
},
"departureAirport": {
"@type": "Airport",
"name": "Indira Gandhi International Airport",
"iataCode": "DEL"
},
"departureTime": "2018-03-04T11:00:00-05:00",
"arrivalAirport": {
"@type": "Airport",
"name": "Frankfurt Airport",
"iataCode": "FRA"
},
"arrivalTime": "2018-03-05T13:25:00-06:00"
},
"checkinUrl": "http://lufthansa.com/onlinecheckin.html"
},
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationNumber": "TJK743",
"reservationStatus": "http://schema.org/Confirmed",
"underName": {
"@type": "Person",
"name": "Rebecca Anderson"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "400",
"airline": {
"@type": "Airline",
"name": "Lufthansa",
"iataCode": "LH"
},
"departureAirport": {
"@type": "Airport",
"name": "Frankfurt Airport",
"iataCode": "FRA"
},
"departureTime": "2018-03-05T14:55:00-06:00",
"arrivalAirport": {
"@type": "Airport",
"name": "John F. Kennedy International Airport",
"iataCode": "JFK"
},
"arrivalTime": "2018-03-05T15:15:00-08:00"
},
"checkinUrl": "http://lufthansa.com/onlinecheckin.html"
}
]
</script>

Microdata

<div itemscope itemtype="http://schema.org/FlightReservation">
<meta itemprop="reservationNumber" content="TJK743"/>
<link itemprop="reservationStatus" href="http://schema.org/Confirmed"/>
<div itemprop="underName" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Rebecca Anderson"/>
</div>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Flight">
<meta itemprop="flightNumber" content="761"/>
<div itemprop="airline" itemscope itemtype="http://schema.org/Airline">
<meta itemprop="name" content="Lufthansa"/>
<meta itemprop="iataCode" content="LH"/>
</div>
<div itemprop="departureAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="Indira Gandhi International Airport"/>
<meta itemprop="iataCode" content="DEL"/>
</div>
<meta itemprop="departureTime" content="2018-03-04T11:00:00-05:00"/>
<div itemprop="arrivalAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content=" Frankfurt Airport"/>
<meta itemprop="iataCode" content="FRA"/>
</div>
<meta itemprop="arrivalTime" content="2018-03-05T13:25:00-06:00"/>
</div>
<meta itemprop="modifiedTime" content="2018-03-01T08:30:00-08:00"/>
</div>
<div itemscope itemtype="http://schema.org/FlightReservation">
<meta itemprop="reservationNumber" content="TJK743"/>
<link itemprop="reservationStatus" href="http://schema.org/Confirmed"/>
<div itemprop="underName" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Rebecca Anderson"/>
</div>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Flight">
<meta itemprop="flightNumber" content="400"/>
<div itemprop="airline" itemscope itemtype="http://schema.org/Airline">
<meta itemprop="name" content="Lufthansa"/>
<meta itemprop="iataCode" content="LH"/>
</div>
<div itemprop="departureAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="Frankfurt Airport"/>
<meta itemprop="iataCode" content="FRA"/>
</div>
<meta itemprop="departureTime" content="2018-03-05T14:55:00-06:00"/>
<div itemprop="arrivalAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="John F. Kennedy International Airport"/>
<meta itemprop="iataCode" content="JFK"/>
</div>
<meta itemprop="arrivalTime" content="2018-03-05T15:15:00-08:00"/>
</div>
<meta itemprop="modifiedTime" content="2018-03-01T08:30:00-08:00"/>
</div>

Tiket Penerbangan dengan Multipenumpang

Jika satu tiket dipesan untuk lebih dari satu penumpang sekaligus, sintaksis ini bisa digunakan untuk menyoroti detail semua penumpang di daftar email.

JSON-LD

<script type="application/ld+json">

[
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationNumber": "TJK743",
"reservationStatus": "http://schema.org/Confirmed",
"underName": {
"@type": "Person",
"name": "Justin Case"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "914",
"airline": {
"@type": "Airline",
"name": "Pan American World Airways",
"iataCode": "PA"
},
"departureAirport": {
"@type": "Airport",
"name": "John F. Kennedy International Airport",
"iataCode": "JFK"
},
"departureTime": "2018-03-04T11:00:00-05:00",
"arrivalAirport": {
"@type": "Airport",
"name": "Miami International Airport",
"iataCode": "MIA"
},
"arrivalTime": "2018-03-05T13:25:00-06:00"
},
"checkinUrl": "http://panam.org/onlinecheckin.html"
},
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationNumber": "TJK743",
"reservationStatus": "http://schema.org/Confirmed",
"underName": {
"@type": "Person",
"name": "Rebecca Anderson"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "914",
"airline": {
"@type": "Airline",
"name": "Pan American World Airways",
"iataCode": "PA"
},
"departureAirport": {
"@type": "Airport",
"name": "John F. Kennedy International Airport",
"iataCode": "JFK"
},
"departureTime": "2018-03-04T11:00:00-05:00",
"arrivalAirport": {
"@type": "Airport",
"name": "Miami International Airport",
"iataCode": "MIA"
},
"arrivalTime": "2018-03-05T13:25:00-06:00"
},
"checkinUrl": "http://panam.org/onlinecheckin.html"
}

]
</script>

Microdata

<div itemscope itemtype="http://schema.org/FlightReservation">
<meta itemprop="reservationNumber" content="TJK743"/>
<link itemprop="reservationStatus" href="http://schema.org/Confirmed"/>
<div itemprop="underName" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Justin Case"/>
</div>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Flight">
<meta itemprop="flightNumber" content="914"/>
<div itemprop="airline" itemscope itemtype="http://schema.org/Airline">
<meta itemprop="name" content="Pan American World Airways"/>
<meta itemprop="iataCode" content="PA"/>
</div>
<div itemprop="departureAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="John F. Kennedy International Airport"/>
<meta itemprop="iataCode" content="JFK"/>
</div>
<meta itemprop="departureTime" content="2018-03-04T11:00:00-05:00"/>
<div itemprop="arrivalAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="Miami International Airport"/>
<meta itemprop="iataCode" content="MIA"/>
</div>
<meta itemprop="arrivalTime" content="2018-03-05T13:25:00-06:00"/>
</div>
<div itemscope itemtype="http://schema.org/FlightReservation">
<meta itemprop="reservationNumber" content="TJK743"/>
<link itemprop="reservationStatus" href="http://schema.org/Confirmed"/>
<div itemprop="underName" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Rebecca Anderson"/>
</div>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Flight">
<meta itemprop="flightNumber" content="914"/>
<div itemprop="airline" itemscope itemtype="http://schema.org/Airline">
<meta itemprop="name" content="Pan American World Airways"/>
<meta itemprop="iataCode" content="PA"/>
</div>
<div itemprop="departureAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="John F. Kennedy International Airport"/>
<meta itemprop="iataCode" content="JFK"/>
</div>
<meta itemprop="departureTime" content="2018-03-05T14:55:00-06:00"/>
<div itemprop="arrivalAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="Miami International Airport"/>
<meta itemprop="iataCode" content="MIA"/>
</div>
<meta itemprop="arrivalTime" content="2018-03-05T15:15:00-08:00"/>
</div>

Konfirmasi Pesanan

Saat melakukan pemesanan dengan toko online, Anda akan menerima email konfirmasi yang menerangkan item yang telah dipesan dsb. Detail dari email ini bisa disorot dan ditampilkan secara sekilas.

Kasus penggunaan

Detail Pesanan Biasa

Sintaksis ini bisa digunakan untuk menyoroti detail-detail biasa seperti nomor pesanan, harga, item yang dipesan, situs web pemesanan, dsb.

JSON-LD

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Order",
"merchant": {
"@type": "Organization",
"name": “saltychocolates.com"
},
"orderNumber": “64527137-237673",
"priceCurrency": "USD",
"price": “15,99",
"acceptedOffer": {
"@type": "Offer",
"itemOffered": {
"@type": "Product",
"name": “Chocolate coated Hazelnut crunchies”
},
"price": “15,99",
"priceCurrency": "USD",
"eligibleQuantity": {
"@type": "QuantitativeValue",
"value": “1"
}
}
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/Order">
<div itemprop="merchant" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="saltychocolates.com"/>
</div>
<meta itemprop="orderNumber" content="64527137-237673"/>
<meta itemprop="priceCurrency" content="USD"/>
<meta itemprop="price" content=“15.99"/>
<div itemprop="acceptedOffer" itemscope itemtype="http://schema.org/Offer">
<div itemprop="itemOffered" itemscope itemtype="http://schema.org/Product">
<meta itemprop="name" content="Chocolate coated Hazelnut crunchies"/>
</div>
<meta itemprop="price" content=“15.99"/>
<meta itemprop="priceCurrency" content="USD"/>
<div itemprop="eligibleQuantity" itemscope itemtype="http://schema.org/QuantitativeValue">
<meta itemprop="value" content="1"/>
</div>
</div>
</div>

Konfirmasi Pesanan dengan Tindakan Lihat Pesanan

Sintaksis ini mengirimkan email dengan detail pesanan biasa, dan tombol Lihat Pesanan akan disematkan dalam daftar email.

JSON-LD

<script type="application/ld+json">
{
"@context": "http://schema.org”,
"@type": "Order",
"merchant": {
"@type": "Organization",
"name": "saltychocolates.com"
},
"orderNumber": "64527137-237673",
"orderStatus": "http://schema.org/OrderProcessing",
"priceCurrency": "USD",
"price": “15,99",
"priceSpecification": {
"@type": "PriceSpecification",
"validFrom": "2018-12-07T23:30:00-08:00"
},
"acceptedOffer": {
"@type": "Offer",
"itemOffered": {
"@type": "Product",
"name": "Chocolate coated Hazelnut crunchies",
"sku": "837428",
"url": "http://saltychocolates.com/837428",
"image": "http://saltychocolates.com/images/837428.jpg"
},
"price": “15,99",
"priceCurrency": "USD",
"eligibleQuantity": {
"@type": "QuantitativeValue",
"value": "1"
}
},
"url": "https://www.saltychocolates.com//summary/edit.html/orderID=64527137-237673",
"potentialAction": {
"@type": "ViewAction",
"url": "https://www.saltychocolates.com//summary/edit.html/orderID=64527137-237673"
}
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/Order">
<div itemprop="merchant" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content=“www.saltychocolates.com"/>
</div>
<link itemprop="orderStatus" href="http://schema.org/OrderProcessing"/>
<meta itemprop="orderNumber" content="64527137-237673”/>
<meta itemprop="priceCurrency" content="USD"/>
<meta itemprop="price" content=“15.99"/>
<div itemprop="acceptedOffer" itemscope itemtype="http://schema.org/Offer">
<div itemprop="itemOffered" itemscope itemtype="http://schema.org/Product">
<meta itemprop="name" content="Chocolate coated Hazelnut crunchies"/>
<link itemprop="url" href="http://saltychocolates.com/837428"/>
<link itemprop="image" href="http://saltychocolates.com/images/837428.jpg"/>
<meta itemprop="sku" content="837428"/>
</div>
<meta itemprop="price" content=“15.99"/>
<meta itemprop="priceCurrency" content="USD"/>
<div itemprop="eligibleQuantity" itemscope itemtype="http://schema.org/QuantitativeValue">
<meta itemprop="value" content="1"/>
</div>
</div>
<link itemprop="url" href="https://www.saltychocolates.com//summary/edit.html/orderID=64527137-237673"/>
<div itemprop="potentialAction" itemscope itemtype="http://schema.org/ViewAction">
<link itemprop="url" href="https://www.saltychocolates.com//summary/edit.html/orderID=64527137-237673"/>
</div>
<div itemprop="priceSpecification" itemscope itemtype="http://schema.org/PriceSpecification">
<meta itemprop="validFrom" content="2018-12-07T23:30:00-08:00"/>
</div>
</div>

Konfirmasi Pesanan dengan Detail Tagihan

Jika Anda ingin menyoroti detail pembayaran beserta detail pesanan lainnya, sintaksis ini bisa dipakai.

JSON-LD

<script type="application/ld+json”>
{
"@context": "http://schema.org",
"@type": "Order",
"merchant": {
"@type": "Organization",
"name": "www.saltychocolates.com"
},
"orderNumber": "64527137-237673",
"priceCurrency": "USD",
"price": “15,99",
"priceSpecification": {
"@type": "PriceSpecification",
"validFrom": "2018-12-07T23:30:00-08:00"
},
"acceptedOffer": [
{
"@type": "Offer",
"itemOffered": {
"@type": "Product",
"name": "Chocolate coated Hazelnut crunchies",
"sku": "837428”,
"url": "http://saltychocolates.com/837428 ",
"image": "http://saltychocolates.com/images/837428.jpg"
},
"price": “15,99",
"priceCurrency": "USD",
"eligibleQuantity": {
"@type": "QuantitativeValue",
"value": “1"
},
"seller": {
"@type": "Organization"
"name": “Salty Chocolates"
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Product",
"name": "Chocolate coated Hazelnut crunchies",
"sku": "837428",
"url": "http://saltychocolates.com/837428",
"image": "http://saltychocolates.com/images/837428.jpg"
},
"price": “15,99",
"priceCurrency": "USD",
"eligibleQuantity": {
"@type": "QuantitativeValue",
"value": "1"
},
"seller": {
"@type": "Organization",
"name": “Salty Chocolates"
}
}
],
"url": "https://www.saltychocolates.com//summary/edit.html/orderID=64527137-237673",
"potentialAction": {
"@type": "ViewAction",
"url": "https://www.saltychocolates.com//summary/edit.html/orderID=64527137-237673"
},
"orderStatus": "http://schema.org/OrderProcessing",
"paymentMethod": {
"@type": "PaymentMethod",
"name": "http://schema.org/CreditCard"
},
"paymentMethodId": "**** **** **** 1234",
"orderDate": "2018-11-07T23:30:00-08:00",
"isGift": "false",
"discount": "0,90",
"discountCurrency": "USD",
"customer": {
"@type": "Person",
"name": “Rebecca Anderson"
},
"billingAddress": {
"@type": "PostalAddress",
"name": “Zylker Inc.",
"streetAddress": “43, Shirley Avenue",
"addressLocality": “North Carolina",
"addressRegion": "CA",
"addressCountry": "USA"
}
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/Order">
<div itemprop="merchant" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="www.saltychocolates.com"/>
</div>
<meta itemprop="orderNumber" content="64527137-237673 "/>
<meta itemprop="priceCurrency" content="USD"/>
<meta itemprop="price" content="15.99"/>
<div itemprop="acceptedOffer" itemscope itemtype="http://schema.org/Offer">
<div itemprop="itemOffered" itemscope itemtype="http://schema.org/Product">
<meta itemprop="name" content="Chocolate coated Hazelnut crunchies"/>
<meta itemprop="sku" content="837428"/>
<link itemprop="url" href="http://saltychocolates.com/837428"/>
<link itemprop="image"href="http://saltychocolates.com/images/837428.jpg"/>
</div>
<meta itemprop="price" content="15.99"/>
<meta itemprop="priceCurrency" content="USD"/>
<div itemprop="eligibleQuantity" itemscope itemtype="http://schema.org/QuantitativeValue">
<meta itemprop="value" content="1"/>
</div>
<div itemprop="seller" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Salty Chocolates"/>
</div>
</div>
<div itemprop="acceptedOffer" itemscope itemtype="http://schema.org/Offer">
<div itemprop="itemOffered" itemscope itemtype="http://schema.org/Product">
<meta itemprop="name" content="Chocolate coated Hazelnut crunchies"/>
<meta itemprop="sku" content="837428"/>
<link itemprop="url" href="http://saltychocolates.com/837428"/>
<link itemprop="image" href="http://saltychocolates.com/images/837428.jpg"/>
</div>
<meta itemprop="price" content="15.99"/>
<meta itemprop="priceCurrency" content="USD"/>
<div itemprop="eligibleQuantity" itemscope itemtype="http://schema.org/QuantitativeValue">
<meta itemprop="value" content="1"/>
</div>
<div itemprop="seller" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Salty Chocolates"/>
</div>
</div>
<link itemprop="url" href="https://www.saltychocolates.com//summary/edit.html/orderID=64527137-237673"/>
<div itemprop="potentialAction" itemscope itemtype="http://schema.org/ViewAction">
<link itemprop="url" https://www.saltychocolates.com//summary/edit.html/orderID=64527137-237673"/>
</div>
<link itemprop="orderStatus" href="http://schema.org/OrderProcessing"/>
<div itemprop="paymentMethod" itemscope itemtype="http://schema.org/PaymentMethod">
<meta itemprop="name" content="http://schema.org/CreditCard"/>
</div>
<meta itemprop="paymentMethodId" content="**** **** **** 1234"/>
<meta itemprop="orderDate" content="2018-11-07T23:30:00-08:00"/>
<meta itemprop="isGift" content="false"/>
<meta itemprop="discount" content="0.90"/>
<meta itemprop="discountCurrency" content="USD"/>
<div itemprop="customer" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Rebecca Anderson"/>
</div>
<div itemprop="billingAddress" itemscope itemtype="http://schema.org/PostalAddress">
<meta itemprop="name" content="Zylker Inc."/>
<meta itemprop="streetAddress" content="42, Shirley Avenue"/>
<meta itemprop="addressLocality" content="North Carolina"/>
<meta itemprop="addressRegion" content="CA"/>
<meta itemprop="addressCountry" content="USA"/>
</div>
<div itemprop="priceSpecification" itemscope itemtype="http://schema.org/PriceSpecification">
<meta itemprop="validFrom" content="2018-12-07T23:30:00-08:00"/>
</div>
</div>

Pelacakan Paket

Kasus penggunaan

Pelacakan Paket Biasa

Perincian jasa kurir yang digunakan untuk mengirim sebuah paket, pelacakan ID, dsb. dapat disoroti saat email yang berisi detail pelacakan itu dikirimkan.

JSON-LD

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "ParcelDelivery",
"deliveryAddress": {
"@type": "PostalAddress",
"name": “Chocolate House",
"streetAddress": "42 Shirley Ave.",
"addressLocality": “West Chicago",
"addressRegion": "CA",
"addressCountry": "US",
"postalCode": “60185"
},
"expectedArrivalUntil": "2018-03-12T12:00:00-08:00",
"carrier": {
"@type": "Organization",
"name": “DHL"
},
"itemShipped": {
"@type": "Product",
"name": "Chocolate coated Hazelnut crunchies"
},
"partOfOrder": {
"@type": "Order",
"orderNumber": "64527137-237673",
"merchant": {
"@type": "Organization",
"name": “saltychocolates.com"
}
}
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/ParcelDelivery">
<div itemprop="deliveryAddress" itemscope itemtype="http://schema.org/PostalAddress">
<meta itemprop="name" content="Chocolate House"/>
<meta itemprop="streetAddress" content="42 Shirley Ave."/>
<meta itemprop="addressLocality" content="West Chicago"/>
<meta itemprop="addressRegion" content="CA"/>
<meta itemprop="addressCountry" content="US"/>
<meta itemprop="postalCode" content=“60185”/>
</div>
<meta itemprop="expectedArrivalUntil" content="2018-03-12T12:00:00-08:00"/>
<div itemprop="carrier" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content=“DHL"/>
</div>
<div itemprop="itemShipped" itemscope itemtype="http://schema.org/Product">
<meta itemprop="name" content="Chocolate coated Hazelnut crunchies"/>
</div>
<div itemprop="partOfOrder" itemscope itemtype="http://schema.org/Order">
<meta itemprop="orderNumber" content="64527137-237673"/>
<div itemprop="merchant" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="saltychocolates.com"/>
</div>
</div>
</div>

Pelacakan Paket dengan Detail Pengiriman

Selain pelacakan paket biasa, Anda juga bisa menyematkan detail pengiriman lain dalam skrip untuk menyoroti komponen-komponen tersebut.

JSON-LD

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "ParcelDelivery",
"deliveryAddress": {
"@type": "PostalAddress",
"name": “Rebecca Anderson",
"streetAddress": "42 Shirley Ave.",
"addressLocality": "West Chicago",
"addressRegion": "CA",
"addressCountry": "US",
"postalCode": "60185"
},
"originAddress": {
"@type": "PostalAddress",
"name": “Rebecca Anderson",
"streetAddress": "42 Shirley Ave.",
"addressLocality": "West Chicago",
"addressRegion": "CA",
"addressCountry": "US",
"postalCode": “60185"
},
"expectedArrivalFrom": "2018-07-13T12:00:00-08:00",
"expectedArrivalUntil": "2018-07-17T12:00:00-08:00",
"carrier": {
"@type": "Organization",
"name": “DHL",
"url": "http://dhl.com/"
},
"itemShipped": {
"@type": "Product",
"name": "Chocolate coated Hazelnut crunchies",
"url": "http://saltychocolates.com/837428",
"image": "http://saltychocolates.com/images/837428.jpg",
"sku": "837428",
"description": "Chocolate coated Hazelnut crunchies",
"brand": {
"@type": "Brand",
"name": “Salty Chocolates"
},
},
"trackingNumber": "3453291231",
"trackingUrl": "http://dhl.com/track/3453291231",
"potentialAction": {
"@type": "TrackAction",
"url": "http://dhl.com/track/3453291231"
},
"hasDeliveryMethod": {
"@type": "ParcelService",
"name": "http://schema.org/ParcelService"
},
"partOfOrder": {
"@type": "Order",
"orderNumber": "64527137-237673",
"merchant": {
"@type": "Organization",
"name": “Salty Chocolates",
"sameAs": "http://www.saltychocolates.com"
},
"orderStatus": "http://schema.org/OrderInTransit"
}
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/ParcelDelivery">
<div itemprop="deliveryAddress" itemscope itemtype="http://schema.org/PostalAddress">
<meta itemprop="name" content=“Rebecca Anderson"/>
<meta itemprop="streetAddress" content="42 Shirley Ave."/>
<meta itemprop="addressLocality" content=“West Chicago"/>
<meta itemprop="addressRegion" content="CA"/>
<meta itemprop="addressCountry" content="US"/>
<meta itemprop="postalCode" content=“60185"/>
</div>
<div itemprop="originAddress" itemscope itemtype="http://schema.org/PostalAddress">
<meta itemprop="name" content=“Rebecca Anderson"/>
<meta itemprop="streetAddress" content="42 Shirley Ave."/>
<meta itemprop="addressLocality" content=“West Chicago"/>
<meta itemprop="addressRegion" content="CA"/>
<meta itemprop="addressCountry" content="US"/>
<meta itemprop="postalCode" content=“60185"/>
</div>
<meta itemprop="expectedArrivalFrom" content="2018-07-13T12:00:00-08:00"/>
<meta itemprop="expectedArrivalUntil" content="2018-07-17T12:00:00-08:00"/>
<div itemprop="carrier" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content=“DHL"/>
<link itemprop="url" href="http://dhl.com/"/>
</div>
<div itemprop="itemShipped" itemscope itemtype="http://schema.org/Product">
<meta itemprop="name" content="Chocolate coated Hazelnut crunchies"/>
<link itemprop="url" href="http://saltychocolates.com/837428"/>
<link itemprop="image" href="http://saltychocolates.com/images/837428.jpg"/>
<meta itemprop="sku" content="837428"/>
<meta itemprop="description" content="Chocolate coated Hazelnut crunchies"/>
<div itemprop="brand" itemscope itemtype="http://schema.org/Brand">
<meta itemprop="name" content=“Salty Chocolates"/>
</div>
</div>
<meta itemprop="trackingNumber" content="3453291231"/>
<link itemprop="trackingUrl" href="http://dhl.com/track/3453291231"/>
<div itemprop="potentialAction" itemscope itemtype="http://schema.org/TrackAction">
<link itemprop="url" href="http://dhl.com/track/3453291231"/>
</div>
<div itemprop="hasDeliveryMethod" itemscope itemtype="http://schema.org/ParcelService">
<meta itemprop="name" content="http://schema.org/ParcelService"/>
</div>
<div itemprop="partOfOrder" itemscope itemtype="http://schema.org/Order">
<meta itemprop="orderNumber" content="64527137-237673"/>
<div itemprop="merchant" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content=“Salty Chocolates"/>
<link itemprop="sameAs" href="http://www.saltychocolates.com"/>
</div>
<link itemprop="orderStatus" href="http://schema.org/OrderInTransit"/>
</div>
</div>

Formulir pendaftaran untuk menyoroti snippet email:

Agar Zoho Mail dapat mengidentifikasi skrip yang Anda sematkan dalam email serta memastikan bahwa domain asal pengirimannya valid, domain itu harus didaftarkan kepada kami.

Buka tautan ini untuk melakukan pendaftaran agar snippet email Anda dapat diidentifikasi oleh Zoho Mail. Proses pendaftaran domain akan selesai setelah peninjauan domain. Organisasi yang telah mengirimkan permintaan pendaftaran akan dihubungi apabila diperlukan klarifikasi lebih lanjut mengenai ini.

Masih tidak dapat menemukan apa yang Anda cari?

Hubungi kami di: support@zohomail.com