メールスニペット

Zoho Mailのメールスニペットを使用すると、メールに含まれる重要な情報をメールプレビューで強調表示できます。ビジネス用のメールには、強調表示してユーザーに示す必要がある情報が含まれている場合があります。メールの特定のセクションを解析することにより、特定の形式でメールを強調表示できます。 

schema.orgは、インターネット上で構造化データマークアップ用スキーマの作成と促進に取り組んでいる活発なコミュニティです。schema.orgで定義された形式はZoho Mailによって認識されます。そしてこのマークアップが強調表示されて、メールプレビューにメールスニペットとして表示されます。

目次

メールスニペットの強調表示

メールの重要なセクションを強調してメールプレビューに表示するには、メールコンテンツの本文にJSON-LDまたはMicrodataスクリプトを埋め込んでください。このスクリプトは、メールプレビューに表示するメールのセクションをレンダリングします。たとえば、航空券の予約メールでは、便名、出発時刻、搭乗地、到着地などのセクションを強調表示できます。これによりユーザーは、メールで最も必要な詳細情報を一目でかんたんに把握できます。 

スクリプトを埋め込むほかに、メールで解析されたメールスニペットを識別できるように、当社に登録していただく必要があります。こちらのリンクを使用してドメインを登録できます。ドメイン登録プロセスは、ドメインの確認後に完了してください。この申請について不明な点がある場合は、登録リクエストを送信した組織にご連絡いたします。

同様に、メールの一部分を強調表示することは、eコマースWebサイトからの注文確認メールや、宅配会社から送信される荷物の追跡メールでも役立ちます。

Zoho Mailでメールスニペットを強調表示するために行うこと

送信するメールでスニペットを強調表示するには、次の2つの点を確認する必要があります。

  • 送信するメールに、Microdata形式またはJSON-LD形式の特定のスクリプトが埋め込まれていること。
  • これらのメールの送信元ドメインが、Zohoで確認済みのドメインのリストに登録されていること。

メールスニペットの強調表示に使用する形式 

送信するメールでスニペットを強調表示するには、送信するメールにスクリプトを埋め込む必要があります。Zoho Mailは、JSON-LD形式とMicrodata形式の両方のメールのマークアップをサポートしています。

Microdata

Microdataは、メールの特定部分を記述し、強調するために設計されたマークアップ言語です。このマークアップにはそれぞれ、関連付けられた属性を含めることができます。Microdata形式で使用される3つの基本属性は、itemtype、itemprop、itemscopeです。

Itemscope - この属性をdivタグ内で使用すると、このdivタグに囲まれたすべての情報が1つの項目に属することを示します。

Itemtype - itemtypeを指定した場合、そのscope内のすべての要素が、指定されたクラスに属することを示します。これは、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> 

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> 

搭乗券

その他のコンテンツとともに搭乗券の詳細を強調表示する必要がある場合、次の構文を使用できます。

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>

チェックインのボタン

次の構文を使用して、フライトと搭乗者の詳細を強調表示するだけでなく、メールの一覧にチェックインのボタンも追加できます。

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>

フライトの更新

フライトの時刻や航空券のその他の情報に変更が発生する場合があります。そのような場合は、最新のフライト情報と航空券情報を記載したメールを送信できます。フライト時刻に変更が発生したときに、次の構文を使用して、メールの一部を強調表示できます。 

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>

フライトのキャンセル

次の構文を使用して、特定の時刻に予約された航空券がキャンセルされたことをユーザーに示すことができます。

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>

複数区間の航空券

直行便がない、乗り継ぎ便を使った目的地への航空券を予約する場合、複数区間のフライトと呼ばれます。この場合、中間目的地まで行き、その中間目的地から最終目的地まで別のフライトに乗り継ぐ航空券を予約します。次の構文を使用して、このようなメールの一部を強調表示できます。

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>

複数の搭乗者の航空券

一度に複数の搭乗者の航空券を予約する場合、次の構文を使用して、メールの一覧ですべての搭乗者の詳細を強調表示できます。

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>

注文確認

オンラインストアで注文すると、注文したアイテムなどを記載した確認メールが送信されます。メールに記載された詳細情報を一目で確認できるように強調表示できます。

利用例

注文の基本情報

次の構文を使用して、注文番号、価格、注文商品、注文Webサイトなどの基本情報を強調表示できます。

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> 

注文の確認と注文の表示処理

次の構文では、注文の基本情報を含むメールが送信され、［注文の表示］ボタンがメールの一覧に埋め込まれます。

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> 

注文の確認と請求の詳細

注文の支払い詳細とその他の注文の詳細を強調表示する場合は、次の構文を使用できます。

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> 

荷物の追跡

利用例

基本的な荷物の追跡

追跡の詳細を記載したメールの送信時に、荷物の送付に使われた宅配サービスの詳細や追跡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> 

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> 

荷物の追跡と配送の詳細

基本的な荷物の追跡に加えて、出荷のその他の詳細をスクリプトに埋め込んで、その部分を強調表示することもできます。

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> 

メールスニペットを強調表示するための登録フォーム：

メールに埋め込まれているスクリプトをZoho Mailが確認し、送信元のドメインが有効であることを確認できるためには、当社に登録いただく必要があります。

こちらのリンクから当社に登録いただくと、Zoho Mailでメールスニペットを識別できるようになります。ドメイン登録プロセスは、ドメインの確認後に完了してください。この申請について不明な点がある場合は、登録リクエストを送信した組織にご連絡いたします。

必要な情報は見つかりましたか？

メールお問い合わせ窓口：support@zohomail.com