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~