'कैसे करें' निर्देशों वाले पेजों को स्ट्रक्चर्ड डेटा की मदद से मार्कअप करना

HowTo स्ट्रक्चर्ड डेटा का इस्तेमाल करके, Google को साफ़ तौर पर यह बताएं कि आपके कॉन्टेंट में 'कैसे करें' निर्देश दिखाए गए हैं. 'कैसे करें' निर्देशों की मदद से, उपयोगकर्ता किसी काम को पूरा करने के तरीके जान पाते हैं. इन निर्देशों के तहत काम के वीडियो, इमेज, और टेक्स्ट दिखाए जा सकते हैं. उदाहरण के लिए, “टाई बांधने का तरीका” या “किचन में टाइल लगाने का तरीका”. अगर आपके कॉन्टेंट में 'कैसे करें' निर्देशों को सिलसिलेवार ढंग से पढ़ा जा सकता है, तो यह अच्छा संकेत है. इसका मतलब है कि HowTo स्ट्रक्चर्ड डेटा आपके कॉन्टेंट को फ़ायदा पहुंचा सकता है. जब पेज का मुख्य कॉन्टेंट ही 'कैसे करें' निर्देश हों, तो HowTo स्ट्रक्चर्ड डेटा का इस्तेमाल करना सही होता है.

सही तरीके से मार्कअप किए गए 'कैसे करें' पेजों को Search पर ज़्यादा बेहतर नतीजे (रिच रिज़ल्ट) और Google Assistant पर कार्रवाई में दिखाया जा सकता है. इससे आपकी साइट सही उपयोगकर्ताओं तक पहुंच पाती है.

स्ट्रक्चर्ड डेटा को जोड़ने का तरीका

स्ट्रक्चर्ड डेटा, किसी पेज के बारे में जानकारी देने और पेज के कॉन्टेंट को कैटगरी में बांटने का एक स्टैंडर्ड फ़ॉर्मैट है. अगर आप स्ट्रक्चर्ड डेटा के बारे में ज़्यादा नहीं जानते, तो स्ट्रक्चर्ड डेटा के काम करने का तरीका पर जाकर, इसके बारे में ज़्यादा जानकारी पा सकते हैं.

स्ट्रक्चर्ड डेटा बनाने, उसकी जांच करने, और उसे रिलीज़ करने के बारे में खास जानकारी यहां दी गई है. वेब पेज में स्ट्रक्चर्ड डेटा जोड़ने के सिलसिलेवार निर्देशों के लिए, स्ट्रक्चर्ड डेटा कोडलैब (कोड बनाना सीखना) देखें.

  1. ज़रूरी प्रॉपर्टी जोड़ें. इस्तेमाल किए जाने वाले फ़ॉर्मैट के मुताबिक, यह जानें कि पेज पर स्ट्रक्चर्ड डेटा कहां डालना है.
  2. दिशा-निर्देशों का पालन करें.
  3. ज़्यादा बेहतर नतीजों (रिच रिज़ल्ट) के टेस्ट का इस्तेमाल करके, अपने कोड की पुष्टि करें.
  4. स्ट्रक्चर्ड डेटा वाले कुछ पेजों को डिप्लॉय करें. इसके बाद, यूआरएल जांचने वाला टूल इस्तेमाल करके जांचें कि Google को पेज कैसा दिखेगा. पक्का करें कि Google आपका पेज ऐक्सेस कर सकता हो. साथ ही, देखें कि उस पेज को robots.txt फ़ाइल और noindex टैग से ब्लॉक न किया गया हो या लॉग इन करना ज़रूरी न हो. अगर पेज ठीक दिखता है, तो आप Google को अपने यूआरएल फिर से क्रॉल करने के लिए कह सकते हैं.
  5. Google को आगे होने वाले बदलावों की जानकारी देने के लिए, हमारा सुझाव है कि आप साइटमैप सबमिट करें. आप Search Console साइटमैप एपीआई की मदद से इसे अपने-आप चलने दे सकते हैं.

मिलने वाली सुविधाएं

ज़्यादा बेहतर नतीजों (रिच रिज़ल्ट) के तौर पर, 'कैसे करें' निर्देशों वाला कॉन्टेंट दिखाने की सुविधा, फ़िलहाल उन सभी भाषाओं और देशों में उपलब्ध है जहां Google Search काम करता है. यह सुविधा मोबाइल और डेस्कटॉप, दोनों पर उपलब्ध है.

उदाहरण

ज़्यादा बेहतर नतीजों (रिच रिज़ल्ट) के तौर पर, 'कैसे करें' निर्देशों वाला आपका कॉन्टेंट किस तरह दिखता है, इसके लिए यहां कुछ उदाहरण दिए गए हैं. अगर 'कैसे करें' निर्देशों वाले कॉन्टेंट में हर एक चरण के लिए इमेज दी गई हो और कार्रवाई पूरी होने के लिए भी इमेज दी गई हो, तो आपका कॉन्टेंट विज़ुअल के रूप में ज़्यादा बेहतर तरीके से दिखाया जा सकता है. ज़्यादा से ज़्यादा ज़रूरी और सुझाई गई प्रॉपर्टी जोड़ें, ताकि Google Search में 'कैसे करें' निर्देशों वाला आपका कॉन्टेंट बेहतर ढंग से दिखाया जा सके.

'कैसे करें' निर्देशों वाले कॉन्टेंट को ज़्यादा बेहतर नतीजों (रिच रिज़ल्ट) के तौर पर दिखाने का स्टैंडर्ड तरीका

'कैसे करें' वाले कॉन्टेंट के रिच रिज़ल्ट की इमेज
JSON-LD

यहां टेक्स्ट के हिसाब से 'कैसे करें' निर्देशों वाले ऐसे पेज का उदाहरण दिया गया है जिसमें JSON-LD का इस्तेमाल हुआ है. इस उदाहरण में सिर्फ़ एक इमेज शामिल है. इस इमेज में 'कैसे करें' निर्देशों का पालन करने पर मिले नतीजे को दिखाया गया है. इस नतीजे में, उपयोगकर्ताओं को कुछ चरणों के लिए, कॉन्टेंट की झलक दिख सकती है.


