Nasıl yapılır sayfalarınızı yapılandırılmış verilerle işaretleme

Google’a içeriğinizin nasıl yapılır bilgisi içerdiğini açıkça belirtmek için HowTo yapılandırılmış verilerini kullanın. Nasıl yapılır, bir görevi başarıyla tamamlamak için gerçekleştirmeleri gereken bir dizi adımda kullanıcılara yol gösterir ve video, resim ve metin içerebilir. Örneğin, "Kravat nasıl bağlanır" veya "Mutfak fayansı nasıl döşenir?" Nasıl yapılır bilgilerinizdeki her adımın sırayla okunması gerekiyorsa bu, HowTo yapılandırılmış verilerinin içeriğinize fayda sağlayabileceğini gösterir. Sayfanızın asıl konusu nasıl yapılır bilgileri vermekse HowTo yapılandırılmış verileri uygundur.

Düzgün biçimde işaretlenmiş "nasıl yapılır" sayfaları Arama'da zengin sonuç görüntülemeye ve sitenizin doğru kullanıcılara ulaşmasına yardımcı olabilecek Google Asistan'da İşlem'e uygun olabilir.

Yapılandırılmış veri ekleme

Yapılandırılmış veriler, bir sayfa hakkında bilgi sağlamak ve sayfa içeriğini sınıflandırmak için kullanılan standart bir biçimdir. Yapılandırılmış veriler konusunda yeniyseniz yapılandırılmış verilerin nasıl çalıştığı hakkında daha fazla bilgi edinebilirsiniz.

Aşağıda, yapılandırılmış verilerin nasıl oluşturulacağı, test edileceği ve yayınlanacağı hakkında bir genel bakış sunulmuştur. Bir web sayfasına yapılandırılmış verinin nasıl ekleneceği hakkında adım adım açıklamalı kılavuz için yapılandırılmış veri codelab'e göz atın.

  1. Zorunlu özellikleri ekleyin. Yapılandırılmış verinin sayfada nereye yerleştirileceği hakkında bilgi için JSON-LD structured data: Where to insert on the page (JSON-LD yapılandırılmış veri: Sayfada yerleştirilecek yer) başlıklı videoyu izleyin.
  2. Yönergeleri uygulayın.
  3. Zengin Sonuçlar Testini kullanarak kodunuzu doğrulayın.
  4. Yapılandırılmış verilerinizi içeren birkaç sayfa dağıtıp Google'ın sayfayı nasıl gördüğünü test etmek için URL Denetleme aracını kullanın. Google'ın sayfanıza erişebildiğinden ve bir robots.txt dosyası, noindex etiketi veya giriş gereksinimleri tarafından engellenmediğinden emin olun. Sayfa düzgün görünüyorsa Google'dan URL'lerinizi yeniden taramasını isteyebilirsiniz.
  5. İleride yapılacak değişiklikler konusunda Google'a bilgi vermeye devam etmek için site haritası gönderin. Bu işlemi Search Console Site Haritası API'si ile otomatikleştirebilirsiniz.

Özelliğin kullanılabilirliği

Nasıl yapılır zengin sonuçları, şu anda Google Arama’nın kullanılabildiği tüm dillerde ve ülkelerde kullanılabilir. Bu özellik masaüstünde değil, yalnızca mobil cihazlarda kullanılabilir.

Örnekler

İçeriğinizin Nasıl Yapılır zengin sonuçlarında nasıl görünebileceğine dair bazı örnekleri burada bulabilirsiniz. Nasıl yapılır bilgileriniz, tamamlanmış bir nasıl yapılır resmini ve adım başına bir resim içeriyorsa daha görsel bir varyant görüntülenebilir. Nasıl yapılır bilginizin Google Arama'da en etkili şekilde gösterilebilmesi için mümkün olduğunca çok zorunlu ve önerilen özellik eklediğinizden emin olun.

Standart Nasıl yapılır zengin sonucu

