এবার শুরু করা যাক

ইমেল মার্কআপ কাজ করতে ইমেলে স্ট্রাকচার্ড ডেটা ব্যবহার করে। Gmail JSON-LD এবং মাইক্রোডেটা উভয়কেই সমর্থন করে এবং আপনি ইমেলে তথ্য মার্কআপ করার জন্য উভয়েরই ব্যবহার করতে পারেন। এটি Google-কে ক্ষেত্রগুলি বুঝতে এবং ব্যবহারকারীকে প্রাসঙ্গিক অনুসন্ধান ফলাফল, অ্যাকশন এবং কার্ড প্রদান করতে দেয়৷ উদাহরণস্বরূপ, যদি ইমেলটি একটি ইভেন্ট রিজার্ভেশন সম্পর্কে হয়, তাহলে আপনি শুরুর সময়, স্থান, টিকিটের সংখ্যা এবং রিজার্ভেশনকে সংজ্ঞায়িত করে এমন অন্যান্য সমস্ত তথ্য টীকা করতে চাইতে পারেন।

আপনার প্রথম মার্কআপ

ধরা যাক আপনি অংশগ্রহণকারীদের Google I/O 2013 টিকেট পাঠানোর জন্য দায়ী এবং আপনি এই ইমেলগুলিতে মার্কআপ শব্দার্থিক তথ্য ব্যবহার করতে চান৷ অন্তত, আপনার টিকিট নিশ্চিতকরণ ইমেলে নিম্নলিখিতগুলির মতো HTML থাকবে:

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

এই ইমেল মার্ক আপ করা খুব সহজ. ইমেলের বডিতে তথ্যের প্রাসঙ্গিক অংশগুলি সমর্থিত ফর্ম্যাটের একটির সাথে সম্পর্কিত একটি কাঠামোগত আকারে ইমেলের HTML এর body ভিতরে যে কোনও জায়গায় যোগ করা যেতে পারে। নিম্নলিখিত কোড ব্লক দেখায় যে মার্ক-আপ ইমেলটি কেমন দেখাচ্ছে:

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>

মাইক্রোডেটা

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

মাইক্রোডেটা (ইনলাইন)

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

উপরের ইমেলটিতে একটি ইভেন্ট রিজার্ভেশন সংজ্ঞায়িত করার জন্য তথ্যের ন্যূনতম সেট রয়েছে। ব্যবহারকারীর অভিজ্ঞতা উন্নত করতে আপনি আপনার ইমেলগুলিতে তথ্যের অন্যান্য অংশগুলিকে মার্কআপ করতে পারেন৷ উদাহরণস্বরূপ, FlightReservation অবজেক্টের ticketToken সম্পত্তি আপনাকে একটি বারকোড ছবি যোগ করতে দেয়, যেমন একটি QR কোড, যা একটি বোর্ডিং পাস কার্ডে অন্তর্ভুক্ত করা যেতে পারে।

সমস্ত সমর্থিত প্রকার এবং তাদের বৈশিষ্ট্য সম্পর্কে জানতে, রেফারেন্স গাইড দেখুন।