<html>
  <head>
    <title>How to tile a kitchen backsplash</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "HowTo",
      "name": "How to tile a kitchen backsplash",
      "description": "Any kitchen can be much more vibrant with a great tile backsplash. This guide will help you install one with beautiful results, like our example kitchen seen here.",
      "image": {
        "@type": "ImageObject",
        "url": "https://example.com/photos/1x1/photo.jpg",
        "height": "406",
        "width": "305"
      },
      "estimatedCost": {
        "@type": "MonetaryAmount",
        "currency": "USD",
        "value": "100"
      },
      "supply": [
        {
          "@type": "HowToSupply",
          "name": "tiles"
        }, {
          "@type": "HowToSupply",
          "name": "thin-set mortar"
        }, {
          "@type": "HowToSupply",
          "name": "tile grout"
        }, {
          "@type": "HowToSupply",
          "name": "grout sealer"
        }
      ],
      "tool": [
        {
          "@type": "HowToTool",
          "name": "notched trowel"
        }, {
          "@type": "HowToTool",
          "name": "bucket"
        },{
          "@type": "HowToTool",
          "name": "large sponge"
        }
      ],
      "step": [
        {
          "@type": "HowToStep",
          "url": "https://example.com/kitchen#step1",
          "name": "Prepare the surfaces",
          "itemListElement": [{
            "@type": "HowToDirection",
            "text": "Turn off the power to the kitchen and then remove everything that is on the wall, such as outlet covers, switchplates, and any other item in the area that is to be tiled."
          }, {
            "@type": "HowToDirection",
            "text": "Then clean the surface thoroughly to remove any grease or other debris and tape off the area."
          }],
          "image": {
            "@type": "ImageObject",
            "url": "https://example.com/photos/1x1/photo-step1.jpg",
            "height": "406",
            "width": "305"
          }
        }, {
          "@type": "HowToStep",
          "name": "Plan your layout",
          "url": "https://example.com/kitchen#step2",
          "itemListElement": [{
            "@type": "HowToTip",
            "text": "The creases created up until this point will be guiding lines for creating the four walls of your planter box."
          }, {
            "@type": "HowToDirection",
            "text": "Lift one side at a 90-degree angle, and fold it in place so that the point on the paper matches the other two points already in the center."
          }, {
            "@type": "HowToDirection",
            "text": "Repeat on the other side."
          }],
          "image": {
            "@type": "ImageObject",
            "url": "https://example.com/photos/1x1/photo-step2.jpg",
            "height": "406",
            "width": "305"
          }
        }, {
          "@type": "HowToStep",
          "name": "Prepare your and apply mortar (or choose adhesive tile)",
          "url": "https://example.com/kitchen#step3",
          "itemListElement": [{
            "@type": "HowToDirection",
            "text": "Follow the instructions on your thin-set mortar to determine the right amount of water to fill in your bucket. Once done, add the powder gradually and make sure it is thoroughly mixed."
          }, {
            "@type": "HowToDirection",
            "text": "Once mixed, let it stand for a few minutes before mixing it again. This time do not add more water. Double check your thin-set mortar instructions to make sure the consistency is right."
          }, {
            "@type": "HowToDirection",
            "text": "Spread the mortar on a small section of the wall with a trowel."
          }, {
            "@type": "HowToTip",
            "text": "Thinset and other adhesives set quickly so make sure to work in a small area."
          }, {
            "@type": "HowToDirection",
            "text": "Once it's applied, comb over it with a notched trowel."
          }],
          "image": {
            "@type": "ImageObject",
            "url": "https://example.com/photos/1x1/photo-step3.jpg",
            "height": "406",
            "width": "305"
          }
        }, {
          "@type": "HowToStep",
          "name": "Add your tile to the wall",
          "url": "https://example.com/kitchen#step4",
          "itemListElement": [{
            "@type": "HowToDirection",
            "text": "Place the tile sheets along the wall, making sure to add spacers so the tiles remain lined up."
          }, {
            "@type": "HowToDirection",
            "text": "Press the first piece of tile into the wall with a little twist, leaving a small (usually one-eight inch) gap at the countertop to account for expansion. use a rubber float to press the tile and ensure it sets in the adhesive."
          }, {
            "@type": "HowToDirection",
            "text": "Repeat the mortar and tiling until your wall is completely tiled, Working in small sections."
          }],
          "image": {
            "@type": "ImageObject",
            "url": "https://example.com/photos/1x1/photo-step4.jpg",
            "height": "406",
            "width": "305"
          }
        }, {
          "@type": "HowToStep",
          "name": "Apply the grout",
          "url": "https://example.com/kitchen#step5",
          "itemListElement": [{
            "@type": "HowToDirection",
            "text": "Allow the thin-set mortar to set. This usually takes about 12 hours. Don't mix the grout before the mortar is set, because you don't want the grout to dry out!"
          }, {
            "@type": "HowToDirection",
            "text": "To apply, cover the area thoroughly with grout and make sure you fill all the joints by spreading it across the tiles vertically, horizontally, and diagonally. Then fill any remaining voids with grout."
          }, {
            "@type": "HowToDirection",
            "text": "Then, with a moist sponge, sponge away the excess grout and then wipe clean with a towel. For easier maintenance in the future, think about applying a grout sealer."
          }],
          "image": {
            "@type": "ImageObject",
            "url": "https://example.com/photos/1x1/photo-step5.jpg",
            "height": "406",
            "width": "305"
          }
        }
      ],
      "totalTime": "P2D"
    }
    </script>
  </head>
  <body>
  </body>
</html>
माइक्रोडेटा

यहां टेक्स्ट के हिसाब से 'कैसे करें' निर्देशों वाले ऐसे पेज का उदाहरण दिया गया है जिसमें माइक्रोडेटा का इस्तेमाल हुआ है. इस उदाहरण में सिर्फ़ एक इमेज शामिल है. इस इमेज में 'कैसे करें' निर्देशों का पालन करने पर मिले नतीजे को दिखाया गया है. इस नतीजे में, उपयोगकर्ताओं को कुछ चरणों के लिए, कॉन्टेंट की झलक दिख सकती है.


<html>
<head>
<title>How to tile a kitchen backsplash</title>
</head>
<body>
<div itemscope itemtype="https://schema.org/HowTo">
  <strong><span itemprop="name">How to tile a kitchen backsplash</span></strong>
  <div>About <span itemprop="estimatedCost" itemscope itemtype="https://schema.org/MonetaryAmount">
    <meta itemprop="currency" content="USD"/>
    <meta itemprop="value" content="100"/>
    $100
  </span>
  </div>
  <div>About <span itemprop="totalTime" content="P2D">2 days</span></div>
  <div itemprop="description">Any kitchen can be much more vibrant with a great
    tile backsplash. This guide will help you install one with beautiful
    results, like our example kitchen seen here.
  </div>
  <div>Necessary Items:</div>
  <div itemprop="supply" itemscope itemtype="https://schema.org/HowToSupply">
    <a itemprop="url" href="https://example.com/supplies?id=1">
      <span itemprop="name">tiles</span>
    </a>
    <img alt="image of a tiles" itemprop="image" src="https://example.com/photos/1x1/photo.jpg"/>
  </div>
  <div itemprop="supply" itemscope itemtype="https://schema.org/HowToSupply">
    <a itemprop="url" href="https://example.com/supplies?id=2">
      <span itemprop="name">thin-set mortar</span>
    </a>
    <img alt="image of thin-set mortar" itemprop="image"
         src="https://example.com/photos/1x1/photo.jpg"/>
  </div>
  <div itemprop="supply" itemscope itemtype="https://schema.org/HowToSupply">
    <a itemprop="url" href="https://example.com/supplies?id=3">
      <span itemprop="name">tile grout</span>
    </a>
    <img alt="image of a tile grout" itemprop="image"
         src="https://example.com/photos/1x1/photo.jpg"/>
  </div>
  <div itemprop="supply" itemscope itemtype="https://schema.org/HowToSupply">
    <a itemprop="url" href="https://example.com/supplies?id=4">
      <span itemprop="name">grout sealer</span>
    </a>
    <img alt="image of grout sealer" itemprop="image"
         src="https://example.com/photos/1x1/photo.jpg"/>
  </div>
  <div itemprop="tool" itemscope itemtype="https://schema.org/HowToTool">
    <a itemprop="url" href="https://example.com/supplies?id=5">
      <span itemprop="name">notched trowel</span>
    </a>
    <img alt="image of a notched trowel" itemprop="image"
         src="https://example.com/photos/1x1/photo.jpg"/>
  </div>
  <div itemprop="tool" itemscope itemtype="https://schema.org/HowToTool">
    <a itemprop="url" href="https://example.com/tools?id=6">
      <span itemprop="name">bucket</span>
    </a>
    <img alt="image of a bucket" itemprop="image" src="https://example.com/photos/1x1/photo.jpg"/>
  </div>
  <div itemprop="tool" itemscope itemtype="https://schema.org/HowToTool">
    <a itemprop="url" href="https://example.com/tools?id=7">
      <span itemprop="name">large sponge</span>
    </a>
    <img alt="image of a large sponge" itemprop="image"
         src="https://example.com/photos/1x1/photo.jpg"/>
  </div>
  <div id="step1" itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
    <link itemprop="url" href="https://example.com/example#step1" />
    <div itemprop="name">Preparation</div>
    <img itemprop="image" alt="image showing preparation"
         src="https://example.com/photos/1x1/photo-step1.jpg"/>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
      <div itemprop="text">Turn off the power to the kitchen and then remove
        everything that is on the wall, such as outlet covers, switchplates, and any other item in
        the area that is to be tiled. Then clean the surface thoroughly to remove any grease or
        other debris and tape off the area.
      </div>
    </div>
  </div>
  <div id="step2" itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
    <link itemprop="url" href="https://example.com/example#step2" />
    <div itemprop="name">Plan your Layout</div>
    <img itemprop="image" alt="image showing layout planning"
           src="https://example.com/photos/1x1/photo-step2.jpg"/>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
      <div itemprop="text">Lay out your tile horizontally below the wall where you're going to
        place it. This makes it easy to ensure that your pattern will fit in the space provided.
        Also it helps you double check that you have enough tile and know exactly where each piece
        will go.
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
      <div itemprop="text">Spread the mortar on a small section of the wall with a trowel. Thinset
        and other adhesives set quickly so make sure to work in a small area. Once it's applied,
        comb over it with a notched trowel.
      </div>
    </div>
  </div>
  <div id="step3" itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
    <link itemprop="url" href="https://example.com/example#step3" />
    <div itemprop="name">Add your tile to the wall</div>
    <img itemprop="image" alt="image grout application"
         src="https://example.com/photos/1x1/photo-step3.jpg"/>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
      <div itemprop="text">Place the tile sheets along the wall, making sure to add spacers so the
        tiles remain lined up. Press the first piece of tile into the wall with a little twist,
        leaving a small (usually one-eight inch) gap at the countertop to account for expansion.
        use a rubber float to press the tile and ensure it sets in the adhesive. Repeat the mortar
        and tiling until your wall is completely tiled, working in small sections.
      </div>
    </div>
  </div>
  <div id="step4" itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
    <link itemprop="url" href="https://example.com/example#step4" />
    <div itemprop="name">Apply the grout</div>
    <img itemprop="image" alt="image grout application"
         src="https://example.com/photos/1x1/photo-step4.jpg"/>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
      <div itemprop="text">Allow the thin-set mortar to set. This usually takes about 12 hours.
        Don't mix the grout before the mortar is set, because you don't want the grout to dry out!
        To apply, cover the area thoroughly with grout and make sure you fill all the joints by
        spreading it across the tiles vertically, horizontally, and diagonally. Then fill any
        remaining voids with grout.
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
      <div itemprop="text">Then, with a moist sponge, sponge away the excess grout and then wipe
        clean with a towel. For easier maintenance in the future, think about applying a grout
        sealer.
      </div>
    </div>
  </div>
