S/۰۵ · خدمات
پلتفرم‌های وب
سریع برای همه، به هر زبانی.
وب‌سایت و وب‌اپلیکیشنی که بی‌درنگ باز می‌شود، در جست‌وجو دیده می‌شود و برای همه کار می‌کند — روی هر دستگاهی و به هر زبانی، راست‌به‌چپ هم. روی API شما ساخته می‌شود، پس طراحی دوباره هیچ‌وقت به معنای ساخت دوباره نیست.
- ساخته‌شده با
- Next.js، React، TypeScript
- هدف
- Core Web Vitals سبز
- زبان‌ها
- هر زبانی، راست‌به‌چپ هم
- ۰۱
سایتتان کند است، به‌روزرسانی‌اش سخت است یا در جست‌وجو دیده نمی‌شود.
- ۰۲
آن را به فارسی، عربی یا انگلیسی می‌خواهید — درست، نه آینه‌شده‌ی ماشینی.
- ۰۳
تیم بازاریابی تغییرات را سریع‌تر از توان برنامه‌نویس‌ها می‌خواهد.
- ۰۴
وب‌سایت و محصول از هم فاصله گرفته‌اند.
- D/۰۱
سیستم طراحی
تایپوگرافی، رنگ و فاصله‌ها را یک بار به شکل توکن تعریف می‌کنیم و همه‌ی دکمه‌ها، فیلدها و پنجره‌ها را از همان‌ها می‌سازیم. صفحه‌های تازه از قطعه‌هایی سرهم می‌شوند که از قبل درست کار می‌کنند، پس سایت یکدست می‌ماند و عوض کردن یک رنگ یک خط تغییر است، نه گشتن در تک‌تک صفحه‌ها.
شامل
- توکن‌های طراحی برای رنگ، تایپوگرافی و فاصله
- کتابخانه‌ی کامپوننت در React، با همه‌ی حالت‌ها
- کاتالوگ زنده‌ای که طراح و برنامه‌نویس هر دو از آن استفاده می‌کنند
- تم روشن و تیره، و راست‌به‌چپ از همان اول
src/ - src/
- styles/
- tokens.cssرنگ، تایپوگرافی، فاصله
- components/
- ui/
- button.tsx۴ حالت · ۳ اندازه
- field.tsxبرچسب، راهنما، خطا
- dialog.tsxمهار فوکوس
- date-picker.tsxمیلادی · شمسی
- table.tsxقابل مرتب‌سازی
- button.stories.tsxکاتالوگ
- D/۰۲
کارایی
صفحه‌ها سمت سرور رندر می‌شوند، در لبه‌ی شبکه کش می‌شوند و با کمترین مقدار ممکن JavaScript به مرورگر می‌رسند. روی یک گوشی معمولی و اینترنت کند اندازه می‌گیریم، چون بیشتر بازدیدکنندگانتان همان‌جا تصمیم می‌گیرند بمانند یا بروند.
شامل
- Core Web Vitals سبز در صفحه‌هایی که اهمیت دارند
- رندر سمت سرور و کش، تنظیم‌شده برای هر صفحه
- تصویر و فونت با اندازه و بارگذاری مناسب هر دستگاه
- بودجه‌ی کارایی که در هر تغییر بررسی می‌شود
lighthouse · example.com (mobile) امتیاز کارایی
98
گوشی معمولی، 4G کند
LCP
1.4 s
خوب · زیر ۲٫۵ ثانیه
INP
80 ms
خوب · زیر ۲۰۰ میلی‌ثانیه
CLS
0.01
خوب · زیر ۰٫۱
JavaScript
74 KB
صفحه‌ی اصلی، فشرده
TTFB
120 ms
از لبه‌ی شبکه
- D/۰۳
پایه‌های سئو
آنچه موتورهای جست‌وجو برای فهمیدن هر صفحه لازم دارند را فراهم می‌کنیم: عنوان روشن، داده‌ی ساخت‌یافته، نقشه‌ی سایت و پیوند میان نسخه‌های زبانی. اگر از سایت قدیمی جابه‌جا می‌شوید، هر نشانی قدیمی یک ریدایرکت می‌گیرد تا رتبه‌ای که ساخته‌اید دور ریخته نشود.
شامل
- عنوان، توضیح و پیش‌نمایش شبکه‌های اجتماعی برای هر صفحه
- داده‌ی ساخت‌یافته برای سازمان، محصولات و پرسش‌های متداول
- نقشه‌ی سایت و hreflang برای هر زبان
- نقشه‌ی ریدایرکت از سایت قدیمی به سایت تازه
seo-audit · example.com - عنوان و توضیح یکتا برای هر صفحه۲۱۲ صفحه
- جفت‌های hreflang میان فارسی و انگلیسیانجام‌شده
- داده‌ی ساخت‌یافته: Organization، Product، FAQمعتبر
- نقشه‌ی سایت جدا برای هر زبانانجام‌شده
- تصویر بدون متن جایگزین در ۱۴ صفحهمتوسط
- ۳۸ نشانی قدیمی بدون ریدایرکتپیش از راه‌اندازی
- D/۰۴
دسترس‌پذیری
همه‌چیز با صفحه‌کلید و صفحه‌خوان کار می‌کند و متن‌ها آن‌قدر کنتراست دارند که زیر نور آفتاب هم خوانده شوند. در هر تغییر به‌طور خودکار و در جریان‌های مهم با دست تست می‌کنیم، چون فرمی که بعضی‌ها نتوانند تمامش کنند، مشتری از دست می‌دهد.
شامل
- بررسی خودکار همه‌ی صفحه‌ها در هر تغییر
- پیمودن جریان‌های اصلی فقط با صفحه‌کلید
- تست با صفحه‌خوان در هر دو جهت خواندن
- گزارشی از آنچه درست شده و آنچه مانده
e2e/a11y.spec.ts $ npx playwright test e2e/a11y.spec.ts
Running 24 tests using 4 workers
✓ home · axe: 0 violations
✓ booking form · keyboard only, 11 steps
✓ checkout · focus returns after the dialog
✓ fa/home · reading order follows RTL
! pricing · muted text contrast 4.1:1 (AA needs 4.5)
23 passed, 1 warning (12.4s)
- D/۰۵
چندزبانه و راست‌به‌چپ
هر زبان مثل یک سایت مستقل ساخته می‌شود، نه ترجمه‌ای که روی نسخه‌ی انگلیسی کشیده شده باشد. چیدمان راست‌به‌چپ درست آینه می‌شود و ارقام، تاریخ، تقویم و فونت از زبان خواننده پیروی می‌کنند، پس بازدیدکننده‌ی فارسی‌زبان هیچ‌وقت صفحه‌ای نمی‌بیند که حس کند ماشین برعکسش کرده.
شامل
- چیدمانی که برای راست‌به‌چپ تمیز آینه می‌شود
- ارقام، تاریخ و تقویم محلی
- فونت انتخاب‌شده و تنظیم‌شده برای هر خط
- روند ترجمه‌ای که تیمتان بتواند ادامه‌اش بدهد
src/i18n/locales.ts زبان جهت ارقام تقویم فونت en ltr 0–9 میلادی Inter fa rtl ۰–۹ شمسی Vazirmatn ar rtl ٠–٩ قمری / میلادی Noto Naskh Arabic de ltr 0–9 میلادی Inter - D/۰۶
محتوای قابل ویرایش
تیمتان صفحه‌ها، نوشته‌ها و قیمت‌ها را در یک CMS ویرایش می‌کند، پیش‌نویس را پیش‌نمایش می‌گیرد و بدون نیاز به برنامه‌نویس منتشر می‌کند. سایت فقط صفحه‌هایی را که تغییر کرده‌اند تازه می‌کند، پس به‌روزرسانی در چند ثانیه منتشر می‌شود و سایت سریع می‌ماند.
شامل
- CMS شکل‌گرفته بر اساس محتوای شما، نه یک قالب عمومی
- پیش‌نمایش پیش‌نویس پیش از انتشار
- نقش‌های جدا برای نویسنده، ویراستار و مترجم
- یک راهنمای کوتاه و یک جلسه با ویراستارانتان
docs/content-flow.mmd
- ۰۱
نقشه
مخاطبان، مسیرها و محتوا، تا ساختار از آنچه مردم برایش می‌آیند پیروی کند.
- ۰۲
طراحی
سیستم طراحی و صفحات کلیدی، بازبینی‌شده در مرورگر به جای تصویر.
- ۰۳
ساخت
صفحات روی API شما، تست‌شده روی دستگاه‌های واقعی و اینترنت کند.
- ۰۴
راه‌اندازی و سنجش
ریدایرکت‌ها، پایش و آنالیتیکس، سپس بهینه‌سازی بر اساس استفاده‌ی واقعی.
ساخت یک وب‌سایت یا وب‌اپلیکیشن معمولاً از اولین جلسه تا راه‌اندازی هشت تا دوازده هفته طول می‌کشد. از هفته‌ی دوم یا سوم صفحه‌های واقعی را در مرورگر می‌بینید، نه چند تصویر در پایان کار.
- هفته‌ی ۱
جلسه‌های کاری درباره‌ی مخاطبان، مسیرهایشان و محتوای شما، و بررسی سایت فعلی.
- هفته‌ی ۲ و ۳
سیستم طراحی و صفحه‌های کلیدی، ساخته‌شده با کد و بازبینی‌شده در مرورگر.
- هفته‌ی ۴ تا ۸
بقیه‌ی صفحه‌ها روی API شما، همراه با CMS و همه‌ی زبان‌ها.
- هفته‌ی ۹ و ۱۰
ورود محتوا، بازبینی ترجمه‌ها و تست دسترس‌پذیری و کارایی روی دستگاه‌های واقعی.
- هفته‌ی ۱۱ و ۱۲
راه‌اندازی با ریدایرکت‌ها، پایش و آنالیتیکس، و بعد بهینه‌سازی بر اساس استفاده‌ی واقعی.
کد منبع
کل سایت در مخزن کد شما، با README و پایپ‌لاینی که منتشرش می‌کند.
سیستم طراحی
توکن‌ها، کامپوننت‌ها و کاتالوگ، آماده برای صفحه‌ی بعدی یا محصول بعدی.
CMS در دست تیم شما
حساب کاربری برای ویراستارانتان و راهنمای کوتاه انتشار، به هر زبان.
زیرساخت سئو
نقشه‌ی ریدایرکت، نقشه‌ی سایت و داده‌ی ساخت‌یافته، مستند تا در جابه‌جایی بعدی چیزی گم نشود.
آنالیتیکس و پایش
داشبورد بازدید، Core Web Vitals و خطاها، در حساب‌های خود شما.
یک بررسی یک ماه پس از راه‌اندازی
سرعت واقعی کاربران، پوشش جست‌وجو و خطاها را بررسی و آنچه پیدا شد را درست می‌کنیم.
- Next.js
- React
- TypeScript
- Tailwind CSS
- Core Web Vitals
- Schema.org
- i18n & RTL
- Playwright
می‌شود بدون ساخت دوباره‌ی همه‌چیز، طراحی را عوض کرد؟
معمولاً بله. وقتی محتوا و منطق پشت یک API باشد، رابط کاربری آزادانه تغییر می‌کند.
متن و ترجمه را هم می‌نویسید؟
با نویسنده‌های شما کار می‌کنیم یا نویسنده‌ی خودمان را می‌آوریم، و با هر زبان مثل یک سایت درجه‌یک رفتار می‌کنیم.
خودمان می‌توانیم ویرایشش کنیم؟
بله. هر سایت با ابزاری برای مدیریت محتوا توسط تیم شما تحویل می‌شود.
چقدر طول می‌کشد؟
برای بیشتر سایت‌ها هشت تا دوازده هفته. یک صفحه‌ی فرود، یا بهبود سرعت یک سایت موجود، می‌تواند دو تا چهار هفته طول بکشد.
با جابه‌جایی، رتبه‌ی جست‌وجویمان از دست می‌رود؟
هر نشانی قدیمی را با یک ریدایرکت دائمی به نشانی تازه‌اش وصل می‌کنیم و تا چند هفته پس از راه‌اندازی Search Console را زیر نظر داریم. کمی جابه‌جایی طبیعی است؛ از دست دادن صفحه‌ها به خاطر لینک‌های شکسته نه.
بگویید چه چیزی می‌سازید.
هر پروژه با یک جلسه‌ی مشاوره شروع می‌شود: شما ایده و هر آنچه می‌دانید را می‌آورید، ما آن را به طرحی تبدیل می‌کنیم که بشود رویش ساخت.
رزرو مشاوره