آخرین بروزرسانی در تاریخ جولای 27, 2026 توسط PersiaWebAdmin

متا تگ viewport یکی از آن قطعات کوچک HTML است که نبودش می‌تواند کل زحمات شما برای طراحی ریسپانسیو (Responsive) را به باد دهد. این تگ به مرورگرهای موبایل و تبلت می‌گوید که صفحه وب را چگونه متناسب با پهنای دستگاه نمایش دهند. بدون آن، حتی اگر بهترین کدنویسی واکنش‌گرا را داشته باشید، سایت در موبایل مانند یک نسخه کوچک‌شده و به‌هم‌ریخته دسکتاپ به نظر می‌رسد که کاربر مجبور است برای خواندن هر کلمه زوم کند. در این مقاله کاملاً عملی و کاربردی، صفر تا صد متا تگ viewport را بررسی می‌کنیم: از ساختار دقیق و پارامترهای آن گرفته تا روش‌های افزودن در وردپرس، اشتباهات رایج، و تأثیر شگفت‌انگیز آن بر سئو. با ما همراه باشید تا این قهرمان پنهان طراحی وب را کاملاً بشناسید و از آن درست استفاده کنید.

۱. متا تگ viewport دقیقاً چیست و چرا اینقدر حیاتی است؟

زمانی که وب فقط برای دسکتاپ طراحی می‌شد، مرورگرها صفحات را با عرض ثابت (مثلاً ۹۶۰ پیکسل) نمایش می‌دادند. با ورود گوشی‌های هوشمند، مرورگرهای موبایل برای نمایش صفحات دسکتاپ مجبور بودند صفحه را در یک viewport با عرض بزرگ (مثلاً ۹۸۰ پیکسل) رندر کنند و سپس آن را کوچک کنند تا در صفحه جا شود. نتیجه؟ متونی بسیار ریز و غیرقابل خواندن. متا تگ viewport به مرورگر می‌گوید: «لطفاً عرض صفحه را برابر با عرض فیزیکی دستگاه (device-width) تنظیم کن و محتوا را در همان اندازه واقعی نمایش بده.» در واقع این تگ پل ارتباطی میان طراحی واکنش‌گرا و صفحه‌نمایش کاربر است.

چرا این تگ یک ضرورت مطلق است؟

• فعال‌سازی واقعی طراحی واکنش‌گرا: بدون viewport، Media Queryهای CSS که بر اساس پیکسل‌های دستگاه کار می‌کنند، عملاً بی‌اثر می‌شوند.
• حذف اسکرول افقی: محتوا دقیقاً در عرض صفحه جا می‌گیرد و نیاز به پیمایش چپ‌و‌راست از بین می‌رود.
• نمایش خوانا: اندازه فونت‌ها و المان‌ها متناسب با دستگاه تنظیم می‌شود.
• تجربه کاربری موبایل (Mobile UX): کاربر نیازی به زوم و کوچک‌نمایی دستی ندارد.
• سئو موبایل و Core Web Vitals: گوگل صراحتاً اعلام کرده که برای Mobile-Friendly بودن، سایت باید تگ viewport داشته باشد. همچنین از بروز جابجایی‌های ناگهانی چیدمان (CLS) جلوگیری می‌کند.
• جلوگیری از بزرگ‌نمایی خودکار مرورگر: برخی مرورگرها بدون این تگ، المان‌ها را به طور ناگهانی زوم می‌کنند.

پیشنهاد مطالعه : متا دسکریپشن چیست ؟

۲. ساختار استاندارد و پارامترهای متا تگ viewport

رایج‌ترین و استانداردترین شکل این تگ که تقریباً برای همه وب‌سایت‌ها کافی است، به این صورت می‌باشد:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

اما این تگ پارامترهای متعددی دارد که هرکدام بخشی از رفتار صفحه را کنترل می‌کنند. در ادامه هر پارامتر را با جزئیات عملی بررسی می‌کنیم.

پارامتر width

این پارامتر عرض viewport را تعیین می‌کند. مقادیر مجاز:

• device-width (توصیه‌شده): عرض واقعی صفحه‌نمایش دستگاه (بر حسب پیکسل CSS). مثلاً در آیفون ۱۴، ۳۹۰ پیکسل.
• عدد ثابت مانند 960: عرض ثابت را تحمیل می‌کند. این روش منسوخ شده و طراحی واکنش‌گرا را نابود می‌کند. هرگز استفاده نکنید.

