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 را زیر نظر داریم. کمی جابه‌جایی طبیعی است؛ از دست دادن صفحه‌ها به خاطر لینک‌های شکسته نه.
بگویید چه چیزی می‌سازید.
هر پروژه با یک مشاوره شروع می‌شود: شما ایده و هر چه می‌دانید را می‌آورید و ما از دلش طرحی درمی‌آوریم که بشود رویش ساخت.
رزرو مشاوره