Standart Bir Nasıl Yapılır Zengin Sonucunun Resmi
JSON-LD

JSON-LD kullanarak hazırlanan metin tabanlı bir nasıl yapılır sayfası örneğini burada bulabilirsiniz. Örnek yalnızca nasıl yapılır sayfasının son durumunu gösteren bir resim içermektedir. Bu sonuçta, kullanıcılar bazı adımlar için içeriğin önizlemesini görebilir.

<html>
  <head>
    <title>How to tile a kitchen backsplash</title>
    <script type="application/ld+json">
    {
      "@context": "http://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>
Mikro Veri

Mikro veri kullanarak hazırlanan metin tabanlı bir nasıl yapılır sayfası örneğini burada bulabilirsiniz. Örnek yalnızca nasıl yapılır sayfasının son durumunu gösteren bir resim içermektedir. Bu sonuçta, kullanıcılar bazı adımlar için içeriğin bir önizlemesini görebilirler.

<html>
<head>
<title>How to tile a kitchen backsplash</title>
</head>
<body>
<div itemscope itemtype="http://schema.org/HowTo">
  <strong><span itemprop="name">How to tile a kitchen backsplash</span></strong>
  <div>About <span itemprop="estimatedCost" itemscope itemtype="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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>

Her adım için resimler içeren Nasıl yapılır zengin sonucu

Görsel Bir Nasıl Yapılır Zengin Sonucunun Resmi
JSON-LD

JSON-LD kodu kullanılarak hazırlanan ve her adım için resimler içeren bir nasıl yapılır sayfası örneğini burada bulabilirsiniz. Her adım için bir resim olduğunda, kullanıcılar resim bandı olan bir önizleme görebilir.

<html>
  <head>
    <title>How to tie a tie</title>
    <script type="application/ld+json">
    {
      "@context": "http://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>
Mikro Veri

Mikro veri kullanılarak hazırlanan ve her adım için resimler içeren bir nasıl yapılır sayfası örneğini burada bulabilirsiniz. Her adım için bir resim olduğunda, kullanıcılar resim bandı olan bir önizleme görebilir.

<html>
<head>
<title>How to tie a tie</title>
</head>
<body>
<div itemscope itemtype="http://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="http://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="http://schema.org/HowToSupply">A tie</div>
  <div itemprop="supply" itemtype="http://schema.org/HowToSupply">A collared Shirt</div>
  <div itemprop="tool" itemtype="http://schema.org/HowToTool">A mirror</div>
  <div>
    <div id="step1" itemprop="step" itemscope itemtype="http://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="http://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="http://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="http://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="http://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>

Video içeren Nasıl yapılır zenginleştirme sonucu

JSON-LD

JSON-LD kodu kullanılarak hazırlanan ve metin, resim ve video kliplerin karışık olarak kullanıldığı bir nasıl yapılır sayfası örneğini burada bulabilirsiniz.

<html>
  <head>
    <title>How to create a Trivia action</title>
    <script type="application/ld+json">
    {
      "@context": "http://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>
Mikro Veri

Mikro Veri kullanılarak hazırlanan ve metin, resim ve video kliplerin karışık olarak kullanıldığı bir nasıl yapılır sayfası örneğini burada bulabilirsiniz.

<html>
<head>
<title>How to create a Trivia action</title>
</head>
<body>
<div itemscope itemtype="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://schema.org/HowToStep">
    <div itemprop="name">Feed your content</div>
    <div itemprop="itemListElement" itemscope itemtype="http://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="http://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="http://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="http://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="http://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>

Yönergeler

Sayfanızın Nasıl yapılır zengin sonuçlarına ve Google Asistan için Nasıl Yapılır İşlemine uygun olması amacıyla aşağıdaki yönergeleri uygulamanız gerekir:

İçerik yönergeleri

  • Reklamcılık: HowTo yapılandırılmış verilerini reklamcılık amacıyla kullanmayın.
  • Uygun Olmayan İçerik: İçerik müstehcen, küfürlü, cinsel içerikliyse veya şiddet içeriyorsa ya da tehlikeli veya yasa dışı faaliyetleri tanıtıyor ya da nefret söylemi veya taciz edici bir dil barındırıyorsa Nasıl yapılır zengin sonuçları görüntülenemez.
  • Kaynak: Kullanıcılar, tüm HowTo içeriğini kaynak sayfada görebilmelidir. Nasıl yapılır, kaynak sayfanın ana odak noktası olmalıdır. Belirli bir sayfa için birden fazla HowTo eklemeyin.
  • Malzemeler ve Araçlar: Görevi tamamlamak için gereken tüm malzemelere ve araçlara yapılandırılmış veriler ekleyin.
  • Adımlar: Her HowToStep, kaynak adımın tüm içeriğini barındırmalıdır. Özet veya giriş bölümü gibi adım dışı verileri, adım olarak işaretlemeyin.
  • Adım resimleri: Adımlar en iyi görsel bir şekilde açıklanabiliyorsa, bu adımlardaki her bir HowToStep için resimlerin işaretlendiğinden emin olun. Yalnızca her adıma ait talimatların gösterildiği resimlerini işaretleyin. Bir resmi, aynı Nasıl yapılır için birden fazla adımda kullanmayın. Sayfanızdaki içeriğe karşılık gelen aynı resimleri kullanın. Nasıl yapılır içeriğini yansıtmayan resimler veya zengin sonucu optimize etmek için farklı resimler kullanmayın.
  • Son resim: Nihai sonuç bir resim tarafından doğru bir şekilde açıklanabiliyorsa bu resmin sayfada bulunduğundan ve HowTo işaretlemenizin image özelliğini kullanarak bu resmi içerdiğinden emin olun. Bu resim, son adım için işaretlenen ile aynı olabilir.
  • İçerik: Yemek tarifleri için HowTo işaretlemesini kullanmayın. Onun yerine, yemek tarifleri Recipe structured data kullanmalıdır. Belirli bir talimatlar dizisi olmayan makaleler ve genel tavsiye içeriği, HowTo işaretlemesi için uygun değildir.

Yapılandırılmış veri türü tanımları

İçeriğinizin zengin sonuç olarak görüntülenmeye uygun olması için gereken özellikleri eklemeniz gerekir. Yapılandırılmış verilerinize daha fazla bilgi ekleyerek daha iyi bir kullanıcı deneyimi sağlamak için önerilen özellikleri de dahil edebilirsiniz.

HowTo

HowTo öğesinin tam tanımını schema.org/HowTo adresinde bulabilirsiniz.

HowTo türü, sayfanın nasıl yapılır bilgisi içerdiğini belirtir. Her sayfa için bir HowTo türü tanımı olmalıdır.

Zorunlu özellikler
name

Text

Nasıl yapılır sayfasının başlığı. Örneğin, "Kravat nasıl bağlanır?".

step HowToStep veya HowToSection

Nasıl yapılır talimatlarının tamamını içeren bir HowToStep öğeleri dizisi. Her step öğesi, talimatlardaki tek bir adıma karşılık gelmelidir. Bu özelliği kullanarak, özet veya giriş bölümü gibi adım olmayan verileri işaretlemeyin. Örneğin:

  • Her bir HowToStep öğesinin text değerini ayarlayarak her adımın tam metnini belirtebilirsiniz. Adım başlığı name olarak verilmiş bir image ve url isteğe bağlıdır ancak isteğe bağlı özellikler arama sonucunun zengin sunumuna katkıda bulunabildiğinden, önerilir.
  • Karmaşık adımlar için bir adım name kodu sağlayıp ayrı ayrı alt adımları HowToDirection veya HowToTip ile listeleyebilirsiniz.

Bu HowTo öğesinin tüm talimatlarını içeren bir HowToSection öğeleri dizisi. Örneğin:

Önerilen özellikler
description

Text

Bir nasıl yapılır açıklaması.

estimatedCost MonetaryAmount veya Text

Talimatlar gerçekleştirilirken tüketilen malzemelerin tahmini maliyeti.

image ImageObject veya URL

Tamamlanan nasıl yapılır görevinin resmi. Ek resim yönergeleri:

supply HowToSupply veya Text

Talimatlar veya bir tarif gerçekleştirilirken tüketilen bir malzeme.

tool HowToTool veya Text

Talimatlar veya bir tarif gerçekleştirilirken kullanılan (ancak tüketilmeyen) bir nesne.

totalTime Duration

Tüm talimatları veya tarifleri (malzemeleri hazırlama süresi dahil) gerçekleştirmek için gereken toplam sürenin ISO 8601 süresi biçimindeki belirtimi.

video VideoObject

Bir nasıl yapılır videosu. Zorunlu ve önerilen Video özelliklerinin listesine uyun. Videonun adımlarını hasPart ile işaretleyin.

video.hasPart

Clip

Tam videonun parçası olan bir video klip.

video.hasPart.endOffset

Number

Klibin bitiş zamanı, videonun başlangıcından itibaren saniye sayısı olarak ifade edilir.

video.hasPart.name

Text

Klibin adı. Örneğin, bir kravatın nasıl çekilip sıkılacağını gösteren klibin adı "Çek ve sık" olabilir.

hasPart.startOffset

Number

Klibin başlangıç zamanı, videonun başlangıcından itibaren saniye sayısı olarak ifade edilir.

video.hasPart.url

URL

Klibin başlangıç zamanı bağlantısı. Başlangıç zamanı, video.hasPart.startOffset öğesinde ayarlanan değerle eşleşmelidir. Örneğin:


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

HowToSection

HowToSection öğesinin tam tanımını schema.org/HowToSection adresinde bulabilirsiniz.

HowToSection türü, tek bir nasıl yapılır görevinin bir bölümünü tanımlar ve bir veya daha fazla adım içerir. Bir görevi tamamlamak üzere farklı çözümler tanımlamak için HowToSection öğesini kullanmayın; bunun yerine, HowToSection öğesini tek bir çözümün parçası olarak kullanın. Bir görevi tamamlamayı sağlayan birden fazla yol listelemek için birden çok HowTo nesnesi kullanın. Örneğin, patlak bir lastiği değiştirmenin birden fazla yolu, HowToSection nesneleri olarak değil, birden fazla HowTo nesnesi olarak listelenir.

Zorunlu özellikler
itemListElement HowToStep

Bölümle ilgili ayrıntılı adımların bir listesi.

name Text

Bölümün adı.

HowToStep

HowToStep öğesinin tam tanımını schema.org/HowToStep adresinde bulabilirsiniz.

HowToStep türü, bir nasıl yapılır görevindeki basit metin adımını tanımlar ve bir resim içerebilir.

Zorunlu özellikler
itemListElement HowToDirection veya HowToTip

Tarifler veya ipuçları dahil olmak üzere ayrıntılı alt adımların listesi.

text kullanılıyorsa isteğe bağlıdır.

text Text

Bu adımla ilgili tam talimat metni.

itemListElement kullanılıyorsa isteğe bağlıdır. Ek kurallar:

  • Yalnızca talimat metni ekleyin ve "Talimatlar", "Videoyu izleyin", "1. Adım" gibi başka metinler eklemeyin. Bu kelime öbeklerini, işaretlenmiş özelliğin dışında belirtin.
Önerilen özellikler
image ImageObject veya URL

Adımla ilgili bir resim. Ek resim yönergeleri:

name Text

Adımı özetleyen kelime veya kısa kelime öbeği (Örneğin, "Kabloları direğe bağlayın" veya "Kazın"). Açıklayıcı olmayan metinler (örneğin, “Adım 1: [metin]”) veya başka bir adım numarası biçimi (örneğin, "1. [metin]") kullanmayın.

url URL

Doğrudan adıma bağlanan bir URL (varsa). Örneğin, bir sabit bağlantı parçası.

video VideoObject veya Clip

Bu adım için bir video veya videonun bir klibi.

VideoObject için, zorunlu ve önerilen Video özelliklerinin listesine uyun.

HowToSupply, HowToTool

HowToSupply ve HowToTool öğelerinin tam tanımlarını schema.org/HowToSupply ve schema.org/HowToTool adreslerinde bulabilirsiniz.

HowToSupply ve HowToTool, HowTo öğesini tamamlamak için kullanılır. Aynı zorunlu ve önerilen özelliklere sahiptirler.

Zorunlu özellikler
name Text

Malzeme veya aracın adı.

Önerilen özellikler
image ImageObject veya URL

Malzeme veya aracın bir resmi. Ek resim yönergeleri:

HowToDirection, HowToTip

HowToDirection ve HowToTip öğelerinin tam tanımlarını schema.org/HowToDirection ve schema.org/HowToTip adreslerinde bulabilirsiniz.

Tarifleri veya ipuçlarını açıklamak için HowToDirection ve HowToTip öğelerini kullanın. Aynı zorunlu ve önerilen özelliklere sahiptirler.

Zorunlu özellikler
text Text

Tarifin veya ipucunun metni.

Search Console ile zengin sonuçları izleme

Search Console, sayfalarınızın Google Arama'daki performansını izlemenize yardımcı olan bir araçtır. Google Arama sonuçlarına dahil olmak için Search Console'a kaydolmanız gerekmez, ancak Google'ın sitenizi nasıl gördüğünü anlamanıza ve iyileştirmenize yardımcı olabilir. Aşağıdaki durumlarda Search Console'u kontrol etmenizi öneririz:

  1. Yapılandırılmış verileri ilk kez dağıttıktan sonra
  2. Yeni şablonlar yayınladıktan veya kodunuzu güncelledikten sonra
  3. Düzenli olarak trafiği analiz etmek için

Yapılandırılmış verileri ilk kez dağıttıktan sonra

Google sayfalarınızı dizine ekledikten sonra, ilgili Zengin sonuç durum raporunu kullanarak sorunları arayın. İdeal olan, geçerli sayfaların sayısı artarken hatalarda veya uyarılarda artış görmemenizdir. Yapılandırılmış verilerinizde sorun bulursanız:

  1. Hataları düzeltin.
  2. Sorunun devam edip etmediğini kontrol etmek için yayındaki URL'yi inceleyin.
  3. Durum raporunu kullanarak doğrulama isteğinde bulunun.

Yeni şablonlar yayınladıktan veya kodunuzu güncelledikten sonra

Web sitenizde önemli değişiklikler yaptığınızda yapılandırılmış veri hatalarında ve uyarılarda artış olup olmadığını izleyin.
  • Hata sayısında bir artış görürseniz çalışmayan yeni bir şablonu kullanıma sunmuş olabilirsiniz veya siteniz mevcut şablonla yeni ve kötü bir şekilde etkileşime giriyor olabilir.
  • Geçerli öğelerde azalma görüyorsanız (hatalardaki artışla eşleşmeyen), artık sayfalarınıza yapılandırılmış veri yerleştirmiyor olabilirsiniz. Soruna neyin neden olduğunu öğrenmek için URL Denetleme aracını kullanın.

Düzenli olarak trafiği analiz etme

Performans Raporu'nu kullanarak Google Arama trafiğinizi analiz edin. Veriler, sayfanızın Arama'da ne sıklıkta zengin sonuç olarak göründüğünü, kullanıcıların bu zengin sonucu ne sıklıkta tıkladığını ve arama sonuçlarında göründüğünüz ortalama konumu gösterir. Bu sonuçlara Search Console API'si ile otomatik olarak da ulaşabilirsiniz.

Sorun giderme

Yapılandırılmış verileri uygulamada sorun yaşıyorsanız size yardımcı olabilecek bazı kaynaklar aşağıda verilmiştir.