मेटाडेटा

वे head टैग जो प्रत्येक पृष्ठ रेंडर करता है — title, description, canonical, Open Graph और X कार्ड टैग — और उन्हें frontmatter से प्रति पृष्ठ कैसे ओवरराइड करें।

प्रत्येक पृष्ठ आपके कॉन्फ़िग और frontmatter से मानक <head> टैग रेंडर करता है — किसी कॉन्फ़िगरेशन की आवश्यकता नहीं। जहाँ किसी मान को समायोजित किया जा सकता है, वह blume.config.ts में seo कुंजी के अंतर्गत या किसी पृष्ठ के frontmatter में seo के अंतर्गत रहता है।

• <title> — पृष्ठ का शीर्षक और साथ में आपकी साइट का title।
• <meta name="description"> और og:description — पृष्ठ का description, जो साइट के description पर वापस चला जाता है।
• og:title और og:site_name — पृष्ठ का शीर्षक और आपकी साइट का title।
• <link rel="canonical"> और og:url — पृष्ठ का पूर्ण URL (जब deployment.site सेट हो)।
• og:type — ब्लॉग पोस्ट और चेंजलॉग प्रविष्टियों पर article, अन्यत्र website। लेख पृष्ठ पृष्ठ के date और अंतिम-संशोधित टाइमस्टैम्प से article:published_time और article:modified_time भी उत्सर्जित करते हैं।
• og:image — पृष्ठ के लिए OG छवि। एक जनित कार्ड अपने og:image:width, og:image:height, og:image:type, और og:image:alt की घोषणा भी करता है, ताकि क्रॉलर पहले उसे प्राप्त किए बिना कार्ड का लेआउट तैयार कर सके; आपके द्वारा स्वयं दी गई seo.image इनमें से कोई भी घोषित नहीं करती, क्योंकि उसका आकार और प्रारूप अज्ञात होता है।
• twitter:card, twitter:title, twitter:description, twitter:image — X कार्ड। छवि वाले पृष्ठों को चौड़ा summary_large_image संस्करण मिलता है; छवि रहित पृष्ठों को फिर भी सघन summary कार्ड मिलता है, न कि वे केवल एक सादे लिंक के रूप में रेंडर होते हैं।

X श्रेय

X कार्ड की बाकी सारी जानकारी og:* टैग से पढ़ता है, इसलिए केवल वही मान हैं जिनका वह अनुमान नहीं लगा सकता — वे खाते जिन्हें श्रेय देना है। उन्हें seo.x के अंतर्गत सेट करें और Blume twitter:site (आपकी साइट का खाता) तथा twitter:creator (लेखक का खाता) उत्सर्जित करता है। @ वैकल्पिक है — acme और @acme दोनों काम करते हैं।

seo: {
  x: { handle: "@acme", creator: "@jane" },
}

कोई पृष्ठ अपना स्वयं का लेखक घोषित कर सकता है, जो अतिथि पोस्ट के लिए उपयुक्त है:

---
title: How we shipped it
seo:
  x:
    creator: "@guestauthor"
---

आपके अपने टैग

जिस किसी चीज़ के लिए Blume में कोई सेटिंग नहीं है, उसके लिए seo.metatags के अंतर्गत टैग जोड़ें और प्रत्येक पृष्ठ उन्हें शामिल करेगा, जिनमें कस्टम पृष्ठ और API संदर्भ भी सम्मिलित हैं। यह Google, Bing, या Facebook के साइट-सत्यापन टोकन, किसी theme-color, या किसी ऐप बैनर के लिए उपयुक्त है:

seo: {
  metatags: {
    "google-site-verification": "abc123",
    "msvalidate.01": "def456",
    "theme-color": "#0b5fff",
    "apple-itunes-app": "app-id=123456789",
  },
}

प्रत्येक कुंजी टैग का नाम है और प्रत्येक मान उसकी सामग्री। Open Graph परिवार (og:, fb:, article:, और शेष) property के साथ रेंडर होते हैं, जैसा कि प्रोटोकॉल उन्हें नामित करता है, और बाकी सब कुछ name के साथ। जो टैग Blume स्वयं लिखता है, और जो इस पृष्ठ के शीर्ष पर सूचीबद्ध हैं, उन्हें यहाँ सेट नहीं किया जा सकता, ताकि किसी पृष्ठ पर एक ही टैग के कभी दो मान न हों। बिल्ड प्रत्येक टैग को नियंत्रित करने वाली सेटिंग का नाम बताता है: og:image seo.og या किसी पृष्ठ की seo.image से आता है, और robots किसी पृष्ठ की seo.noindex से।

प्रति-पृष्ठ ओवरराइड

seo frontmatter के साथ अन्य किसी भी टैग को प्रति पृष्ठ ओवरराइड करें:

---
title: Pricing
description: Plans and pricing for every team size.
seo:
  title: Plans and pricing
  canonical: https://acme.com/pricing
  noindex: false
---

एक noindex पृष्ठ साइटमैप से भी बाहर हो जाता है और संरचित डेटा को छोड़ देता है।