</div>
</body>
</html>

हर चरण के लिए इमेज के साथ 'कैसे करें' निर्देशों वाला ज़्यादा बेहतर नतीजा (रिच रिज़ल्ट)

इमेज जिसमें विज़ुअल तरीके से, &#39;कैसे करें&#39; निर्देशों वाले कॉन्टेंट को ज़्यादा बेहतर नतीजे (रिच रिज़ल्ट) के तौर पर दिखाया गया है
JSON-LD

यहां 'कैसे करें' निर्देशों वाले ऐसे पेज का उदाहरण दिया गया है जिसमें हर चरण के लिए एक इमेज दी गई है. इमेज दिखाने के लिए JSON-LD का इस्तेमाल हुआ है. जब हर चरण के लिए कोई इमेज दी गई हो, तो उपयोगकर्ता, इमेज के कैरसेल की मदद से झलक देख सकते हैं.


<html>
  <head>
    <title>How to tie a tie</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "HowTo",
      "image": {
        "@type": "ImageObject",
        "url": "https://example.com/1x1/photo.jpg"
      },
      "name": "How to tie a tie",
      "description": "The four-in-hand knot is a great look for any occasion. From formal suits to casual jacket and tie affairs, it's a simple way to quickly look great. Once you have mastered the knot you can tie it in just a minute, so it's also great when you're in a pinch too. ",
      "totalTime": "PT2M",
      "video": {
        "@type": "VideoObject",
        "name": "Tie a Tie",
        "description": "How to tie a four-in-hand knot.",
        "thumbnailUrl": "https://example.com/photos/photo.jpg",
        "contentUrl": "http://www.example.com/videos/123_600x400.mp4",
        "embedUrl": "http://www.example.com/videoplayer?id=123",
        "uploadDate": "2019-01-05T08:00:00+08:00",
        "duration": "P1MT10S"
      },
      "supply": [
        {
          "@type": "HowToSupply",
          "name": "A tie"
        }, {
          "@type": "HowToSupply",
          "name": "A collared shirt"
        }
      ],
      "tool": [
        {
          "@type": "HowToTool",
          "name": "A mirror"
        }
      ],
      "step":[
        {
          "@type": "HowToStep",
          "name": "Preparations",
          "text": "Button your shirt how you'd like to wear it, then drape the tie around your neck. Make the thick end about 1/3rd longer than the short end. For formal button down shirts, it usually works best with the small end of the tie between 4th and 5th button.",
          "image": "https://example.com/1x1/step1.jpg",
          "url": "https://example.com/tie#step1"
        }, {
          "@type": "HowToStep",
          "name": "Crossing once",
          "text": "Cross the long end over the short end. This will form the basis for your knot.",
          "image": "https://example.com/1x1/step2.jpg",
          "url": "https://example.com/tie#step2"
        }, {
          "@type": "HowToStep",
          "name": "Second crossing",
          "text": "Bring the long end back under the short end, then throw it back over the top of the short end in the other direction.",
          "image": "https://example.com/1x1/step3.jpg",
          "url": "https://example.com/tie#step3"
        }, {
          "@type": "HowToStep",
          "name": "Loop in",
          "text": "Now pull the long end through the loop near your neck, forming another loop near your neck.",
          "image": "https://example.com/1x1/step4.jpg",
          "url": "https://example.com/tie#step4"
        }, {
          "@type": "HowToStep",
          "name": "Pull and tighten",
          "text": "Pull the long end through that new loop and tighten to fit!",
          "image": "https://example.com/1x1/step5.jpg",
          "url": "https://example.com/tie#step5"
        }
      ]
    }
    </script>
  </head>
  <body>
  </body>
</html>
माइक्रोडेटा

यहां 'कैसे करें' निर्देशों वाले ऐसे पेज का उदाहरण दिया गया है जिसमें हर चरण के लिए एक इमेज दी गई है. इमेज दिखाने के लिए माइक्रोडेटा का इस्तेमाल हुआ है. जब हर चरण के लिए कोई इमेज दी गई हो, तो उपयोगकर्ता को इमेज के कैरसेल की मदद से झलक दिख सकती है.


<html>
<head>
<title>How to tie a tie</title>
</head>
<body>
<div itemscope itemtype="https://schema.org/HowTo">
  <strong><span itemprop="name">How to tie a tie</span></strong>
  <div>About <span itemprop="totalTime" content="PT2M">2 minutes</span></div>
  <div itemprop="description">The four-in-hand knot is a great look for any occasion. From formal suits to casual jacket and tie affairs, it's a simple way to quickly look great. Once you have mastered the knot you can tie it in just a minute, so it's also great when you're in a pinch too. </div>
  <div itemprop="video" itemscope itemtype="https://schema.org/VideoObject">
    <meta itemprop="name" content="Tie a Tie" />
    <meta itemprop="description" content="How to tie a four-in-hand knot." />
    <link itemprop="thumbnailUrl" content="https://example.com/photos/photo.jpg" />
    <link itemprop="contentUrl" content="http://www.example.com/videos/123_600x400.mp4" />
    <link itemprop="embedUrl" content="http://www.example.com/videoplayer?id=123" />
    <meta itemprop="duration" content="P1MT10S" />
    <meta itemprop="uploadDate" content="2019-01-05T08:00:00+08:00" />
    <video>...</video>
  </div>
  <div>Necessary Items:</div>
  <div itemprop="supply" itemtype="https://schema.org/HowToSupply">A tie</div>
  <div itemprop="supply" itemtype="https://schema.org/HowToSupply">A collared Shirt</div>
  <div itemprop="tool" itemtype="https://schema.org/HowToTool">A mirror</div>
  <div>
    <div id="step1" itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
      <div itemprop="name">Preparations</div>
      <div itemprop="text">Button your shirt how you'd like to wear it, then drape the tie around your neck. Make the thick end about 1/3rd longer than the short end. For formal button down shirts, it usually works best with the small end of the tie between 4th and 5th button.</div>
      <div itemprop="image">https://example.com/1x1/photo1.jpg</div>
      <meta itemprop="url" content="https://example.com/tie#step1" />
    </div>

    <div id="step2" itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
      <div itemprop="name">Crossing once</div>
      <div itemprop="text">Cross the long end over the short end. This will form the basis for your knot.</div>
      <div itemprop="image">https://example.com/1x1/photo2.jpg</div>
      <meta itemprop="url" content="https://example.com/tie#step2" />
    </div>

    <div id="step3" itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
      <div itemprop="name">Second crossing</div>
      <div itemprop="text">Bring the long end back under the short end, then throw it back over the top of the short end in the other direction.</div>
      <div itemprop="image">https://example.com/1x1/photo3.jpg</div>
      <meta itemprop="url" content="https://example.com/tie#step3" />
    </div>

    <div id="step4" itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
      <div itemprop="name">Loop in</div>
      <div itemprop="text">Now pull the long end through the loop near your neck, forming another loop near your neck.</div>
      <div itemprop="image">https://example.com/1x1/photo4.jpg</div>
      <meta itemprop="url" content="https://example.com/tie#step4" />
    </div>

    <div id="step5" itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
      <div itemprop="name">Pull and tighten</div>
      <div itemprop="text">Pull the long end through that new loop and tighten to fit!</div>
      <div itemprop="image">https://example.com/1x1/photo5.jpg</div>
      <meta itemprop="url" content="https://example.com/tie#step5" />
    </div>
  </div>