پارامتر initial-scale

میزان بزرگ‌نمایی اولیه صفحه هنگام بارگذاری. مقدار استاندارد 1.0 یعنی نمایش با اندازه واقعی. مقادیر کمتر از ۱ صفحه را کوچک و بیشتر از ۱ بزرگ می‌کنند. معمولاً روی همان 1.0 تنظیم می‌شود.

پارامترهای minimum-scale و maximum-scale

محدودیت‌های زوم کاربر را مشخص می‌کنند. مثلاً maximum-scale=1.0 کاربر را از زوم کردن بازمی‌دارد. توصیه اکید: از محدود کردن زوم بپرهیزید مگر در موارد بسیار خاص (مانند اپلیکیشن‌های وب). طبق استانداردهای دسترسی‌پذیری (WCAG)، کاربر باید بتواند در صورت نیاز بزرگ‌نمایی کند.

پارامتر user-scalable

با user-scalable=no تمام قابلیت زوم کاربر غیرفعال می‌شود. این کار نه تنها تجربه کاربری را خراب می‌کند، بلکه نقض مستقیم دستورالعمل‌های دسترسی‌پذیری است. آن را روی yes (پیش‌فرض) بگذارید و درگیرش نشوید.

ترکیب‌های کاربردی (و آنچه نباید انجام دهید)

• استاندارد طلایی: width=device-width, initial-scale=1.0
• ترکیب امن با قابلیت زوم: width=device-width, initial-scale=1.0, minimum-scale=1.0 — از کوچک شدن ناخواسته جلوگیری می‌کند ولی زوم را محدود نمی‌کند.
• آنتی‌پترن (هرگز): width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no — قفل کردن زوم باعث خشم کاربران می‌شود.

پیشنهاد مطالعه : تگ noindex چیست

۳. چطور متا تگ viewport باعث فعال شدن طراحی واکنش‌گرا می‌شود؟

در پشت صحنه، یک سناریوی دقیق رخ می‌دهد:

1. مرورگر موبایل صفحه را دریافت می‌کند و به دنبال متا تگ viewport می‌گردد.
2. اگر تگ وجود داشته باشد و width=device-width تنظیم شده باشد، مرورگر عرض viewport را برابر با عرض CSS دستگاه (مثلاً ۳۹۰px) تنظیم می‌کند.
3. اکنون Media Queryهای CSS مانند @media (max-width: 600px) دقیقاً بر اساس همین عرض فعال می‌شوند.
4. المان‌های صفحه با استفاده از واحدهای نسبی (%) و قوانین CSS مختص موبایل، به‌درستی قالب‌بندی می‌شوند.
5. کاربر سایتی کاملاً خوانا و متناسب با دستگاهش می‌بیند.

اگر viewport وجود نداشته باشد، مرورگر عرض پیش‌فرض (حدود ۹۸۰ پیکسل) را در نظر می‌گیرد و سپس کل آن را فشرده می‌کند تا در صفحه جا شود. نتیجه: همه چیز کوچک و غیرقابل استفاده می‌شود و Media Queryها هرگز فعال نمی‌شوند.

۴. روش‌های اضافه کردن متا تگ viewport در وردپرس (گام‌به‌گام)

خبر خوب اینکه اکثر قالب‌های مدرن وردپرس، از قبل این تگ را در فایل header.php تعبیه کرده‌اند. اما اگر سایت شما آن را ندارد یا می‌خواهید مطمئن شوید، یکی از روش‌های زیر را به کار بگیرید.

روش ۱: افزودن مستقیم به header.php (روش کلاسیک)

با استفاده از FTP یا File Manager هاست به مسیر wp-content/themes/your-theme/header.php بروید. درست قبل از تگ بسته‌شونده </head>، کد زیر را اضافه کنید:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

توجه: اگر از قالب فرزند (Child Theme) استفاده می‌کنید، فایل header.php را در پوشه قالب فرزند کپی کنید و همانجا ویرایش کنید تا با بروزرسانی قالب اصلی از بین نرود.

روش ۲: استفاده از فایل functions.php (ایمن و پایدار)

