हुगो में संरचित डेटा मार्कअप जोड़ें

यदि हुगो थीम संरचित डेटा का समर्थन नहीं करती...

Page content

गूगल खोज परिणामों में कुछ बढ़िया सुविधाएं जैसे फिल्म विवरण, नौकरी अपनाए गए विवरण, घटना और कोर्स जानकारी दिखा रहा है, जो वेबसाइट से लिया गया है संरचित डेटा। यहां है - साइट को हुगो जनरेटर के उपयोग से संरचित डेटा जोड़े

नीचे एक उदाहरण है जो गूगल खोज परिणामों में रेसिपी संरचित डेटा के रूप में दिखता है। गूगल खोज परिणामों में रेसिपी संरचित डेटा

नीचे आपके पृष्ठ में ऐसा जोड़ने के लिए चरण हैं। आवश्यकता है कि

  • पृष्ठ के फ्रंट मैटर जोड़ें
  • साइट पार्टिकल लेआउट कोड जोड़ें
  • हुगो वेबसाइट जनरेट, जांच और तैनात करें
  • संरचित डेटा के साथ गूगल डेव टूल्स के साथ परीक्षण करें

रेसिपी संरचित डेटा का वर्णन https://developers.google.com/search/docs/appearance/structured-data/recipe में किया गया है।

एक उदाहरण के रूप में मैं एफएक्यू संरचित डेटा को वेबपेज में जोड़ने के तरीके को दिखा रहा हूं।

पृष्ठ के फ्रंट मैटर जोड़ें

अपने पृष्ठ मार्कडाउन कोड को खोलें और अगर आप टोम्ल के फ्रंट मैटर में उपयोग कर रहे हैं तो एफएक्यू संरचित डेटा के साथ इस कोड को जोड़ें


[faq]
title = "यह एफएक्यू का शीर्षक है"
[[faq.section]]
question = "हम धुंधले नाविक के साथ क्या करेंगे?"
answer = "उसके पेट को एक जंगला रेजर के साथ शेव करें"
+++

और अगर आप याम्ल के उपयोग कर रहे हैं तो इस कोड को जोड़ें

faq:
  title: 'यह एफएक्यू का शीर्षक है'
  section: [{question: 'हम धुंधले नाविक के साथ क्या करेंगे?', answer: 'उसके पेट को एक जंगला रेजर के साथ शेव करें।'}]
---

साइट पार्टिकल लेआउट कोड जोड़ें

कहीं भी पार्टिकल लेआउट में struct-data.html जोड़ें:

{{- if eq .Kind "page" }}
  {{- if $.Page.Params.faq.title -}}
    {{ `<script type="application/ld+json">` | safeHTML }}
      {
          "@context": "https://schema.org",
          "@type": "FAQPage",
          "mainEntity": [
          {{ with $.Page.Params.faq }}
              {{ $len := len .section }}
              {{ range $index, $element := .section }}
                  {{ $jsonAnswer := .answer | markdownify | jsonify }}
                  {{ $jsonAnswer := replace $jsonAnswer "\\u003c" "<"}}
                  {{ $jsonAnswer := replace $jsonAnswer "\\u003e" ">"}}
                  {
                      "@type": "Question",
                      "name": "{{ .question | markdownify }}",
                      "acceptedAnswer": {
                      "@type": "Answer",
                      "text": {{ $jsonAnswer | safeHTML }}
                      }
                  }
                  {{ if not (eq (add $index 1) $len) }},{{ end }}
              {{ end }}
          {{ end }}
          ]
      }
    {{ `</script>` | safeHTML }}
  {{- end }}
{{- end }}

और इसे हेड खंड में शामिल करें

	{{- partial "struct-data.html" . -}}
</head>

जनरेट, जांच और हुगो वेबसाइट तैनात करें

चलाएं

hugo

फिर public में अपने ताजा जनरेट किए गए पृष्ठ फ़ाइल को ढूंढें और खोलें।

एचटीएमएल पृष्ठ के हेड खंड में आपको कुछ ऐसा दिखाई देना चाहिए

<script type="application/ld+json">
      {
          "@context": "https://schema.org",
          "@type": "FAQPage",
          "mainEntity": [
                  {
                      "@type": "Question",
                      "name": "हम धुंधले नाविक के साथ क्या करेंगे?",
                      "acceptedAnswer": {
                      "@type": "Answer",
                      "text": "उसके पेट को एक जंगला रेजर के साथ शेव करें।"
                      }
                  }
          ]
      }
    </script>

अच्छा नहीं है?

संरचित डेटा के साथ वेबसाइट के परीक्षण

गूगल के संरचित डेटा के परीक्षण करें: https://developers.google.com/search/docs/appearance/structured-data

स्कीमा वैधकर्ता -> कोड खंड के लिए जाएं

ऊपर से अपने खंड को पेस्ट करें, Run Test पर क्लिक करें और वोइ ला:

सत्यापित एफएक्यू खंड के स्क्रीनशॉट

बधाई हो, यह काम कर रहा है। आप अपनी वेबसाइट को उदाहरण के रूप में एएसएस एस3 में तैनात कर सकते हैं और गूगल खोज कंसोल में देख सकते हैं कि क्या यह आपके संरचित डेटा के रूप में एक सुविधा के रूप में देखता है।

उपयोगी लिंक