</div>
</body>
</html>

वीडियो के साथ, ज़्यादा बेहतर नतीजे (रिच रिज़ल्ट) के तौर पर, 'कैसे करें' निर्देशों वाला कॉन्टेंट

JSON-LD

यहां 'कैसे करें' निर्देशों वाले ऐसे पेज का उदाहरण दिया गया है जिसमें JSON-LD का इस्तेमाल करके, टेक्स्ट, इमेज, और वीडियो क्लिप जैसा मिला-जुला कॉन्टेंट जोड़ा गया है.


<html>
  <head>
    <title>How to create a Trivia action</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "HowTo",
      "image": {
        "@type": "ImageObject",
        "url": "https://example.com/1x1/photo.jpg"
      },
      "name": "How to create a Trivia action",
      "description": "Learn how to create a Trivia action for Assistant within minutes.",
      "totalTime": "PT2M",
      "video": {
        "@type": "VideoObject",
        "name": "Build a Trivia Game for the Google Assistant with No Code",
        "description": "Learn how to create a Trivia action for Assistant within minutes.",
        "thumbnailUrl": "https://example.com/photos/photo.jpg",
        "contentUrl": "https://www.youtube.com/watch?v=4AOI1tZrgMI",
        "embedUrl": "https://www.youtube.com/embed/4AOI1tZrgMI",
        "uploadDate": "2019-01-05T08:00:00+08:00",
        "duration": "P1MT10S",
        "hasPart": [
          {
            "@type": "Clip",
            "@id": "Clip1",
            "name": "Open Actions on Google Console",
            "startOffset": 29,
            "endOffset": 36,
            "url": "http://www.example.com/example&amp;t=29"
          },
          {
            "@type": "Clip",
            "@id": "Clip2",
            "name": "Select Trivia Template",
            "startOffset": 36,
            "endOffset": 45,
            "url": "http://www.example.com/example&amp;t=36"
          },
          {
            "@type": "Clip",
            "@id": "Clip3",
            "name": "Choose a Personality",
            "startOffset": 45,
            "endOffset": 65,
            "url": "http://www.example.com/example&amp;t=45"
          },
          {
            "@type": "Clip",
            "@id": "Clip4",
            "name": "Feed your content",
            "startOffset": 65,
            "endOffset": 154,
            "url": "http://www.example.com/example&amp;t=65"
          },
          {
            "@type": "Clip",
            "@id": "Clip5",
            "name": "Create the action",
            "startOffset": 154,
            "endOffset": 172,
            "url": "http://www.example.com/example&amp;t=154"
          },
          {
            "@type": "Clip",
            "@id": "Clip6",
            "name": "Test your action",
            "startOffset": 172,
            "endOffset": 212,
            "url": "http://www.example.com/example&amp;t=172"
          },
          {
            "@type": "Clip",
            "@id": "Clip7",
            "name": "Submit your action",
            "startOffset": 212,
            "endOffset": 285,
            "url": "http://www.example.com/example&amp;t=212"
          }
        ]
      },
      "step": [
        {
          "@type": "HowToStep",
          "name": "Open Actions on Google Console",
          "text": "Navigate to https://console.actions.google.com to get started.",
          "image": "https://example.com/1x1/step1.jpg",
          "url": "https://example.com/tie#step1",
          "video": {
            "@id": "Clip1"
          }
        },
        {
          "@type": "HowToStep",
          "name": "Select Trivia Template",
          "text": "Create a new project and select Templates | You have a choice to select between Trivia, Flashcard or Personality Quiz.",
          "image": "https://example.com/1x1/step2.jpg",
          "url": "https://example.com/tie#step2",
          "video": {
            "@id": "Clip2"
          }
        },
        {
          "@type": "HowToStep",
          "name": "Choose a Personality",
          "text": "Select one of the three personalities- Mr, Montgomery, Regal Queen, or the Trivia Bot.",
          "image": "https://example.com/1x1/step3.jpg",
          "url": "https://example.com/tie#step3",
          "video": {
            "@id": "Clip3"
          }
        },
        {
          "@type": "HowToStep",
          "name": "Feed your content",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "text": "Make a copy of our pre-filled sheet and replace with your content."
            },
            {
              "@type": "HowToDirection",
              "text": "Ensure you make the sheet publicly accessible. Copy the URL of the sheet and paste it into the Console."
            }
          ],
          "image": "https://example.com/1x1/step4.jpg",
          "url": "https://example.com/tie#step4",
          "video": {
            "@id": "Clip4"
          }
        },
        {
          "@type": "HowToStep",
          "name": "Create the action",
          "text": "Create the action. Once content is successfully uploaded, it will take couple of minutes to create the action.",
          "image": "https://example.com/1x1/step5.jpg",
          "url": "https://example.com/tie#step5",
          "video": {
            "@id": "Clip5"
          }
        },
        {
          "@type": "HowToStep",
          "name": "Test your action",
          "text": "Navigate to the Simulator to test your action and simulate various surfaces, locations and locales.",
          "image": "https://example.com/1x1/step6.jpg",
          "url": "https://example.com/tie#step6",
          "video": {
            "@id": "Clip6"
          }
        },
        {
          "@type": "HowToStep",
          "name": "Submit your action",
          "text": "Once you complete directory information and invocation names, submit your action for all Assistant users to see and use your action.",
          "image": "https://example.com/1x1/step7.jpg",
          "url": "https://example.com/tie#step7",
          "video": {
            "@id": "Clip7"
          }
        }
      ]
    }
    </script>
  </head>
  <body>
  </body>
</html>
माइक्रोडेटा

यहां 'कैसे करें' निर्देशों वाले ऐसे पेज का उदाहरण दिया गया है जिसमें माइक्रोडेटा का इस्तेमाल करके, टेक्स्ट, इमेज, और वीडियो क्लिप जैसा मिला-जुला कॉन्टेंट जोड़ा गया है.