این روش بدون دستکاری فایل‌های قالب، تگ را به wp_head اضافه می‌کند. کد زیر را به انتهای فایل functions.php قالب فرزند یا از طریق یک افزونه مدیریت کد اضافه کنید:

function add_viewport_meta_tag() {
    echo '<meta name="viewport" content="width=device-width, initial-scale=1.0">' . "\n";
}
add_action('wp_head', 'add_viewport_meta_tag', 1);

روش ۳: افزونه Insert Headers and Footers (برای مبتدیان)

افزونه «Insert Headers and Footers» را نصب و فعال کنید. به مسیر تنظیمات > Insert Headers and Footers بروید و کد زیر را در کادر «Scripts in Header» قرار دهید:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

روش ۴: در قالب‌های بلوکی (Block Themes) و FSE

در قالب‌های مدرن که از ویرایشگر سایت استفاده می‌کنند، متا تگ viewport معمولاً توسط هسته وردپرس به‌طور خودکار تزریق می‌شود. می‌توانید با مراجعه به نمایش > ویرایشگر و کلیک روی «Header» و سپس «بازبینی کد» یا بررسی فایل theme.json از حضور آن مطمئن شوید. در غیر این صورت، روش functions.php همچنان قابل اعتماد است.

پیشنهاد مطالعه : چرخه عمر محتوا چیست؟

۵. چطور بفهمیم متا تگ viewport فعال است؟ (ابزارهای تست)

برای اطمینان از صحت پیاده‌سازی، یکی از این روش‌ها را اجرا کنید:

• Chrome DevTools: کلید F12 را بزنید، تب Elements را باز کنید و در بخش <head> به دنبال <meta name="viewport"> بگردید. با کلیک روی آن، محتوای کامل تگ نمایش داده می‌شود.
• تست Mobile-Friendly گوگل: آدرس سایت را در Google Mobile-Friendly Test وارد کنید. اگر تگ viewport وجود نداشته باشد، به شما اخطار داده می‌شود.
• PageSpeed Insights: در بخش «ممیزی‌ها» یا Audits، گوگل در صورت عدم وجود viewport، اعلان «Has a Viewport Meta Tag» را قرمز نشان می‌دهد.
• کنسول جستجوی گوگل (GSC): در گزارش «کاربردپذیری تلفن همراه»، مشکلات مرتبط با viewport لیست می‌شود.

۶. اشتباهات رایج در استفاده از متا تگ viewport و اصلاح آن‌ها

• فراموش کردن تگ در قالب‌های قدیمی: برخی قالب‌های قدیمی وردپرس این تگ را ندارند. با یکی از روش‌های بالا اضافه کنید.
• استفاده از عرض ثابت (width=1024): این کار طراحی واکنش‌گرا را فلج می‌کند. همواره از device-width استفاده کنید.
• غیرفعال‌سازی زوم کاربر: تنظیم user-scalable=no یا maximum-scale=1.0 دسترسی‌پذیری را از بین می‌برد. کاربران مسن یا دارای مشکلات بینایی نیاز به زوم دارند.
• داشتن چند متا تگ viewport: گاهی یک افزونه یا قالب یک تگ اضافه می‌کند و شما یک تگ دیگر. مرورگر ممکن است دچار تضاد شود. در فقط یک تگ viewport نگه دارید.
• تنظیم initial-scale نادرست: مقادیر خیلی کم (مثل 0.5) یا زیاد (مثل 3.0) باعث به‌هم‌ریختگی کامل صفحه می‌شوند.
• جاگذاری تگ در بدنه (body): متا تگ‌ها فقط در <head> معتبر هستند.

۷. تأثیر مستقیم متا تگ viewport بر سئو (بسیار فراتر از تصور شما)

اگرچه viewport یک عامل مستقیم رتبه‌بندی نیست، اما در عصر Mobile-First Indexing به یک نیاز حیاتی برای بقا در گوگل تبدیل شده است. در ادامه، زنجیره تأثیرگذاری آن را دقیق می‌بینیم:

۱. پیش‌نیاز Mobile-Friendly بودن (شاخص اولویت‌دار گوگل)

