Zoho mail Logo

电子邮件片段

Zoho Mail 中的电子邮件片段可以确保在预览电子邮件时突出显示其中包含的重要信息。在业务场景中,可能会有一些电子邮件包含需要突出显示给用户的信息。这部分信息可通过以特定格式解析电子邮件的相关部分来确定。 

Schema.org 是一个协作社区,致力于创建结构化数据标记架构并在互联网上推广。Zoho Mail 能够识别 schema.org 定义的格式,会在电子邮件预览窗格中突出显示此标记,并将其呈现为电子邮件片段。

突出显示电子邮件片段

要突出显示电子邮件的重要部分,并将它们显示在电子邮件预览窗格中,您可以在电子邮件内容的正文中嵌入 JSON-LD 或微数据脚本。此脚本将呈现要显示在电子邮件预览窗格中的电子邮件部分。例如,在机票预订电子邮件中,可以突出显示航班号、起飞时间、登机地点和到达地点等部分。这样可方便用户一目了然地了解电子邮件中的重要详细信息。 

除了嵌入脚本外,您还必须向我们注册,以识别电子邮件中已解析的电子邮件片段。您可以使用此链接注册您的域。域注册过程将在域审核完成后结束。如果有任何其他信息需要进一步澄清,我们会联系发送注册请求的机构。

同样,突出显示电子邮件的特定部分也非常有帮助,比如在电子商务网站发来的订单确认电子邮件中,或快递公司发来的包裹跟踪电子邮件中。

确保 Zoho Mail 突出显示电子邮件片段所需满足的条件

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

  • 您发送的电子邮件中应包含以微数据或 JSON-LD 格式嵌入的特定脚本。
  • 您用来发送这些电子邮件的域应当已经在我们的已识别域列表中注册。

用于突出显示电子邮件片段的格式 

要突出显示您发送的电子邮件中的片段,您必须在该电子邮件中嵌入脚本。Zoho Mail 支持在电子邮件标记中使用 JSON-LD 和微数据两种格式。

微数据

微数据是一种标记语言,用于描述和突出显示电子邮件的特定部分。每个标记都会包含相关联的属性。微数据格式使用的三个基本属性包括 itemtypeitempropitemscope

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

Itemtype - 使用 itemtype 属性时,表示该范围内的所有元素都属于所提及的类。您可以将此属性设置为 下的任何可用类。 

Itemprop - 针对作为 itemtype 提及的类,可通过此属性提供额外的信息。

JSON-LD

JSON-LD 是一种基于 JSON(另一种常用标记语言)的语法。在 JSON-LD 格式中,@context 设置为 http://schema.org,@type 设置为 下的任何可用类,该类的属性在脚本中定义。 

用于突出显示电子邮件片段的语法

机票确认

当您收到机票的确认电子邮件时,邮件中的某些重要数据(如登机时间、登机机场和目的地机场、行程日期等)会呈突出显示状态,以帮助您快速了解邮件中的重要信息。

普通机票

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

微数据

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

订单确认与结算详情

您可以使用此语法突出显示订单的详细付款信息以及其他订单详细信息。

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> 

微数据

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

包裹跟踪

基本包裹跟踪

当发送包含跟踪详情的电子邮件时,可以突出显示寄送包裹的快递公司的详细信息和跟踪 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",
"name": “saltychocolates.com"
}
}
}
</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",
"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> 

微数据

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

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

为了让 Zoho Mail 能够识别您嵌入在电子邮件中的脚本,并确保用来发送电子邮件的域有效,您必须向我们注册该域。

请单击此链接向我们注册,以便 Zoho Mail 能够识别您的电子邮件片段。域注册过程将在域审核完成后结束。如果有任何其他信息需要进一步澄清,我们会联系发送注册请求的机构。

Still can't find what you're looking for?

Write to us: support@zohomail.com