<html>
<head>
<title>How to create a Trivia action</title>
</head>
<body>
<div itemscope itemtype="https://schema.org/HowTo">
  <strong><span itemprop="name">How to create a Trivia action</span></strong>
  <div>About <span itemprop="totalTime" content="PT2M">2 minutes</span></div>
  <div itemprop="description"> Learn how to create a Trivia action for Assistant within minutes. </div>
  <div itemprop="video" itemscope itemtype="https://schema.org/VideoObject">
    <meta itemprop="name" content="Tie a Tie" />
    <meta itemprop="description" content="How to tie a four-in-hand knot." />
    <link itemprop="thumbnailUrl" content="https://example.com/photos/photo.jpg" />
    <link itemprop="contentUrl" content="http://www.example.com/videos/123_600x400.mp4" />
    <link itemprop="embedUrl" content="http://www.example.com/videoplayer?id=123" />
    <meta itemprop="duration" content="P1MT10S" />
    <meta itemprop="uploadDate" content="2019-01-05T08:00:00+08:00" />
    <div>
      <div itemprop="hasPart" itemscope itemtype="https://schema.org/Clip" itemid="Clip1">
        <div itemprop="name">Open Actions on Google Console</div>
        <div itemprop="startOffset">29</div>
        <div itemprop="endOffset">36</div>
        <div itemprop="url">http://www.example.com/example&amp;t=29</div>
      </div>
      <div itemprop="hasPart" itemscope itemtype="https://schema.org/Clip" itemid="Clip2">
        <div itemprop="name">Select Trivia Template</div>
        <div itemprop="startOffset">36</div>
        <div itemprop="endOffset">45</div>
        <div itemprop="url">http://www.example.com/example&amp;t=36</div>
      </div>
      <div itemprop="hasPart" itemscope itemtype="https://schema.org/Clip" itemid="Clip3">
        <div itemprop="name">Choose a Personality</div>
        <div itemprop="startOffset">45</div>
        <div itemprop="endOffset">65</div>
        <div itemprop="url">http://www.example.com/example&amp;t=45</div>
      </div>
      <div itemprop="hasPart" itemscope itemtype="https://schema.org/Clip" itemid="Clip4">
        <div itemprop="name">Feed your content</div>
        <div itemprop="startOffset">65</div>
        <div itemprop="endOffset">154</div>
        <div itemprop="url">http://www.example.com/example&amp;t=65</div>
      </div>
      <div itemprop="hasPart" itemscope itemtype="https://schema.org/Clip" itemid="Clip5">
        <div itemprop="name">Create the action</div>
        <div itemprop="startOffset">154</div>
        <div itemprop="endOffset">172</div>
        <div itemprop="url">http://www.example.com/example&amp;t=154</div>
      </div>
      <div itemprop="hasPart" itemscope itemtype="https://schema.org/Clip" itemid="Clip6">
        <div itemprop="name">Test your action</div>
        <div itemprop="startOffset">172</div>
        <div itemprop="endOffset">212</div>
        <div itemprop="url">http://www.example.com/example&amp;t=172</div>
      </div>
      <div itemprop="hasPart" itemscope itemtype="https://schema.org/Clip" itemid="Clip7">
        <div itemprop="name">Submit your action</div>
        <div itemprop="startOffset">212</div>
        <div itemprop="endOffset">285</div>
        <div itemprop="url">http://www.example.com/example&amp;t=212</div>
      </div>
    </div>
    <video>...</video>
  </div>
  <div itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
    <div itemprop="name">Open Actions on Google Console</div>
    <div itemprop="text">Navigate to https://console.actions.google.com to get started.</div>
    <div itemprop="image">https://example.com/1x1/photo1.jpg</div>
    <meta itemprop="url" content="https://example.com/tie#step1" />
    <link itemprop="video" href="Clip1" />
  </div>
  <div itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
    <div itemprop="name">Select Trivia Template</div>
    <div itemprop="text">Create a new project and select Templates | You have a choice to select between Trivia, Flashcard or Personality Quiz.</div>
    <div itemprop="image">https://example.com/1x1/photo2.jpg</div>
    <meta itemprop="url" content="https://example.com/tie#step2" />
    <link itemprop="video" href="Clip2" />
  </div>
  <div itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
    <div itemprop="name">Choose a Personality</div>
    <div itemprop="text">Select one of the three personalities- Mr, Montgomery, Regal Queen, or the Trivia Bot.</div>
    <div itemprop="image">https://example.com/1x1/photo3.jpg</div>
    <meta itemprop="url" content="https://example.com/tie#step3" />
    <link itemprop="video" href="Clip3" />
  </div>
  <div itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
    <div itemprop="name">Feed your content</div>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
      <div itemprop="text">Make a copy of our pre-filled sheet and replace with your content.</div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
      <div itemprop="text">Ensure you make the sheet publicly accessible. Copy the URL of the sheet and paste it into the Console.</div>
    </div>
    <div itemprop="image">https://example.com/1x1/photo4.jpg</div>
    <meta itemprop="url" content="https://example.com/tie#step4" />
    <link itemprop="video" href="Clip4" />
  </div>
  <div itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
    <div itemprop="name">Create the action</div>
    <div itemprop="text">Create the action. Once content is successfully uploaded, it will take couple of minutes to create the action.</div>
    <div itemprop="image">https://example.com/1x1/photo5.jpg</div>
    <meta itemprop="url" content="https://example.com/tie#step5" />
    <link itemprop="video" href="Clip5" />
  </div>
  <div itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
    <div itemprop="name">Test your action</div>
    <div itemprop="text">PNavigate to the Simulator to test your action and simulate various surfaces, locations and locales.</div>
    <div itemprop="image">https://example.com/1x1/photo6.jpg</div>
    <meta itemprop="url" content="https://example.com/tie#step6" />
    <link itemprop="video" href="Clip6" />
  </div>
  <div itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
    <div itemprop="name">Submit your action</div>
    <div itemprop="text">Once you complete directory information and invocation names, submit your action for all Assistant users to see and use your action.</div>
    <div itemprop="image">https://example.com/1x1/photo7.jpg</div>
    <meta itemprop="url" content="https://example.com/tie#step7" />
    <link itemprop="video" href="Clip7" />
  </div>
</div>
</body>
</html>

दिशा-निर्देश

आपके पेज पर मौजूद Google Assistant से जुड़े 'कैसे करें' निर्देशों और 'कैसे करें' कार्रवाई को ज़्यादा बेहतर नतीजे (रिच रिज़ल्ट) के तौर पर दिखाने के लिए, आपको इन दिशा-निर्देशों का पालन करना होगा:

कॉन्टेंट के लिए दिशा-निर्देश

  • विज्ञापन: विज्ञापन के लिए HowTo स्ट्रक्चर्ड डेटा का इस्तेमाल न करें.
  • ऐसा कॉन्टेंट जो ज़्यादा बेहतर नतीजों (रिच रिज़ल्ट) के तौर पर नहीं दिखाया जा सकता: हो सकता है कि 'कैसे करें' निर्देशों वाले किसी ऐसे कॉन्टेंट को ज़्यादा बेहतर नतीजे के तौर पर न दिखाया जाए जिसमें आपत्तिजनक, साफ़ तौर पर सेक्शुअल ऐक्ट दिखाने वाली, किसी धर्म का अपमान करने वाली, दिल दहलाने वाली, खतरनाक या गैरकानूनी गतिविधियों का प्रमोशन करने जैसी कोई बात हो. साथ ही, हो सकता है कि ऐसा कॉन्टेंट भी न दिखाया जाए जिसमें नफ़रत फैलाने या उत्पीड़न करने वाली भाषा का इस्तेमाल किया गया हो.
  • सोर्स: उपयोगकर्ता को HowTo वाला सभी कॉन्टेंट, सोर्स पेज पर दिखना चाहिए. पक्का करें कि सोर्स पेज पर, 'कैसे करें' निर्देशों वाला कॉन्टेंट ही मुख्य फ़ोकस में हो. किसी पेज पर एक से ज़्यादा HowTo न इस्तेमाल करें.
  • सामग्री और टूल: काम पूरा करने के लिए ज़रूरी, सभी सामग्रियों और टूल के लिए स्ट्रक्चर्ड डेटा जोड़ें.
  • चरण: हर HowToStep में सोर्स चरण का पूरा कॉन्टेंट मौजूद होना चाहिए. ऐसा डेटा जो किसी चरण से न जुड़ा हो, उसे चरण के तौर पर मार्कअप न करें, जैसे कि खास जानकारी या शुरुआती जानकारी वाले सेक्शन.
  • चरण की इमेज: अगर इन चरणों को विज़ुअल के तौर पर सबसे अच्छे तरीके से दिखाया गया है, तो देख लें कि हर HowToStep के लिए दिखाई गई इमेज, मार्कअप की गई हो. सिर्फ़ निर्देश देने वाले चरण की इमेज को मार्कअप करें, जो हर चरण की जानकारी देती हो. एक ही तरह के 'कैसे करें' निर्देश के लिए, एक से ज़्यादा चरणों में उसी इमेज का इस्तेमाल न करें. पेज के कॉन्टेंट से मेल खाने वाली इमेज का इस्तेमाल करें. ऐसी इमेज इस्तेमाल न करें जो 'कैसे करें' निर्देशों वाले कॉन्टेंट से मेल न खाती हो या ज़्यादा बेहतर नतीजों (रिच रिज़ल्ट) को ऑप्टिमाइज़ करने के लिए अलग इमेज इस्तेमाल करें.
  • नतीजे के तौर पर दिखाई जाने वाली इमेज: अगर किसी नतीजे को इमेज के ज़रिए सटीक तौर पर दिखाया गया है, तो पक्का करें कि यह इमेज, पेज पर मौजूद हो. साथ ही, यह भी देखें कि आपके HowTo मार्कअप ने image प्रॉपर्टी का इस्तेमाल करके इसे शामिल किया हो. यह इमेज और आखिरी चरण के लिए मार्कअप की गई इमेज एक जैसी हो सकती है.
  • कॉन्टेंट: रेसिपी के लिए HowTo मार्कअप का इस्तेमाल न करें. इसके बजाय, Recipe structured data का इस्तेमाल करें. लेख और सामान्य सलाह वाला ऐसा कॉन्टेंट, HowTo मार्कअप के लिए सही नहीं होता जिसमें खास निर्देश न दिए गए हों.

