हुगो में संरचित डेटा मार्कअप जोड़ें
यदि हुगो थीम संरचित डेटा का समर्थन नहीं करती...
गूगल खोज परिणामों में कुछ बढ़िया सुविधाएं जैसे फिल्म विवरण, नौकरी अपनाए गए विवरण, घटना और कोर्स जानकारी दिखा रहा है, जो वेबसाइट से लिया गया है संरचित डेटा। यहां है - साइट को हुगो जनरेटर के उपयोग से संरचित डेटा जोड़े।
नीचे एक उदाहरण है जो गूगल खोज परिणामों में रेसिपी संरचित डेटा के रूप में दिखता है।
नीचे आपके पृष्ठ में ऐसा जोड़ने के लिए चरण हैं। आवश्यकता है कि
- पृष्ठ के फ्रंट मैटर जोड़ें
- साइट पार्टिकल लेआउट कोड जोड़ें
- हुगो वेबसाइट जनरेट, जांच और तैनात करें
- संरचित डेटा के साथ गूगल डेव टूल्स के साथ परीक्षण करें
रेसिपी संरचित डेटा का वर्णन 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 में तैनात कर सकते हैं और गूगल खोज कंसोल में देख सकते हैं कि क्या यह आपके संरचित डेटा के रूप में एक सुविधा के रूप में देखता है।
उपयोगी लिंक
- हुगो टिप्स शीट
- मार्कडाउन टिप्स शीट- मेनरोड हुगो थीम में छवियों के संचालन: मेनरोड थीम छवि संचालन
- हुगो जनरेट किए गए वेबसाइट को एएसएस एस3 में तैनात करें
- मुल्ड वाइन रेसिपी
- धुंधले नाविक के साथ अन्य अद्भुत चीजों के बारे में एक गीत: https://en.wikipedia.org/wiki/Drunken_Sailor
- हुगो वेबसाइट में गूगल फॉर्म भरें
- मेनरोड हुगो थीम में छवियों के संचालन: मेनरोड थीम छवि संचालन
- हुगो के लिए सबसे लोकप्रिय थीम
- गिटेआ एक्शन के उपयोग से हुगो वेबसाइट को एएसएस एस3 में तैनात करें
- हुगो साइट में मेनरोड थीम के साथ पृष्ठ बंडल फ़ोल्डर में थंबनेल छवियों के संग्रहण कैसे करें