spinny:~/writing $ less nextjs-technical-seo.md
12तकनीकी SEO यह सुनिश्चित करने के लिए महत्वपूर्ण है कि आपकी Next.js साइट आसानी से इंडेक्स हो, तेज़ हो और खोज परिणामों में प्रतिस्पर्धी हो। यह गाइड रणनीतियों, टूल्स और व्यावहारिक स्निपेट्स को कवर करता है जो आपकी SEO को अगले स्तर तक ले जाने में मदद करेंगे, विशेष रूप से बहुभाषी साइटों पर ध्यान केंद्रित करते हुए।34## 1. डायनामिक मेटा टैग्स और ओपन ग्राफ56Next.js 13+ डायनामिक मेटा टैग्स को `generateMetadata` फ़ंक्शन के माध्यम से केंद्रीकृत रूप से प्रबंधित करने की अनुमति देता है:78```tsx9export async function generateMetadata({ params }) {10 const { locale } = await params;11 const t = await getTranslations({ locale, namespace: 'common' });12 return {13 title: t('title'),14 description: t('description'),15 openGraph: {16 title: t('title'),17 description: t('description'),18 images: ['/public/placeholder.svg'],19 },20 icons: {21 icon: '/favicon.ico',22 },23 };24}25```2627> **टिप:** प्रत्येक भाषा और पेज के लिए मेटा टैग्स को डायनामिक अनुवादों का उपयोग करके अपडेट करना न भूलें।2829## 2. स्वचालित साइटमैप और robots.txt3031साइटमैप और robots.txt उत्पन्न करने के लिए [next-sitemap](https://www.npmjs.com/package/next-sitemap) का उपयोग करें:3233```bash34npm install next-sitemap35```3637भाषाओं का समर्थन करने के लिए `next-sitemap.config.js` कॉन्फ़िगर करें:3839```js40module.exports = {41 siteUrl: 'https://spinny.dev',42 generateRobotsTxt: true,43 i18n: {44 locales: [45 'it',46 'en',47 'fr',48 'de',49 'es',50 'ar',51 'hi',52 'ja',53 'zh',54 'pt',55 'bn',56 'ru',57 'id',58 'ur',59 'ko',60 'tr',61 'vi',62 'th',63 'pl',64 ],65 defaultLocale: 'it',66 },67};68```6970> **अतिरिक्त टूल:** उन्नत मेटा टैग और संरचित डेटा प्रबंधन के लिए [next-seo](https://github.com/garmeeh/next-seo) आज़माएं।7172## 3. अंतर्राष्ट्रीयकरण (i18n) और बहुभाषी SEO7374Next.js स्थानीयकृत रूट्स का समर्थन करता है। याद रखें:7576- प्रत्येक भाषा के लिए `hreflang` टैग का उपयोग करें।77- बहुभाषी साइटमैप उत्पन्न करें।78- मेटा टैग्स का अनुवाद करें।7980`hreflang` टैग का उदाहरण:8182```tsx83<link rel="alternate" href="https://spinny.dev/it" hreflang="it" />84<link rel="alternate" href="https://spinny.dev/en" hreflang="en" />85```8687> **सर्वोत्तम प्रथाएं:** हमेशा एक दृश्य भाषा चयनकर्ता प्रदान करें और URL की संगति बनाए रखें।8889## 4. प्रदर्शन और कोर वेब वाइटल्स9091- अनुकूलित छवियों के लिए Next.js `<Image />` का उपयोग करें।92- लेज़ी लोडिंग सक्षम करें।93- [Lighthouse](https://developers.google.com/web/tools/lighthouse) और [Vercel Analytics](https://vercel.com/analytics) के साथ विश्लेषण करें।94- अप्रयुक्त जावास्क्रिप्ट और CSS को न्यूनतम करें।95- Vercel के कैश और CDN का लाभ उठाएं।9697## 5. संरचित डेटा (JSON-LD)9899रिच स्निपेट्स में दृश्यता बढ़ाने के लिए संरचित डेटा जोड़ें:100101```tsx102<script103 type="application/ld+json"104 dangerouslySetInnerHTML={{105 __html: JSON.stringify({106 '@context': 'https://schema.org',107 '@type': 'BlogPosting',108 headline: 'Next.js डेवलपर्स के लिए तकनीकी SEO',109 datePublished: '2025-07-28',110 author: { '@type': 'Person', name: 'Filippo Spinella' },111 inLanguage: 'hi',112 }),113 }}114/>115```116117> **टिप:** यदि लागू हो, तो ब्रेडक्रंब, लेख और उत्पादों के लिए संरचित डेटा भी शामिल करें।118119## 6. त्रुटि प्रबंधन और कस्टम 404 पेज120121प्रत्येक भाषा के लिए एक स्थानीयकृत `not-found.tsx` पेज बनाएं। यह उपयोगकर्ता अनुभव और SEO में सुधार करता है।122123> **टिप:** 500 और सर्वर त्रुटि पेज को भी अनुकूलित करें।124125## 7. उपयोगी टूल्स126127- **next-sitemap**: साइटमैप और robots.txt128- **next-seo**: उन्नत मेटा टैग प्रबंधन129- **Google Search Console**: SEO निगरानी130- **Ahrefs Webmaster Tools**: तकनीकी विश्लेषण131- **Screaming Frog**: उन्नत क्रॉलिंग टूल्स132- **Mermaid**: SEO प्रवाह और आर्किटेक्चर को विज़ुअलाइज़ करने के लिए133134## 8. निगरानी और विश्लेषण135136Google Analytics, Vercel Analytics को एकीकृत करें और कोर वेब वाइटल्स की निगरानी करें।137138- [Google Tag Manager](https://tagmanager.google.com/) का उपयोग करके टैग का केंद्रीकृत प्रबंधन करें।139- Sentry जैसे टूल्स के साथ एक्सेस लॉग और त्रुटियों की निगरानी करें।140141142## निष्कर्ष143144Next.js में तकनीकी SEO के लिए मेटा टैग्स, प्रदर्शन, अंतर्राष्ट्रीयकरण और संरचित डेटा जैसे विवरणों पर ध्यान देने की आवश्यकता होती है। जहां संभव हो स्वचालित करें और परिणामों की लगातार निगरानी करें।145146> **अंतिम चेकलिस्ट:**147>148> - [x] डायनामिक मेटा टैग्स149> - [x] बहुभाषी साइटमैप150> - [x] संरचित डेटा151> - [x] अनुकूलित प्रदर्शन152> - [x] सक्रिय निगरानी153
:Next.js डेवलपर्स के लिए तकनीकी SEO: टिप्स और टूल्सlines 1-153 (END) — press q to close