अलग-अलग तरह के स्ट्रक्चर्ड डेटा की जानकारी

आपका कॉन्टेंट ज़्यादा बेहतर नतीजे (रिच रिज़ल्ट) के तौर पर दिखे, इसके लिए ज़रूरी प्रॉपर्टी जोड़ें. आप अपने स्ट्रक्चर्ड डेटा में ज़्यादा जानकारी जोड़ने के लिए, सुझाई गई प्रॉपर्टी भी शामिल करें. इससे, उपयोगकर्ता अनुभव को बेहतर बनाया जा सकता है.

HowTo

HowTo की पूरी जानकारी schema.org/HowTo पर दी गई है.

HowTo टाइप दिखाता है कि पेज पर 'कैसे करें' निर्देश मौजूद हैं. हर पेज पर यह जानकारी शामिल होनी चाहिए कि HowTo किस तरह का है.

ज़रूरी प्रॉपर्टी
name

Text

'कैसे करें' निर्देशों का शीर्षक. उदाहरण के लिए, "टाई बांधने का तरीका".

step HowToStep या HowToSection

HowToStep के एलिमेंट की एक कैटगरी, जिसमें 'कैसे करें' से जुड़े सभी निर्देश शामिल हैं. हर step एलिमेंट, निर्देश में दिए गए किसी खास चरण से मेल खाना चाहिए. इस प्रॉपर्टी का इस्तेमाल करके ऐसा डेटा, मार्कअप न करें जो किसी चरण से न जुड़ा हो, जैसे कि खास जानकारी या शुरुआती जानकारी वाला सेक्शन. उदाहरण के लिए:

  • हर HowToStep का text तय करके, हर चरण के लिए पूरा टेक्स्ट बताएं. एक image, चरण के शीर्षक के तौर पर दिया गया name, और url देना ज़रूरी नहीं है. हालांकि, इनके इस्तेमाल का सुझाव दिया जाता है. ऐसा इसलिए है, क्योंकि इन प्रॉपर्टी की मदद से खोज के नतीजों को बेहतर तरीके से दिखाया जा सकता है.
    
    "step":[
      {
        "@type": "HowToStep",
        "text": "Button your shirt how you'd like to wear it, then drape the tie around your neck. Make the thick end about 1/3rd longer than the short end. For formal button down shirts, it usually works best with the small end of the tie between 4th and 5th button.",
        "image": "https://example.com/1x1/photo.jpg"
      }, {
        "@type": "HowToStep",
        "text": "Cross the long end over the short end. This will form the basis for your knot.",
        "image": "https://example.com/1x1/photo.jpg"
      }, {
        "@type": "HowToStep",
        "text": "Bring the long end back under the short end, then throw it back over the top of the short end in the other direction. ",
        "image": "https://example.com/1x1/photo.jpg"
      }, {
        "@type": "HowToStep",
        "text": "Now pull the long and through the loop near your neck, forming another loop near your neck.",
        "image": "https://example.com/1x1/photo.jpg"
      }, {
        "@type": "HowToStep",
        "text": "Pull the long end through that new loop and tighten to fit! ",
        "image": "https://example.com/1x1/photo.jpg"
      }
    ]
  • मुश्किल चरणों के लिए, आप एक name चरण शामिल करें. साथ ही, HowToDirection या HowToTip का इस्तेमाल करके, अलग-अलग उप-चरणों की सूची बनाएं.
    
    "step": [
      {
        "@type": "HowToStep",
        "name": "Prepare the surfaces",
        "itemListElement": [{
          "@type": "HowToDirection",
          "text": "First please turn off the power to the kitchen and then remove everything that is on the wall, such as outlet covers, switchplates, and any other item in the area that is to be tiled."
        }, {
          "@type": "HowToDirection",
          "text": "Then clean the surface thoroughly to remove any grease or other debris and tape off the area."
        }],
        "image": {
          "@type": "ImageObject",
          "url": "https://example.com/photos/1x1/photo.jpg",
          "height": "406",
          "width": "305"
        }
      }, {
        "@type": "HowToStep",
        "name": "Plan your layout",
        "itemListElement": [{
          "@type": "HowToTip",
          "text": "The creases created up until this point will be guiding lines for creating the four walls of your planter box."
        }, {
          "@type": "HowToDirection",
          "text": "Lift one side at a 90-degree angle, and fold it in place so that the point on the paper matches the other two points already in the center."
        }, {
          "@type": "HowToDirection",
          "text": "Repeat on the other side."
        }],
        "image": {
          "@type": "ImageObject",
          "url": "https://example.com/photos/1x1/photo.jpg",
          "height": "406",
          "width": "305"
        }
      }, {
        "@type": "HowToStep",
        "name": "Prepare your and apply mortar (or choose adhesive tile)",
        "itemListElement": [{
          "@type": "HowToDirection",
          "text": "Follow the instructions on your thin-set mortar to determine the right amount of water to fill in your bucket. Once done, add the powder gradually and make sure it is thoroughly mixed."
        }, {
          "@type": "HowToDirection",
          "text": "Once mixed, let it stand for a few minutes before mixing it again. This time don't add more water. Double check your thin-set mortar instructions to make sure the consistency is right."
        }, {
          "@type": "HowToDirection",
          "text": "Spread the mortar on a small section of the wall with a trowel."
        }, {
          "@type": "HowToTip",
          "text": "Thinset and other adhesives set quickly so make sure to work in a small area."
        }, {
          "@type": "HowToDirection",
          "text": "Once it's applied, comb over it with a notched trowel."
        }],
        "image": {
          "@type": "ImageObject",
          "url": "https://example.com/photos/1x1/photo.jpg",
          "height": "406",
          "width": "305"
        }
      }, {
        "@type": "HowToStep",
        "name": "Add your tile to the wall",
        "itemListElement": [{
          "@type": "HowToDirection",
          "text": "Place the tile sheets along the wall, making sure to add spacers so the tiles remain lined up."
        }, {
          "@type": "HowToDirection",
          "text": "Press the first piece of tile into the wall with a little twist, leaving a small (usually one-eight inch) gap at the countertop to account for expansion. use a rubber float to press the tile and ensure it sets in the adhesive."
        }, {
          "@type": "HowToDirection",
          "text": "Repeat the mortar and tiling until your wall is completely tiled, Working in small sections."
        }],
        "image": {
          "@type": "ImageObject",
          "url": "https://example.com/photos/1x1/photo.jpg",
          "height": "406",
          "width": "305"
        }
      }, {
        "@type": "HowToStep",
        "name": "Apply the grout",
        "itemListElement": [{
          "@type": "HowToDirection",
          "text": "Allow the thin-set mortar to set. This usually takes about 12 hours. Don't mix the grout before the mortar is set, because you don't want the grout to dry out!"
        }, {
          "@type": "HowToDirection",
          "text": "To apply, cover the area thoroughly with grout and make sure you fill all the joints by spreading it across the tiles vertically, horizontally, and diagonally. Then fill any remaining voids with grout."
        }, {
          "@type": "HowToDirection",
          "text": "Then, with a moist sponge, sponge away the excess grout and then wipe clean with a towel. For easier maintenance in the future, think about applying a grout sealer."
        }],
        "image": {
          "@type": "ImageObject",
          "url": "https://example.com/photos/1x1/photo.jpg",
          "height": "406",
          "width": "305"
        }
      }
    ]

