1 
2ٹیکنیکل SEO آپ کی Next.js سائٹ کو آسانی سے انڈیکس ہونے، تیز اور سرچ نتائج میں مقابلے کے قابل بنانے کے لیے ضروری ہے۔ یہ گائیڈ آپ کے SEO کو اگلے درجے پر لے جانے کے لیے حکمت عملیوں، ٹولز اور عملی کوڈ سنیپٹس کا احاطہ کرتی ہے، خاص طور پر کثیر لسانی سائٹس پر توجہ کے ساتھ۔
3 
4## 1. ڈائنامک Meta Tags اور Open Graph
5 
6Next.js 13+ `generateMetadata` فنکشن کا استعمال کرتے ہوئے مرکزی meta tag انتظام کی اجازت دیتا ہے:
7 
8```tsx
9export 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```
26 
27> **تجویز:** ڈائنامک ترجمے استعمال کرتے ہوئے ہر زبان اور صفحے کے لیے meta tags اپ ڈیٹ کرنا یاد رکھیں۔
28 
29## 2. خودکار Sitemap اور robots.txt
30 
31Sitemaps اور robots.txt بنانے کے لیے، [next-sitemap](https://www.npmjs.com/package/next-sitemap) استعمال کریں:
32 
33```bash
34npm install next-sitemap
35```
36 
37زبانوں کی حمایت کے لیے `next-sitemap.config.js` ترتیب دیں:
38 
39```js
40module.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```
69 
70> **اضافی ٹول:** جدید meta tag اور سٹرکچرڈ ڈیٹا مینجمنٹ کے لیے [next-seo](https://github.com/garmeeh/next-seo) آزمائیں۔
71 
72## 3. بین الاقوامیکرن (i18n) اور کثیر لسانی SEO
73 
74Next.js مقامی راستوں کی حمایت کرتا ہے۔ یاد رکھیں:
75 
76- ہر زبان کے لیے `hreflang` ٹیگ استعمال کریں۔
77- کثیر لسانی sitemaps بنائیں۔
78- Meta tags کا ترجمہ کریں۔
79 
80`hreflang` ٹیگ کی مثال:
81 
82```tsx
83<link rel="alternate" href="https://spinny.dev/it" hreflang="it" />
84<link rel="alternate" href="https://spinny.dev/en" hreflang="en" />
85```
86 
87> **بہترین عمل:** ہمیشہ ایک نظر آنے والا زبان سلیکٹر پیش کریں اور URL کی مستقل مزاجی برقرار رکھیں۔
88 
89## 4. کارکردگی اور Core Web Vitals
90 
91- بہتر بنائی گئی تصاویر کے لیے Next.js `<Image />` استعمال کریں۔
92- Lazy loading فعال کریں۔
93- [Lighthouse](https://developers.google.com/web/tools/lighthouse) اور [Vercel Analytics](https://vercel.com/analytics) سے تجزیہ کریں۔
94- غیر استعمال شدہ JavaScript اور CSS کو کم سے کم کریں۔
95- Vercel کے cache اور CDN سے فائدہ اٹھائیں۔
96 
97## 5. سٹرکچرڈ ڈیٹا (JSON-LD)
98 
99Rich snippets میں مرئیت بہتر بنانے کے لیے سٹرکچرڈ ڈیٹا شامل کریں:
100 
101```tsx
102<script
103  type="application/ld+json"
104  dangerouslySetInnerHTML={{
105    __html: JSON.stringify({
106      '@context': 'https://schema.org',
107      '@type': 'BlogPosting',
108      headline: 'Technical SEO for Next.js Developers',
109      datePublished: '2025-07-28',
110      author: { '@type': 'Person', name: 'Filippo Spinella' },
111      inLanguage: 'en',
112    }),
113  }}
114/>
115```
116 
117> **تجویز:** اگر قابل اطلاق ہو تو breadcrumbs، مضامین اور مصنوعات کے لیے بھی سٹرکچرڈ ڈیٹا شامل کریں۔
118 
119## 6. ایرر ہینڈلنگ اور حسب ضرورت 404 صفحات
120 
121ہر زبان کے لیے ایک مقامی `not-found.tsx` صفحہ بنائیں۔ یہ صارف کے تجربے اور SEO کو بہتر بناتا ہے۔
122 
123> **تجویز:** 500 اور سرور ایرر صفحات کو بھی حسب ضرورت بنائیں۔
124 
125## 7. مفید ٹولز
126 
127- **next-sitemap**: sitemaps اور robots.txt
128- **next-seo**: جدید meta tag انتظام
129- **Google Search Console**: SEO نگرانی
130- **Ahrefs Webmaster Tools**: تکنیکی تجزیہ
131- **Screaming Frog**: جدید crawling
132- **Mermaid**: SEO فلوز اور آرکیٹیکچرز کو تصور کرنے کے لیے
133 
134## 8. نگرانی اور تجزیہ
135 
136Google Analytics، Vercel Analytics کو مربوط کریں اور Core Web Vitals کی نگرانی کریں۔
137 
138- مرکزی ٹیگ انتظام کے لیے [Google Tag Manager](https://tagmanager.google.com/) استعمال کریں۔
139- Sentry جیسے ٹولز سے رسائی لاگز اور ایررز کی نگرانی کریں۔
140 
141 
142## نتیجہ
143 
144Next.js میں ٹیکنیکل SEO کو meta tags، کارکردگی، بین الاقوامیکرن اور سٹرکچرڈ ڈیٹا جیسی تفصیلات پر توجہ کی ضرورت ہے۔ جہاں ممکن ہو خودکار بنائیں اور مسلسل نتائج کی نگرانی کریں!
145 
146> **حتمی چیک لسٹ:**
147>
148> - [x] ڈائنامک meta tags
149> - [x] کثیر لسانی sitemap
150> - [x] سٹرکچرڈ ڈیٹا
151> - [x] بہتر کارکردگی
152> - [x] فعال نگرانی
153