1 
2سئوی فنی برای اطمینان از اینکه سایت Next.js شما به راحتی قابل ایندکس، سریع و رقابتی در نتایج جستجو است، ضروری است. این راهنما استراتژی‌ها، ابزارها و قطعه کدهای عملی را پوشش می‌دهد تا سئوی شما را به سطح بعدی ببرد، با تمرکز ویژه بر سایت‌های چندزبانه.
3 
4## ۱. متاتگ‌های پویا و Open Graph
5 
6Next.js 13+ مدیریت متمرکز متاتگ‌ها را با استفاده از تابع `generateMetadata` امکان‌پذیر می‌کند:
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> **نکته:** فراموش نکنید متاتگ‌ها را برای هر زبان و صفحه با استفاده از ترجمه‌های پویا به‌روزرسانی کنید.
28 
29## ۲. نقشه سایت و robots.txt خودکار
30 
31برای تولید نقشه سایت و 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> **ابزار اضافی:** [next-seo](https://github.com/garmeeh/next-seo) را برای مدیریت پیشرفته متاتگ و داده ساختاریافته امتحان کنید.
71 
72## ۳. بین‌المللی‌سازی (i18n) و سئوی چندزبانه
73 
74Next.js از مسیرهای محلی‌سازی شده پشتیبانی می‌کند. به یاد داشته باشید:
75 
76- از تگ `hreflang` برای هر زبان استفاده کنید.
77- نقشه سایت‌های چندزبانه تولید کنید.
78- متاتگ‌ها را ترجمه کنید.
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## ۴. عملکرد و Core Web Vitals
90 
91- از `<Image />` در Next.js برای تصاویر بهینه استفاده کنید.
92- بارگذاری تنبل (lazy loading) را فعال کنید.
93- با [Lighthouse](https://developers.google.com/web/tools/lighthouse) و [Vercel Analytics](https://vercel.com/analytics) تحلیل کنید.
94- JavaScript و CSS استفاده‌نشده را به حداقل برسانید.
95- از کش و CDN Vercel بهره ببرید.
96 
97## ۵. داده ساختاریافته (JSON-LD)
98 
99داده ساختاریافته را برای بهبود نمایان‌سازی در rich 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: 'سئوی فنی برای توسعه‌دهندگان Next.js',
109      datePublished: '2025-07-28',
110      author: { '@type': 'Person', name: 'Filippo Spinella' },
111      inLanguage: 'fa',
112    }),
113  }}
114/>
115```
116 
117> **نکته:** همچنین داده ساختاریافته برای مسیر ناوبری، مقالات و محصولات را در صورت نیاز اضافه کنید.
118 
119## ۶. مدیریت خطا و صفحات ۴۰۴ سفارشی
120 
121یک صفحه `not-found.tsx` محلی‌سازی شده برای هر زبان بسازید. این تجربه کاربری و سئو را بهبود می‌بخشد.
122 
123> **نکته:** صفحات خطای ۵۰۰ و سرور را نیز سفارشی کنید.
124 
125## ۷. ابزارهای مفید
126 
127- **next-sitemap**: نقشه سایت و robots.txt
128- **next-seo**: مدیریت پیشرفته متاتگ
129- **Google Search Console**: نظارت بر سئو
130- **Ahrefs Webmaster Tools**: تحلیل فنی
131- **Screaming Frog**: خزش پیشرفته
132- **Mermaid**: برای تجسم جریان‌ها و معماری‌های سئو
133 
134## ۸. نظارت و تحلیل
135 
136Google Analytics، Vercel Analytics را یکپارچه کنید و Core Web Vitals را نظارت کنید.
137 
138- از [Google Tag Manager](https://tagmanager.google.com/) برای مدیریت متمرکز تگ استفاده کنید.
139- لاگ‌های دسترسی و خطاها را با ابزارهایی مانند Sentry نظارت کنید.
140 
141 
142## نتیجه‌گیری
143 
144سئوی فنی در Next.js نیاز به توجه به جزئیاتی مانند متاتگ‌ها، عملکرد، بین‌المللی‌سازی و داده ساختاریافته دارد. تا جایی که ممکن است خودکارسازی کنید و نتایج را به طور مداوم نظارت کنید!
145 
146> **چک‌لیست نهایی:**
147>
148> - [x] متاتگ‌های پویا
149> - [x] نقشه سایت چندزبانه
150> - [x] داده ساختاریافته
151> - [x] عملکرد بهینه
152> - [x] نظارت فعال
153