HowToSection के एलिमेंट की एक कैटगरी, जिसमें इस HowTo के सभी निर्देश शामिल हैं. उदाहरण के लिए:


"step":[
  {
    "@type": "HowToSection",
    "name": "Choose a Tie",
    "itemListElement": [
      {
        "@type": "HowToStep",
        "name": "Choose a color",
        "text": "Pick a tie that matches your shirt color. Contrasting colors can be fun!"
      },
      {
        "@type": "HowToStep",
        "name": "Choose a pattern",
        "text": "A tie with a pattern can add flare to your outfit. Make sure the pattern is not
                 too noisy against your shirt"
      }
    ]
  },
  {
    "@type": "HowToSection",
    "name": "Put on the Tie",
    "itemListElement": [
      {
        "@type": "HowToStep",
        "name": "Arrange the Tie",
        "text": "Stand in front of the mirror with the tie around your neck."
      },
      {
        "@type": "HowToStep",
        "name": "Tie the Tie",
        "text": "Use your hands to tie the tie into a neat knot around your neck. Looking sharp!"
      }
    ]
  }
]
सुझाई गई प्रॉपर्टी
description

Text

'कैसे करें' निर्देशों के बारे में जानकारी.

estimatedCost MonetaryAmount या Text

निर्देशों के मुताबिक सप्लाई की गई ऐसी चीज़ों की अनुमानित लागत जिनका पूरी तरह से इस्तेमाल कर लिया गया है.

image ImageObject या URL

'कैसे करें' निर्देशों का पालन करके मिले नतीजे की इमेज इमेज के लिए दूसरे दिशा-निर्देश:

  • इमेज के यूआरएल ऐसे होने चाहिए जिन्हें क्रॉल और इंडेक्स किया जा सके.
  • इमेज में मार्कअप किया गया कॉन्टेंट दिखना चाहिए.
  • इमेज .jpg, .png या .gif फ़ॉर्मैट में होनी चाहिए.
supply HowToSupply या Text

निर्देशों या दिशा-निर्देशों का पालन करते हुए सप्लाई की गई चीज़ों का पूरी तरीके से इस्तेमाल.

tool HowToTool या Text

निर्देशों या दिशा-निर्देशों का पालन करते हुए इस्तेमाल की गई चीज़ (लेकिन पूरी तरह से खर्च न की गई हो).

totalTime Duration

सभी निर्देशों या दिशा-निर्देशों का पालन करने के लिए, ISO 8601 फ़ॉर्मैट में कुल ज़रूरी समय. इसमें सप्लाई तैयार करने का समय भी शामिल है.

video VideoObject

'कैसे करें' निर्देशों का वीडियो. ज़रूरी और सुझाई गई वीडियो प्रॉपर्टी वाली सूची देखें. वीडियो के चरणों को hasPart से मार्क करें.


{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "video": {
    "@type": "VideoObject",
    "name": "Build a Trivia Game for the Google Assistant with No Code",
    "description": "Learn how to create a Trivia action for Assistant within minutes.",
    "thumbnailUrl": "https://example.com/photos/photo.jpg",
    "contentUrl": "https://www.youtube.com/watch?v=4AOI1tZrgMI",
    "embedUrl": "https://www.youtube.com/embed/4AOI1tZrgMI",
    "uploadDate": "2019-01-05T08:00:00+08:00",
    "duration": "P1MT10S",
    "hasPart": [
      {
        "@type": "Clip",
        "@id": "Clip1",
        "name": "Open Actions on Google Console",
        "startOffset": 29,
        "endOffset": 36,
        "url": "http://www.example.com/example?t=29"
      },
      {
        "@type": "Clip",
        "@id": "Clip2",
        "name": "Select Trivia Template",
        "startOffset": 36,
        "endOffset": 45,
        "url": "http://www.example.com/example?t=36"
      }
    ]
  }
}
video.hasPart

Clip

एक वीडियो क्लिप, जो पूरे वीडियो का हिस्सा है.

video.hasPart.endOffset

Number

सेकंड में क्लिप के खत्म हाेने का समय. इस समय का हिसाब लगाने के लिए देखा जाता है कि वीडियो क्लिप के शुरू होने के बाद से वह कहां तक चली है.

video.hasPart.name

Text

क्लिप का नाम. उदाहरण के लिए, "खींचें और कसें" क्लिप का नाम हो सकता है, जो दिखाता है कि टाई को कैसे खींचना और कसना है.

hasPart.startOffset

Number

सेकंड में क्लिप के शुरू हाेने का समय. इस समय का हिसाब लगाने के लिए देखा जाता है कि वीडियो कहां से शुरू हुई है.

video.hasPart.url

URL

क्लिप के शुरू हाेने के समय के लिए एक लिंक. शुरू हाेने का समय, video.hasPart.startOffset में सेट किए गए मान से मेल खाना चाहिए. उदाहरण के लिए:


"startOffset": 30,
"endOffset": 45,
"url": "http://www.example.com/example&t=30"

HowToSection

HowToSection की पूरी जानकारी schema.org/HowToSection पर दी गई है.

HowToSection टाइप में किसी एक 'कैसे करें' निर्देश के एक सेक्शन के बारे में जानकारी दी गई है. इसमें एक या एक से ज़्यादा चरण शामिल हो सकते हैं. कोई एक काम करने के अलग-अलग तरीके बताने के लिए HowToSection का इस्तेमाल न करें. इसके बजाय, किसी एक तरीके के हिस्से के तौर पर HowToSection का इस्तेमाल करें. किसी एक काम को पूरा करने के कई तरीके दिखाने के लिए, एक से ज़्यादा HowTo ऑब्जेक्ट इस्तेमाल करें. उदाहरण के लिए, एक पंक्चर हुए टायर को बदलने के कई तरीके HowTo ऑब्जेक्ट के तौर पर दिखाए गए हैं, न कि HowToSection ऑब्जेक्ट के तौर पर.

ज़रूरी प्रॉपर्टी
itemListElement HowToStep

इस सेक्शन के लिए ज़्यादा जानकारी वाले चरणों की सूची.

name Text

सेक्शन का नाम.

HowToStep

HowToStep की पूरी जानकारी schema.org/HowToStep पर दी गई है.

HowToStep टाइप में 'कैसे करें' निर्देशों के चरणों को सामान्य टेक्स्ट के तौर पर दिखाया जाता है. इसमें एक इमेज भी हो सकती है.

ज़रूरी प्रॉपर्टी
itemListElement HowToDirection या HowToTip

ज़्यादा जानकारी वाले उप-चरणों की सूची, जिसमें निर्देश या सलाह शामिल हैं.

अगर text का इस्तेमाल किया गया हो, तो यह ज़रूरी नहीं.

text Text

इस चरण के लिए टेक्स्ट के तौर पर दिए गए सभी निर्देश.

अगर itemListElement का इस्तेमाल किया गया हो, तो यह ज़रूरी नहीं. अन्य दिशा-निर्देश:

  • सिर्फ़ निर्देश वाला टेक्स्ट शामिल करें. “दिशा-निर्देश”, “वीडियो देखें”, “पहला चरण” जैसे अन्य टेक्स्ट शामिल न करें. मार्कअप की गई प्रॉपर्टी से बाहर के वाक्यांशों के बारे में बताएं.

    इसका इस्तेमाल करने का सुझाव नहीं दिया जाता

    
    {
      "@type": "HowToStep",
      "text": "Step 1. Drape the tie around your neck."
    }

    सुझाया गया

    
    {
      "@type": "HowToStep",
      "text": "Drape the tie around your neck."
    }
सुझाई गई प्रॉपर्टी
image ImageObject या URL

इस चरण के लिए इमेज. इमेज के लिए दूसरे दिशा-निर्देश:

  • इमेज के यूआरएल ऐसे होने चाहिए जिन्हें क्रॉल और इंडेक्स किया जा सके.
  • इमेज में मार्कअप किया गया कॉन्टेंट दिखना चाहिए.
  • इमेज .jpg, .png या .gif फ़ॉर्मैट में होनी चाहिए.
name Text