گوگل برای اینکه سایتی را «سازگار با موبایل» تشخیص دهد، وجود تگ viewport با width=device-width و initial-scale=1.0 را الزامی می‌داند. بدون آن، تست Mobile-Friendly رد می‌شود. از آنجا که گوگل نسخه موبایل را برای ایندکس و رتبه‌بندی مبنا قرار می‌دهد، این یعنی یک صفحه غیرقابل‌استفاده در موبایل، رتبه‌اش در همه دستگاه‌ها (حتی دسکتاپ) تنزل می‌یابد.

۲. کاهش Cumulative Layout Shift (CLS)

بدون viewport، مرورگر ممکن است المان‌ها را دیرتر تنظیم کند یا فونت‌ها را بزرگ‌تر نمایش دهد. این جابجایی‌های ناگهانی چیدمان، معیار CLS را در Core Web Vitals خراب می‌کند. امتیاز پایین Core Web Vitals مستقیماً بر رتبه‌بندی تأثیر منفی دارد.

۳. بهبود رفتار کاربران (UX Signals)

سایت بدون viewport در موبایل باعث می‌شود کاربران برای خواندن مجبور به زوم و اسکرول افقی شوند. این تجربه بد منجر به افزایش نرخ پرش (Bounce Rate) و کاهش زمان ماندگاری (Dwell Time) می‌شود؛ هر دو سیگنال‌های منفی برای گوگل هستند.

۴. تسهیل خزیدن و رندر توسط ربات گوگل

ربات موبایل گوگل صفحه را با یک viewport مشخص رندر می‌کند. وجود یک تگ viewport درست، فرآیند رندر را سریع‌تر و کم‌هزینه‌تر می‌کند و شانس ایندکس کامل محتوا را افزایش می‌دهد.

۸. جمع‌بندی و چک‌لیست نهایی

متا تگ viewport یک عنصر کوچک با تأثیر بزرگ است. اگر می‌خواهید سایت وردپرسی شما در موبایل حرفه‌ای، خوانا و سئوشده باشد، هیچ بهانه‌ای برای نداشتن این تگ وجود ندارد. همین حالا بررسی کنید:

• [ ] تگ <meta name="viewport" content="width=device-width, initial-scale=1.0"> در <head> وجود دارد.
• [ ] هیچ تگ viewport دیگری در صفحه تکرار نشده است.
• [ ] پارامتر user-scalable روی no نیست.
• [ ] تست Mobile-Friendly گوگل با موفقیت پاس شده است.
• [ ] در ابزار PageSpeed Insights اخطاری با عنوان «Has a Viewport Meta Tag» ندارید.

با این چک‌لیست ساده، مطمئن می‌شوید که پل ارتباطی طراحی واکنش‌گرا به درستی برقرار است. پیشنهاد میکنیم برای طراحی سایت با کیفیت بالا و رعایت تمام استانداردها با کارشناسان پرشیا وب در تماس باشید. تیم ما با به‌کارگیری تمام جزئیات فنی از جمله viewport، موبایل فرندلی بودن و سئو تکنیکال، وب‌سایتی آماده رقابت برای شما می‌سازد.

