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~