ऐसा शब्द या छोटा वाक्यांश जो तरीके के बारे में खास जानकारी देता है (जैसे कि "पोस्ट से तार अटैच करना" या "खोजना"). कम जानकारी वाला टेक्स्ट (जैसे, "पहला चरण: [टेक्स्ट]") या चरण की संंख्या बताने वाले किसी दूसरे तरीके (जैसे, "1. [टेक्स्ट]") का इस्तेमाल न करें.

url URL

URL, जो चरण से सीधे जुड़ा हो (उपलब्ध होने पर). उदाहरण के लिए, ऐंकर लिंक का हिस्सा.

video VideoObject या Clip

इस चरण के लिए वीडियो या वीडियो की क्लिप.

VideoObject के लिए, ज़रूरी और सुझाई गई वीडियो प्रॉपर्टी वाली सूची देखें.

यहां एक उदाहरण दिया गया है, जिसमें VideoObject का इस्तेमाल हुआ है:


{
  "@type": "HowToStep",
  "video": {
    "name": "Drape the tie",
    "description": "Drape the tie.",
    "thumbnailUrl": "https://example.com/photos/photo.jpg",
    "contentUrl": "http://www.example.com/videos/123_600x400.mp4",
    "embedUrl": "http://www.example.com/videoplayer?id=123",
    "uploadDate": "2019-01-05T08:00:00+08:00",
    "duration": "PT12S"
  }
}
          

यहां एक उदाहरण दिया गया है, जिसमें Clip का इस्तेमाल हुआ है:


{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "Build a Trivia Game for the Google Assistant with No Code",
  "video": {
    "@type": "VideoObject",
    "name": "Build a Trivia Game for the Google Assistant with No Code",
    "description": "Learn how to create a Trivia action for Assistant within minutes.",
    "thumbnailUrl": "https://example.com/photos/photo.jpg",
    "contentUrl": "https://www.youtube.com/watch?v=4AOI1tZrgMI",
    "embedUrl": "https://www.youtube.com/embed/4AOI1tZrgMI",
    "uploadDate": "2019-01-05T08:00:00+08:00",
    "duration": "P1MT10S",
    "hasPart": [
      {
        "@type": "Clip",
        "@id": "Clip1",
        "name": "Open Actions on Google Console",
        "startOffset": 29,
        "endOffset": 36,
        "url": "http://www.example.com/example?t=29"
      },
      {
        "@type": "Clip",
        "@id": "Clip2",
        "name": "Select Trivia Template",
        "startOffset": 36,
        "endOffset": 45,
        "url": "http://www.example.com/example?t=36"
      }
    ]
  },
  "step": [
    {
      "@type": "HowToStep",
      "name": "Open Actions on Google Console",
      "video": { "@id": "Clip1" }
    },
    {
      "@type": "HowToStep",
      "name": "Select Trivia Template",
      "video": { "@id": "Clip2" }
    }
  ]
}
          

HowToSupply, HowToTool

HowToSupply और HowToTool की पूरी जानकारी schema.org/HowToSupply और schema.org/HowToTool पर मौजूद है.

HowToSupply और HowToTool का इस्तेमाल HowTo को पूरा करने के लिए किया जाता है. इनके लिए, ज़रूरी और सुझाई गई प्रॉपर्टी एक जैसी हैं.

ज़रूरी प्रॉपर्टी
name Text

सप्लाई या टूल का नाम.

सुझाई गई प्रॉपर्टी
image ImageObject या URL

सप्लाई या टूल की इमेज. इमेज के लिए दूसरे दिशा-निर्देश:

  • इमेज के यूआरएल ऐसे होने चाहिए जिन्हें क्रॉल और इंडेक्स किया जा सके.
  • इमेज में मार्कअप किया गया कॉन्टेंट दिखना चाहिए.
  • इमेज .jpg, .png या .gif फ़ॉर्मैट में होनी चाहिए.

HowToDirection, HowToTip

HowToDirection और HowToTip की पूरी जानकारी schema.org/HowToDirection और schema.org/HowToTip पर मौजूद है.

निर्देशों या सलाह के बारे में बताने के लिए, HowToDirection और HowToTip का इस्तेमाल करें. इनके लिए, ज़रूरी और सुझाई गई प्रॉपर्टी एक जैसी हैं.

ज़रूरी प्रॉपर्टी
text Text

निर्देश या सलाह से जुड़ा टेक्स्ट.

Search Console की मदद से, ज़्यादा बेहतर नतीजों (रिच रिज़ल्ट) पर नज़र रखना

Search Console एक ऐसा टूल है जिसकी मदद से, आप Google Search में अपने पेज की परफ़ॉर्मेंस पर नज़र रख सकते हैं. Google Search के नतीजों में अपनी साइट शामिल कराने लिए, आपको Search Console में साइन अप करने की ज़रूरत नहीं है. हालांकि, इससे आपको यह समझने में मदद मिलेगी कि Google आपकी साइट को कैसे देखता है. साथ ही, इसकी मदद से, आप साइट की परफ़ॉर्मेंस को भी बेहतर बना पाएंगे. हमारा सुझाव है कि आप इन मामलों में Search Console देखें:

  1. पहली बार स्ट्रक्चर्ड डेटा इस्तेमाल करने के बाद
  2. नए टेंप्लेट जारी करने या कोड को अपडेट करने के बाद
  3. समय-समय पर ट्रैफ़िक का विश्लेषण करते समय

पहली बार स्ट्रक्चर्ड डेटा इस्तेमाल करने के बाद

जब Google, आपके पेजों को इंडेक्स कर ले, तब ज़्यादा बेहतर नतीजे की स्थिति वाली रिपोर्ट का इस्तेमाल करके, उन गड़बड़ियों को देखें जिन्हें ठीक करने की ज़रूरत है. आपको सही पेजों की संख्या में बढ़ोतरी दिखेगी और गड़बड़ियों या चेतावनियों में कोई बढ़ोतरी नहीं दिखेगी. अगर आपको स्ट्रक्चर्ड डेटा में गड़बड़ियां मिलती हैं, तो:

  1. गड़बड़ियां ठीक करें.
  2. लाइव यूआरएल की जांच करें और देखें कि गड़बड़ी ठीक हुई या नहीं.
  3. स्थिति की रिपोर्ट का इस्तेमाल करके, पुष्टि करने का अनुरोध करें.

नए टेंप्लेट जारी करने या कोड को अपडेट करने के बाद

जब आप वेबसाइट में, कई ज़रूरी बदलाव करते हैं, तब स्ट्रक्चर्ड डेटा की गड़बड़ियों और चेतावनियों में हुई बढ़ोतरी पर नज़र रखें.
  • अगर आपको गड़बड़ियों में बढ़ोतरी दिखती है, तो हो सकता है कि आपने ऐसा नया टेंप्लेट रोल आउट किया हो जो काम नहीं करता. इसके अलावा, यह भी हो सकता है कि आपकी साइट, मौजूदा टेंप्लेट से नए और खराब तरीके से इंटरैक्ट कर रही हो.
  • अगर आपको मान्य आइटम की संख्या में कमी दिखती है, यानी वह गड़बड़ियों में बढ़ोतरी से मेल नहीं खाती, तो हो सकता है कि अब आप पेजों में स्ट्रक्चर्ड डेटा एम्बेड नहीं कर रहे हैं. गड़बड़ी की वजह जानने के लिए, यूआरएल जांचने वाले टूल का इस्तेमाल करें.

समय-समय पर ट्रैफ़िक का विश्लेषण करना

परफ़ॉर्मेंस रिपोर्ट का इस्तेमाल करके, Google Search से आने वाले ट्रैफ़िक का विश्लेषण करें. आपको डेटा से पता चलेगा कि आपका पेज Search में, रिच रिज़ल्ट के तौर पर कितनी बार दिखता है. साथ ही, यह भी पता चलेगा कि उयोगकर्ता उस पर कितनी बार क्लिक करते हैं और खोज के नतीजों में आपकी साइट के दिखने की औसत रैंक क्या है. आप इन नतीजों को Search Console API की मदद से, अपने-आप भी देख सकते हैं.

समस्या को हल करना

अगर आपको स्ट्रक्चर्ड डेटा लागू करने या डीबग करने में कोई समस्या आ रही है, तो आप यहां दिए गए रिसॉर्स की मदद ले सकते हैं.