“`

متا تگ viewport یکی از مهم‌ترین تگ‌های HTML در طراحی ریسپانسیو (Responsive) است. این تگ به مرورگرهای موبایل و تبلت می‌گوید که صفحه را چگونه متناسب با اندازه دستگاه نمایش دهند. بدون استفاده از این تگ، سایت حتی اگر به‌صورت واکنش‌گرا طراحی شده باشد، در موبایل به‌درستی نمایش داده نمی‌شود و ظاهر آن کوچک، نامرتب و غیر قابل استفاده خواهد بود.

به زبان ساده، متا تگ viewport پل ارتباطی میان طراحی سایت و نمایش صحیح آن در دستگاه‌های کوچک است.

چرا متا تگ Viewport اهمیت دارد؟

دلایل اهمیت این تگ:

• فعال‌سازی طراحی ریسپانسیو
• جلوگیری از اسکرول افقی
• هماهنگی ظاهر سایت با اندازه صفحه‌نمایش
• بهبود تجربه کاربری در موبایل
• تاثیر مثبت در سئو موبایلی و موفقیت Core Web Vitals
• جلوگیری از بزرگ‌نمایی خودکار صفحه توسط مرورگر

گوگل صراحتاً اعلام کرده است که برای موبایل‌فرندلی بودن، سایت باید تگ viewport داشته باشد.

پیشنهاد مطالعه : متا دسکریپشن چیست ؟

---

ساختار متا تگ Viewport

شکل پایه این تگ به این صورت است:

نمایش کد

<meta name="viewport" content="width=device-width, initial-scale=1.0">

این رایج‌ترین و استانداردترین حالت استفاده در طراحی واکنش‌گراست.

---

پارامترهای متا تگ Viewport و کاربرد هرکدام

در ادامه رایج‌ترین پارامترهای قابل استفاده در متا تگ viewport معرفی شده‌اند:

---

1. پارامتر width

این پارامتر مشخص می‌کند عرض صفحه چه اندازه باشد.

انواع مقادیر:

• device-width : برابر با عرض صفحه دستگاه (موبایل/تبلت/لپ‌تاپ)
• عدد ثابت : مثل 980 (قدیمی و غیرکاربردی)

نمونه:

نمایش کد

<meta name="viewport" content="width=device-width">

---

2. پارامتر initial-scale

میزان بزرگ‌نمایی اولیه صفحه هنگام بارگذاری.

نمایش کد

initial-scale=1.0

مقدار مناسب: 1.0

یعنی صفحه با اندازه واقعی نمایش داده شود.

---

3. پارامتر minimum-scale / maximum-scale

کمترین و بیشترین حد زوم که کاربر می‌تواند انجام دهد.

مثال:

نمایش کد

maximum-scale=1

---

4. پارامتر user-scalable

تعریف می‌کند کاربر بتواند صفحه را زوم کند یا خیر.

نمایش کد

user-scalable=no

توصیه:

برای دسترس‌پذیری بهتر از no استفاده نکنید.

پیشنهاد مطالعه : تگ noindex چیست

---

ترکیب کامل پارامترها (اما نه همیشه توصیه‌شده)

نمایش کد

<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

برخی توسعه‌دهندگان از این موارد استفاده می‌کنند، اما حالت استاندارد همان نسخه ساده و بدون محدودیت زوم است.

---

متا تگ Viewport در طراحی ریسپانسیو چه کاربردی دارد؟

در طراحی ریسپانسیو، بخش مهمی از کار بر عهده‌ی CSS و Media Queryهاست.

اما بدون تگ viewport:

• Media Queryها درست کار نمی‌کنند
• المان‌ها بر اساس اندازه واقعی دستگاه تغییر نمی‌کنند
• سایت بسیار کوچک یا بسیار بزرگ دیده می‌شود
• کاربران مجبور به زوم کردن می‌شوند

این تگ باعث می‌شود طراحی واکنش‌گرا فعال شود.

به این شکل:

1. مرورگر موبایل عرض سایت را برابر با device-width در نظر می‌گیرد
2. CSS ریسپانسیو فعال می‌شود
3. Media Queryها مطابق انتظار عمل می‌کنند
4. سایت با اندازه مناسب دستگاه نمایش داده می‌شود

---

نحوه استفاده از متا تگ Viewport در وردپرس

اگر از قالب استاندارد استفاده می‌کنید، معمولاً این تگ از قبل در فایل header.php قالب وجود دارد.

اما اگر نبود، به یکی از روش‌های زیر اضافه کنید:

---

روش اول: افزودن به فایل header.php قالب

مسیر:

wp-content/themes/your-theme/header.php

قبل از تگ </head> کد زیر را قرار دهید:

نمایش کد

<meta name="viewport" content="width=device-width, initial-scale=1.0">

---

روش دوم: استفاده از افزونه Insert Headers and Footers

مناسب برای افراد غیرتوسعه‌دهنده.

مراحل:

• نصب افزونه “Insert Headers and Footers”
• رفتن به مسیرتنظیمات > Insert Headers and Footers
• قرار دادن کد در بخش “Scripts in Header”

---

روش سوم: استفاده از Child Theme

اگر قالب حرفه‌ای دارید و نمی‌خواهید با آپدیت قالب تغییرات از بین برود، بهتر است کد را در چایلد تم قرار دهید.

پیشنهاد مطالعه : چرخه عمر محتوا چیست؟

---

خطاهای رایج در استفاده از متا تگ Viewport

• استفاده از مقادیر ثابت مثل width=960
• غیرفعال کردن قابلیت زوم کاربر
• استفاده از چند متا تگ viewport (باعث تداخل می‌شود)
• تنظیم initial-scale غلط مثل 0.1 یا 5
• فراموش کردن این تگ در قالب‌های قدیمی وردپرس

تاثیر متا تگ Viewport بر سئو

اگرچه متا تگ viewport یک عامل رتبه‌بندی مستقیم نیست، اما نقشی کاملاً حیاتی در سئو موبایلی دارد. با توجه به این‌که گوگل از سیستم Mobile‑First Indexing استفاده می‌کند، نسخه موبایلی سایت مبنای اصلی ارزیابی و رتبه‌بندی است. بنابراین نحوه نمایش سایت در موبایل یک فاکتور تعیین‌کننده محسوب می‌شود و متا تگ viewport دقیقاً همین بخش را کنترل می‌کند.

۱. شرط اصلی برای Mobile-Friendly بودن

گوگل اعلام کرده است که نبودن تگ viewport باعث می‌شود سایت در تست Mobile-Friendly رد شود. این یعنی:

• نسخه موبایل سایت برای کاربران قابل استفاده نیست
• ربات موبایلی گوگل صفحه را به‌درستی پردازش نمی‌کند
• رتبه سایت در نتایج موبایلی افت می‌کند

به‌دلیل Mobile‑First Indexing، این افت فقط به موبایل محدود نمی‌شود، بلکه روی کل رتبه‌های سایت تاثیر می‌گذارد.

۲. تاثیر روی Core Web Vitals

نبود متا تگ viewport باعث برهم‌ریختگی چیدمان صفحه (Layout Shift) و نمایش نادرست عناصر در موبایل می‌شود. نتیجه:

• افزایش CLS
• تجربه کاربری ضعیف
• امتیاز پایین Core Web Vitals
• افت جایگاه در نتایج جستجو

گوگل بارها تاکید کرده که Core Web Vitals بخشی از سیگنال‌های رتبه‌بندی هستند.

۳. کاهش نرخ پرش و بهبود تجربه کاربری

وقتی سایت بدون viewport در موبایل باز می‌شود:

• متن‌ها بسیار کوچک دیده می‌شوند
• کاربر مجبور به زوم و اسکرول افقی می‌شود
• ظاهر سایت حرفه‌ای نیست
• کاربر سریع صفحه را ترک می‌کند

افزایش Bounce Rate و کاهش Time on Page سیگنال‌های منفی برای گوگل محسوب می‌شوند.

۴. فعال شدن صحیح طراحی ریسپانسیو

بدون این تگ، حتی اگر تمام Media Queryها در CSS به‌درستی نوشته شده باشند، باز هم نمایش سایت خراب می‌شود. زیرا مرورگر موبایل صفحه را با عرض دسکتاپ رندر می‌کند. بنابراین viewport شرط لازم برای عملکرد درست طراحی واکنش‌گرا است و طراحی ریسپانسیو یکی از عناصر کلیدی سئو موبایل به حساب می‌آید.

۵. بهبود رندر و پردازش توسط ربات گوگل

وقتی صفحه در موبایل ساختار درست دارد:

• ربات موبایل گوگل راحت‌تر محتوا را رندر می‌کند
• حجم پردازش کمتر می‌شود
• ساختار صفحه قابل فهم‌تر است
• احتمال ایندکس کامل محتوا افزایش می‌یابد

---

نتیجه‌گیری

متا تگ viewport یکی از عناصر کلیدی در طراحی ریسپانسیو و تجربه کاربری موبایل است. بدون آن، سایت شما در دستگاه‌های کوچک قابل استفاده نخواهد بود و حتی می‌تواند بر رتبه سئو موبایلی تأثیر منفی بگذارد.

با قرار دادن تگ زیر، ۹۰٪ نیازهای شما در طراحی واکنش‌گرا رفع می‌شود:

نمایش کد

<meta name="viewport" content="width=device-width, initial-scale=1.0">

پیشنهاد میکنیم برای طراحی سایت با کیفیت بالا و رعایت تمام استانداردها با کارشناسان پرشیا وب در تماس باشید.