E-Mail-Markup verwendet strukturierte Daten in E-Mails. Gmail unterstützt sowohl JSON-LD als auch Mikrodaten. Sie können beide verwenden, um Informationen in E‑Mails zu kennzeichnen. So kann Google die Felder verstehen und dem Nutzer relevante Suchergebnisse, Aktionen und Karten präsentieren. Wenn es sich bei der E‑Mail beispielsweise um eine Reservierung für eine Veranstaltung handelt, sollten Sie die Startzeit, den Veranstaltungsort, die Anzahl der Tickets und alle anderen Informationen, die die Reservierung definieren, mit Anmerkungen versehen.
Ihr erstes Markup
Angenommen, Sie sind dafür verantwortlich, Google I/O 2013-Tickets an Teilnehmer zu senden, und möchten semantische Informationen in diesen E-Mails verwenden. Ihre Ticketbestätigungs-E‑Mail enthält mindestens HTML-Code wie den folgenden:
<html>
<body>
<p>
Dear John, thanks for booking your Google I/O ticket with us.
</p>
<p>
BOOKING DETAILS<br/>
Order for: John Smith<br/>
Event: Google I/O 2013<br/>
When: May 15th 2013 8:30am PST<br/>
Venue: Moscone Center, 800 Howard St., San Francisco, CA 94103<br/>
Reservation number: IO12345<br/>
</p>
</body>
</html>
Das Markieren dieser E‑Mail ist ganz einfach. Relevante Informationen im E-Mail-Text können an einer beliebigen Stelle innerhalb der body des HTML-Codes der E-Mail in strukturierter Form entsprechend einem der unterstützten Formate hinzugefügt werden. Der folgende Codeblock zeigt, wie die markierte E‑Mail aussieht:
JSON-LD
<html>
<body>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "EventReservation",
"reservationNumber": "IO12345",
"underName": {
"@type": "Person",
"name": "John Smith"
},
"reservationFor": {
"@type": "Event",
"name": "Google I/O 2013",
"startDate": "2013-05-15T08:30:00-08:00",
"location": {
"@type": "Place",
"name": "Moscone Center",
"address": {
"@type": "PostalAddress",
"streetAddress": "800 Howard St.",
"addressLocality": "San Francisco",
"addressRegion": "CA",
"postalCode": "94103",
"addressCountry": "US"
}
}
}
}
</script>
<p>
Dear John, thanks for booking your Google I/O ticket with us.
</p>
<p>
BOOKING DETAILS<br/>
Reservation number: IO12345<br/>
Order for: John Smith<br/>
Event: Google I/O 2013<br/>
Start time: May 15th 2013 8:00am PST<br/>
Venue: Moscone Center, 800 Howard St., San Francisco, CA 94103<br/>
</p>
</body>
</html>
Mikrodaten
<html>
<body>
<div itemscope itemtype="http://schema.org/EventReservation">
<meta itemprop="reservationNumber" content="IO12345"/>
<div itemprop="underName" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="John Smith"/>
</div>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Event">
<meta itemprop="name" content="Google I/O 2013"/>
<time itemprop="startDate" datetime="2013-05-15T08:30:00-08:00"/>
<div itemprop="location" itemscope itemtype="http://schema.org/Place">
<meta itemprop="name" content="Moscone Center"/>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<meta itemprop="streetAddress" content="800 Howard St."/>
<meta itemprop="addressLocality" content="San Francisco"/>
<meta itemprop="addressRegion" content="CA"/>
<meta itemprop="postalCode" content="94103"/>
<meta itemprop="addressCountry" content="US"/>
</div>
</div>
</div>
</div>
<p>
Dear John, thanks for booking your Google I/O ticket with us.
</p>
<p>
BOOKING DETAILS<br/>
Reservation number: IO12345<br/>
Order for: John Smith<br/>
Event: Google I/O 2013<br/>
Start time: May 15th 2013 8:00am PST<br/>
Venue: Moscone Center, 800 Howard St., San Francisco, CA 94103<br/>
</p>
</body>
</html>
Mikrodaten (inline)
<html>
<body>
<p>
Dear John, thanks for booking your Google I/O ticket with us.
</p>
<p itemscope itemtype="http://schema.org/EventReservation">
BOOKING DETAILS<br/>
Reservation number: <span itemprop="reservationNumber">IO12345</span><br/>
Order for: <span itemprop="underName" itemscope itemtype="http://schema.org/Person">
<span itemprop="name">John Smith</span>
</span><br/>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Event">
Event: <span itemprop="name">Google I/O 2013</span><br/>
<time itemprop="startDate" datetime="2013-05-15T08:30:00-08:00">Start time: May 15th 2013 8:00am PST</time><br/>
Venue: <span itemprop="location" itemscope itemtype="http://schema.org/Place">
<span itemprop="name">Moscone Center</span>
<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">800 Howard St.</span>,
<span itemprop="addressLocality">San Francisco</span>,
<span itemprop="addressRegion">CA</span>,
<span itemprop="postalCode">94103</span>,
<span itemprop="addressCountry">US</span>
</span>
</span>
</div>
</p>
</body>
</html>
Die oben genannte E-Mail enthält die Mindestinformationen, die zum Definieren einer Ereignisreservierung erforderlich sind. Sie können auch andere Informationen in Ihren E‑Mails auszeichnen, um die Nutzerfreundlichkeit zu verbessern. Mit dem Attribut ticketToken des Objekts FlightReservation können Sie beispielsweise ein Barcodebild wie einen QR‑Code hinzufügen, das in eine Bordkartenkarte aufgenommen werden kann.
Informationen zu allen unterstützten Typen und ihren Eigenschaften finden Sie im Referenzhandbuch.