突出显示邮件片断

邮件片断

Zoho Mail 中的邮件片段可确保在邮件预览中突出显示邮件中的重要信息。在业务场景中,可能有邮件包含需要突出显示并向用户显示的信息。这可通过以特定格式解析邮件的某些部分来实现。 

Schema.org 是一个协作型社区,致力于为结构化数据标记创建模式并在因特网上推广。Zoho Mail 可理解 schema.org 所定义的格式,并且此标记将在邮件预览中突出显示并呈示为邮件片段。

突出显示邮件片断

要突出显示邮件的重要部分,并将它们显示在邮件预览中,您可以将 JSON-LD 或微数据脚本嵌入到企业邮箱邮件内容正文中。此脚本将您希望显示的邮件部分呈示在邮件预览中。例如,在飞机票预订邮件中,可突出显示诸如航班号、起飞时间、登机位置和目的地之类的部分。这使用户可以更轻松地快速获得邮件中最必不可少的详细信息。 

除了嵌入脚本外,您还必须向我们注册,以标识邮件中已解析的邮件片段。您可以使用链接来注册您的域。域注册过程将在域审查后完成。如果有关于此事的任何进一步澄清,则将联系发送注册请求的机构。

类似地,对于电子商务网站发送的订单确认邮件以及快递代理发送的快件追踪邮件,突出显示邮件的有些部分也非常有用。

Zoho Mail 突出显示邮件片断而需要做的事情

要突出显示您发送的邮件中的片段,需要检查两件事。

  • 您正发送的邮件应包含用微数据或 JSON-LD 格式嵌入的特定脚本。
  • 您从中发送这些邮件的域应在我们认可的一列域中进行注册。

用于突出显示邮件片断的格式 

要突出显示您发出的邮件中的片段,必须在发送的邮件中嵌入脚本。Zoho Mail 在邮件标识中同时支持 JSON-LD 和微数据。

微数据

微数据是设计用来描述并突出显示邮件特定部分的标记语言。每一此类标记可包含关联的属性。在微数据格式中,所用的三个基本属性为 itemtypeitempropitemscope

Itemscope - 在 div 标记内使用此属性表示此 div 标记中包含的所有信息都属于单个实体。

Itemtype - 当您提及 itemtype 时,这表示该作用域内的所有元素都属于所提及的类。您可将其设为 schema.org 类型下提供的任一类。 

Itemprop - 可使用此属性提供作为 itemtype 提及的类的其它相关信息。

JSON-LD

JSON-LD 是基于 JSON 的句法,它是常用的另一标记语言。在 JSON-LD 格式中,@context 设为 http://schema.org,@type 设为 schema.org 类下提供的任一类,该类的属性在脚本中进行定义。 

用于突出显示邮件片断的句法

飞机票确认

当您收到飞机票确认邮件时,可突出显示一些重要数据(例如,登机时间、登机机场和到达机场、旅行日期等)并向用户显示,以帮助他们快速了解该邮件的要点。

普通飞机票

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> 

微数据

<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> 

登机证

如果您需要突出显示登机证详情及其余内容,可以使用此语法。

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>

微数据

<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>

”办理登机手续“按钮

除了突出显示航班和乘客详细信息外,您还可以使用此语法在邮件列表中添加”办理登机手续“按钮。

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>

微数据

<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>

更新航班

有时,可能会更改飞行时间或其它机票详细信息。在这种情况下,您可以发送包含更新后的航班和机票详细信息的邮件。修改飞行时间时,可以使用此语法突出显示电邮件的有些部分。 

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>

微数据

<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>

取消航班

此语法可用于向用户显示已预订一段特定时间的机票被取消了。

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>

微数据

<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>

多航段飞机票

当您预订到没有直达航班、但具有中转站的目的地的机票时,这称为多段航班。在这种情况下,将这样预订机票,以便您到达中间目的地后,从那里乘坐另一个航班到达最终目的地。此语法可用于突出显示这种邮件的有些部分。

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>

微数据

<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>

多乘客飞机票

同时为多位乘客订购机票时,此语法可用于在邮件列表中突出显示所有乘客的详细信息。

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>

微数据

<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>

订单确认

通过网上商店下单时,您会收到指定所订购物品等信息的确认邮件。可突出显示此邮件中的这些详细信息,并以一目了然的方式显示。

基本订单详细信息

此语法可用于突出显示基本详细信息,例如,订单号、价格、所订购物品、订购网站等等。

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> 

微数据

<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> 

带查看订单操作的订单确认

此语法发送包含基本订单详细信息的邮件,并在邮件列表中嵌入“查看订单”按钮。

JSON-LD

<script type="application/ld+json">
{
"@context": “http://schema.org”,
"@type": "Order",
"merchant": {
"@type": "Organization",
},
"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",
},
"price": "15.99",
"priceCurrency": "USD",
"eligibleQuantity": {
"@type": "QuantitativeValue",
"value": "1"
}
},
"potentialAction": {
"@type": "ViewAction",
}
}
</script> 

微数据

<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.png"/>
<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>
<div itemprop="potentialAction" itemscope itemtype="http://schema.org/ViewAction">
</div>
<div itemprop="priceSpecification" itemscope itemtype="http://schema.org/PriceSpecification">
<meta itemprop="validFrom" content="2018-12-07T23:30:00-08:00"/>
</div>
</div> 

带帐单详情的订单确认

如果要突出显示订单的付款详细信息以及其它订单详细信息,可使用此语法。

JSON-LD

<script type="application/ld+json”>
{
"@context": "http://schema.org",
"@type": "Order",
"merchant": {
"@type": "Organization",
},
"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”,
},
"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",
},
"price": "15.99",
"priceCurrency": "USD",
"eligibleQuantity": {
"@type": "QuantitativeValue",
"value": "1"
},
"seller": {
"@type": "Organization",
"name": "Salty Chocolates"
}
}
],
"potentialAction": {
"@type": "ViewAction",
},
“paymentMethod": {
"@type": “PaymentMethod",
},
“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> 

微数据

<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"/>
</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"/>
</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="potentialAction" itemscope itemtype="http://schema.org/ViewAction">
</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> 

快件追踪

基本快件追踪

发送指定追踪详情的邮件时,可突出显示用于发送快件的快递服务的详情、追踪 ID 等等。 

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",
}
}
}
</script> 

微数据

<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> 

带运输详情的快件追踪

除基本快件追踪之外,您还可以在脚本中嵌入其它运输详情以突出显示这些部分。

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",
"sku": "837428",
"description": "Chocolate coated Hazelnut crunchies",
“brand": {
"@type": “Brand",
"name":  "Salty Chocolates"
},
}, 
“trackingNumber": "3453291231", 
“trackingUrl": “http://dhl.com/track/3453291231", 
"potentialAction": {
"@type": “TrackAction",
},
“hasDeliveryMethod": {  
"@type": “ParcelService",
},
"partOfOrder": {
"@type": "Order",  
"orderNumber": "64527137-237673",
"merchant": {
"@type": "Organization",
"name":  “Salty Chocolates",
},
}
}
</script> 

微数据

<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.png"/>
<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> 

用于突出显示邮件片段的注册表单:

为了让 Zoho Mail 可识别您在邮件中嵌入的脚本,并确保从其发送邮件的域有效,必须向我们注册。

请点击链接向我们注册,以便 Zoho Mail 可识别您的邮件片段。域注册过程将在域审查后完成。如果有关于此事的任何进一步澄清,则将联系发送注册请求的机构。

注意:

在脚本中使用的所有网站和 URL 将仅用来举例。

还是没有找到您要寻找的内容?

写信给我们:support@zohocorp.com.cn