نمونه کار طراحی سایت TrustedBoosting | فروشگاه بوستینگ WoW

بازار بوستینگ ورلد آو وارکرفت بی‌رحم است؛ نه برای بازیکن‌ها، برای فروشنده‌ها. خریداری که می‌خواهد طلا یا بوست بخرد، قبل از رسیدن به دکمه پرداخت ده‌ها بار در ذهنش احتمال کلاهبرداری را مرور می‌کند، و فروشنده‌ای که نتواند همان سه ثانیه اول اعتماد بسازد، بازدیدکننده را برای همیشه از دست داده است. وقتی مالک‌های TrustedBoosting با ما نشستند، تنها یک درخواست داشتند: سایتی بسازید که خودش، بدون یک کلمه اضافه، «قابل اعتماد بودن» را فریاد بزند؛ و دقیقاً همین چالش، جایی است که سال‌ها تجربه طراحی وب سایت در وب‌داران به میدان آمد.

نتیجه این همکاری امروز در trustedboosting.com زنده است: یک فروشگاه بین‌المللی خدمات گیمینگ با معماری کاملاً اختصاصی که خدماتش را از طلا و Mythic Boost تا Leveling در چند نسخه از ورلد آو وارکرفت می‌فروشد؛ نه از قالب آماده خبری است و نه از صفحه‌ساز. در ادامه قدم‌به‌قدم می‌بینید که چرا معماری را با Next.js نوشتیم، رابط کاربری چطور ساخته شد، کانفیگوراتور قیمت زنده — قلب سایت — چگونه کار می‌کند و کمپین سئو روی کدام کلمات کلیدی در جریان است. همه اسکرین‌شات‌ها از خود سایت زنده گرفته شده‌اند و همه اعداد قابل بازبینی هستند.

پروژه در یک نگاه

قبل از ورود به جزئیات، بگذارید تصویر کلی را در یک جدول ببینیم. این جدول را عمداً کوتاه نگه داشته‌ایم؛ جزئیات هر ردیف همان‌قدر که در متن لازم شده، آمده است.

نکته‌ای که در اولین نگاه به این جدول باید متوجه شوید: «نوع راهکار». انتخاب ساخت اپلیکیشن اختصاصی به‌جای نصب یک فروشگاه‌ساز آماده، تصمیمی بود که هزینه توسعه را چند برابر کرد اما کنترل کامل روی تجربه خرید و قیمت‌گذاری را به تیم مالک داد. چرا این تصمیم را گرفتیم؟ بخش بعدی دقیقاً درباره همین است.

بازار بوستینگ: جایی که اعتماد گران‌ترین کالاست

برای طراحی خوب، اول باید بازی را فهمید. در بازار خدمات گیمینگ، مشتری چیزی نمی‌بیند که بشود لمسش کرد؛ یک سفارش نامرئی است که بعد از پرداخت در دنیای بازی تحویل داده می‌شود. همین یکی دو سال اخیر هم پر از تجربه‌های تلخ بوده: فروشنده‌هایی که بعد از واریز ناپدید شده‌اند، اکانت‌هایی که به دلیل روش تحویل بی‌دقت ممنوع شده‌اند و قیمت‌هایی که تا لحظه پرداخت مدام عوض می‌شده‌اند. صفحه درباره ما خود TrustedBoosting هم صادقانه به همین نقطه اشاره می‌کند: تأسیس در سال ۲۰۲۱ توسط جمعی از بازیکنان کهنه‌کار که از دیدن همین کلاهبرداری‌ها خسته شده بودند.

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

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

چرا Next.js و نه یک فروشگاه‌ساز آماده؟

پیش‌فرض رایج برای فروشگاه، نصب وردپرس و ووکامرس است و ما خودمان هم پروژه‌های فروشگاهی زیادی با همین مسیر ساخته‌ایم. اما این پروژه از همان جلسه اول متفاوت بود: موتور قیمت‌گذاری باید پارامترهای زیادی داشت — ریجن سرور، ریلم و فکشن، روش تحویل، سطح کی، سرعت اجرا — و هر پارامتر باید به‌صورت زنده قیمت نهایی را عوض می‌کرد. ساختن همین منطق با افزونه‌های عمومی یعنی جنگیدن دائمی با محدودیت‌ها و در نهایت یک سایت کند و شکننده.

راه‌حل ما ساخت اپلیکیشن اختصاصی با Next.js بود: فریم‌ورکی که رندر سمت سرور را با تجربه یک اپلیکیشن تک‌صفحه‌ای ترکیب می‌کند. نتیجه برای کاربر یعنی صفحاتی که سریع بالا می‌آیند و برای تغییر گزینه‌ها هرگز منتظر رفرش نمی‌مانند؛ و برای تیم مالک یعنی هر قانون قیمت‌گذاری، هر سرویس جدید و هر نسخه تازه ورلد آو وارکرفت — مثلاً Midnight که از همین حالا در سایت آماده شده — بدون دست‌زدن به بقیه سایت اضافه می‌شود.

چهار لایه‌ای که در اینفوگرافیک بالا می‌بینید، ستون‌های اصلی معماری هستند. لایه زیرساخت را هم جدی بگیرید: سایت پشت CDN کلودفلر اجرا می‌شود و پاسخ‌های صفحات عمومی با سیاست کش «s-maxage» و «stale-while-revalidate» سرو می‌شوند؛ یعنی بازدیدکننده دوم به بعد، محتوا را از نزدیک‌ترین سرور به خودش می‌گیرد. در بخش سرعت، اعداد واقعی این لایه را نشان می‌دهیم.

زبان بصری: تیره، نارنجی و تمام‌تصویر

طراحی رابط از یک انتخاب آغاز شد: صفحه اصلی باید مثل لابی یک بازی باشد، نه مثل کاتالوگ محصول. کاربر همان نگاه اول، هفت مقصد بازی را به شکل کارت‌های تمام‌تصویر می‌بیند — از World of Warcraft و Season of Discovery تا 20th Anniversary و Classic Era — و مقصد بعدی World of Warcraft: Midnight هم با نشان «Coming Soon» از همین حالا جای خودش را دارد. این یعنی نقشه محصول برای ماه‌های آینده در همان صفحه اول دیده می‌شود.

رنگ‌ها کم اما هدفمندند: پس‌زمینه تیره برای حس گیمینگ، و نارنجی اشباع برای هر جایی که باید دست کاربر را بگیرد — دکمه ارز فعال، قیمت‌ها، دکمه Configure. تایپوگرافی ایتالیک و پهن با حروف بزرگ، همان لحن پوسترهای گیمینگ را به متن‌ها می‌دهد و سلسله‌مراتب بخش‌ها را بدون نیاز به خط و کادر اضافه، روشن می‌کند. زیر هدر هم یک جستجوگر سراسری نشسته که با عبارت «Search services, gold, boosts…» خودش را معرفی می‌کند؛ برای کاربری که می‌داند چه می‌خواهد، این سریع‌ترین راه رسیدن به سفارش است.

کارت‌های سرویس الگوی دیگری از همین شفافیت‌اند: عنوان سرویس، تصویر اختصاصی، قیمت شروع با واحد یورو و دکمه View. قیمت شروع از همان کارت دیده می‌شود و کاربر فقط وقتی وارد کانفیگوراتور می‌شود که بداند این سرویس برای بودجه‌اش منطقی است. در پایین صفحه اصلی هم نوار اعتماد — پرداخت امن، تحویل سریع، رتبه ۴.۹ از ۵ و پشتیبانی شبانه‌روزی — مثل یک مهر تأیید، مسیر را می‌بندد.

کل این مسیر بصری — از هویت تیره تا کارت‌های تمام‌تصویر — خروجی همان فرآیند شش‌مرحله‌ای است که در اینفوگرافیک بالا می‌بینید. مرحله اول تحلیل بازار بود؛ همان جایی که سه اصل اعتماد از آن بیرون آمد. مرحله دوم انتخاب معماری، سوم طراحی رابط، چهارم موتور سفارش و پنجم و ششم زیرساخت و لایه محتوا. در ادامه، تک‌تک این مراحل را با تصویر باز می‌کنیم؛ از مهم‌ترینشان شروع می‌کنیم: کانفیگوراتور.

قلب تپنده فروشگاه: کانفیگوراتور سفارش زنده

اگر قرار باشد فقط یک صفحه از این پروژه را نشان دهید، همان صفحه اول کانفیگوراتور طلاست. اینجا کاربر با چهار تصمیم ساده روبه‌رو می‌شود: ریجن (EU یا US)، ریلم و فکشن سرورش از فهرست کشویی، مقدار طلا، و روش تحویل. در سمت راست، یک کارت خلاصه سفارش نشسته که با هر تغییر، بدون حتی یک لحظه مکث، به‌روز می‌شود: ریجن، ریلم، مقدار، روش تحویل و در انتها قیمت نهایی با قلم درشت.

چیزی که در اسکرین‌شات ساده به نظر می‌رسد، زیر کاپوت یک ماشین قیمت‌گذاری واقعی است. روش تحویل هر کدام قانون خودش را دارد: ارسال با پست درون‌بازی استاندارد است، تحویل از طریق حراجی ۵ درصد اضافه می‌گیرد چون هزینه بیشتری برای فروشنده دارد، و تحویل حضوری هم به‌عنوان گزینه برای کسانی نگه داشته شده که ترجیح می‌دهند رو در رو معامله کنند. اسکرین‌شات بعدی ادامه همین صفحه است: گزینه‌های اضافه — تحویل اکسپرس با ۲۰ درصد اضافه‌بها که زمان تحویل را به نیم ساعت تا یک ساعت می‌رساند، یا تحویل آیتم به‌جای طلا با ۱۰ درصد — و پایین صفحه، زمان تخمینی شروع (۱۵ تا ۳۰ دقیقه) و اتمام سفارش (۱ تا ۸ ساعت) با عدد و متن.

برای سرویس Mythic Boost همان منطق، پیچیده‌تر شده است. کاربر روش بوست را انتخاب می‌کند — بوستر روی اکانت بنشیند (Piloted) یا از راه دور کار کند (Remote Access با ۳۰ درصد اضافه) — و اگر بخواهد روند بوست را زنده تماشا کند، گزینه Stream با ۵ درصد اضافه فعال می‌شود. سطح کی از فهرست انتخاب می‌شود و تعداد کی با یک اسلایدر از یک تا بیست تنظیم می‌شود؛ زیر همان اسلایدر نوشته «Add 1 more for 5% discount» و منطق تخفیف پلکانی داخل خود رابط کاربری آموزش داده می‌شود، نه در صفحه‌ای جدا.

بخش آخر کانفیگوراتور Mythic هم نمونه کامل قیمت‌گذاری پارامتری است: دانجن مشخص با ۱۰ درصد اضافه، اضافه‌کردن معامله‌گر آیتم، رنک مورد انتظار، و سرعت اجرا در سه سطح — استاندارد با زمان ۲۴ تا ۴۸ ساعت، Express با ۲۰ درصد اضافه و زمان ۱۲ تا ۲۴ ساعت، و Super Express با ۴۰ درصد اضافه و شروع فوری که کار تا ۳ تا ۶ ساعت تمام می‌شود. جدول زیر خلاصه همین ساختار است؛ دقت کنید هیچ‌کدام از این درصدها جایی پنهان نشده‌اند.

چرا این بخش را این‌قدر مفصل گفته‌ایم؟ چون در بازار بوستینگ، «قیمت نامعلوم» بزرگ‌ترین عامل ریزش خریدار است. کانفیگوراتور TrustedBoosting عملاً بخش مذاکره را حذف می‌کند: کاربر قبل از پرداخت دقیقاً می‌داند چه می‌خرد، چقدر می‌دهد و چه زمانی تحویل می‌گیرد. همین یک صفحه، تفاوت یک فروشگاه جدی با یک سایت تبلیغاتی معمولی است.

مسیر کاربر: از انتخاب بازی تا پرداخت

ساختار ناوبری سایت را می‌شود در یک جمله گفت: «اول بازی، بعد نسخه، بعد سرویس». کاربر از صفحه اصلی وارد هاب World of Warcraft می‌شود؛ جایی که هر سرویس — Gold، Mythic Boost، Leveling و بقیه — یک ردیف مستقل با قیمت شروع و دکمه Configure دارد. همین سادگیِ عمدی است که مانع گم‌شدن می‌شود؛ کاربری که دنبال طلاست هرگز باید در اخبار پچ‌ها قدم بزند.

نسخه‌های مختلف بازی هم دسته‌بندی مستقل دارند. مثلاً صفحه 20th Anniversary چهار سرویس خودش را دارد و بالای همان صفحه، مسیرBreadcrumb (خانه / 20th Anniversary) مسیر بازگشت را روشن نگه می‌دارد. این تقسیم‌بندی نسخه‌محور فقط برای نظم ظاهری نیست؛ برای سئو هم حیاتی است چون جستجوی بازیکنِ نسخه کلاسیک با بازیکن نسخه Anniversary دو مخاطب متفاوت‌اند و الان هرکدام صفحه اختصاصی خودشان را دارند.

و در انتهای مسیر، همان کانفیگوراتوری که دیدید قرار دارد. جمع این سه لایه یک قیف بدون اصطکاک است: از «فقط دارم نگاه می‌کنم» تا «سفارش در سبد خرید» سه کلیک منطقی فاصله است و در هیچ نقطه‌ای از مسیر، کاربر با سوال بی‌جواب یا صفحه بن‌بست روبه‌رو نمی‌شود. روی موبایل هم همین مسیر با همان کیفیت اجرا می‌شود؛ کارت‌ها تمام‌عرض می‌شوند، منوی همبرگری جای هدر را می‌گیرد و کانفیگوراتور در یک ستون با دکمه‌های بزرگ لمسی ادامه پیدا می‌کند.

محتوایی که هم گوگل دوست دارد، هم بازیکن

یکی از تصمیم‌هایی که به تصور غلط از «سایت‌های فروشگاهی» برمی‌گردد این است که فروشگاه‌ها را بدون متن بسازیم. ما برعکس رفتیم: زیر هر دسته‌بندی و هاب، یک لایه محتوای تخصصی کامل نشسته است. صفحه 20th Anniversary چهارده بخش تحلیلی دارد؛ از اینکه اصلاً این نسخه چیست و لولینگ در آن چطور است، تا ریال‌های Hardcore، ویژگی‌های کیفیت زندگی مثل Chronoboon Displacer و اقتصاد طلای سرورهای تازه‌تأسیس. صفحه هاب WoW هم راهنمای کاملی برای نسخه پیش‌رو یعنی Midnight دارد با سرفصل‌هایی مثل «ساخت طلا در Midnight» و «پروفشن‌ها چه نقشی دارند».

این عمق محتوایی دو وظیفه هم‌زمان دارد. برای کاربر، پاسخ همان سوال‌هایی است که قبل از خرید در جستجو می‌کند — و کسی که پاسخش را در سایت پیدا کند، احتمال خیلی بیشتری دارد در همان سایت بخرد. برای گوگل، سیگنال تخصص واقعی است: صفحاتی با ساختار منظم سرفصل‌ها، زبان طبیعی حوزه بازی و پوشش کامل موضوع. همان‌طور که در اسکرین‌شات‌ها می‌بینید، این متن‌ها ترجمه ماشینی نیستند؛ با اصطلاحات درست خود دنیای WoW نوشته شده‌اند.

لایه سوم محتوا، پرسش‌های پرتکرار است: صفحه اصلی ۱۳ سوال آکاردئونی دارد، صفحه Anniversary شانزده سوال و هاب WoW بیش از ده سوال؛ در کل سایت بیش از چهل پرسش و پاسخ که هرکدام دقیقاً همان دغدغه‌های واقعی خریدار است — از «آیا بوستینگ امن است؟» تا «آیا باید پسورد اکانتم را بدهم؟». بلاگ اختصاصی سایت هم همین حالا راه‌اندازی شده تا در فاز بعد، محتوای راهنمایی سبک‌تر برای جستجوهای بلندتر را پوشش دهد.

اعتمادسازی از فوتر تا صفحه تیم

اعتماد در TrustedBoosting یک بخش نیست؛ همه‌جاست. در فوتر، کنار لینک‌های دسته‌بندی بازی‌ها، کارت «۱۰۰٪ Secure Payment» با توضیح رمزنگاری تراکنش‌ها و لوگوی PayPal و Visa و Mastercard دیده می‌شود — درگاه‌هایی که کاربر بین‌المللی اسمشان را می‌شناسد و همین آشنایی، سومین تکرار پیام امنیت در همان یک صفحه است. ایمیل پشتیبانی و لینک‌های دیسکورد و تلگرام هم دقیقاً همان‌جاست؛ جایی که کاربر بوستینگ به دنبال پشتیبانی می‌رود: چت‌های گیمینگ، نه فرم‌های رسمی.

صفحه درباره ما هم از جنس شعار نیست. داستان تأسیس را می‌گوید — جمعی از بازیکنان حرفه‌ای که در سال ۲۰۲۱ از کلاهبرداری‌های این بازار خسته شدند و تصمیم گرفتند پلتفرمی بسازند که در آن هر تراکنش امن، هر بوستر ارزیابی‌شده و هر مشتری راضی باشد — و بعد چهار ارزش عملیاتی خودش را با جزئیات فنی توضیح می‌دهد: بوسترهای تحت VPN و اکانت‌های دست‌کارسازی‌نشده، شروع بیشتر سفارش‌ها در ۱۵ تا ۳۰ دقیقه، امکان چت با بوستر و تماشای روند بوست به‌صورت زنده، و پشتیبانی انسانی شبانه‌روزی در دیسکورد، تلگرام و ایمیل.

جالب‌ترین بخش اعتمادسازی از نظر ما صفحه Work With Us است: پنج موقعیت شغلی باز — بوستر PvE و PvP، فروشنده طلا، پشتیبان و بازاریاب — با توضیح شفاف هر نقش و یک فرم درخواست واقعی که سابقه بازی متقاضی را می‌گیرد. این صفحه دو پیام هم‌زمان دارد: به مشتری می‌گوید «ما یک عملیات واقعی با تیم واقعی داریم» و به بازیکنان حرفه‌ای می‌گوید «پشت این سایت یک سازمان هست که استخدام می‌کند». برای سایتی که فروشنده خدمات انسانی است، همین صفحه یکی از قوی‌ترین سیگنال‌های مشروعیت است.

قبل از اینکه سراغ اعداد فنی برویم، اینفوگرافیک زیر جمع‌بندی امکانات اختصاصی این پروژه است؛ شش ویژگی‌ای که در همین مستند یکی‌یکی دیدید و هرکدام پاسخ مستقیم به یکی از دردهای بازار بوستینگ هستند. اگر بخواهیم سایت TrustedBoosting را در یک تصویر خلاصه کنیم، همین است.

زیرساخت و سرعت: اعداد، نه ادعا

حرف درباره سرعت آسان است؛ ما ترجیح می‌دهیم اعداد را بگذاریم روی میز. برای همین پروژه، صفحه اصلی را با ابزارهای مرورگر اندازه گرفتیم. در بار دومِ بازدید — وقتی کش کلودفلر گرم است — صفحه در ۴۳۸ میلی‌ثانیه به‌طور کامل آماده می‌شود و کل حجم انتقالی فقط حدود ۶۴ کیلوبایت است. حجم کل دارایی‌های صفحه اصلی حدود ۱.۴ مگابایت است که سهم تصاویر از آن فقط ۱۱۶ کیلوبایت است؛ برای صفحه‌ای پر از کارت‌های گرافیکی، عددی که عملاً یعنی بارگذاری تصاویر هیچ‌وقت گلوگاه نیست.

سهم استایل‌ها هم قابل توجه است: کل سایت با یک فایل CSS اجرا می‌شود. در سمت مقابل، حجم اصلی صفحه روی جاوااسکریپت است — حدود ۸۰۰ کیلوبایت در چند باندل — که طبیعت یک اپلیکیشن تعاملی مثل کانفیگوراتور زنده است. این یعنی یک بده‌بستان آگاهانه: ما سوییچ ارز، جستجوی سراسری و محاسبه لحظه‌ای قیمت را بدون رفرش صفحه می‌خواهیم و در عوض باید حواسمان به حجم باندل‌ها باشد؛ نکته‌ای که در نقشه راه بهینه‌سازی بعدی هم به آن برمی‌گردیم.

• آماده‌شدن DOM در بار دوم: ۴۳۸ میلی‌ثانیه (با کش کلودفلر)
• حجم انتقالی بار دوم: حدود ۶۴ کیلوبایت برای کل صفحه اصلی
• سهم تصاویر صفحه اصلی: فقط ۱۱۶ کیلوبایت از حدود ۱.۴ مگابایت
• استایل‌شیت: یک فایل CSS واحد برای کل فروشگاه
• پوشش کش: s-maxage و stale-while-revalidate برای همه صفحات عمومی
• ساختار انتشار: ۲۶ صفحه کنترل‌شده در نقشه سایت

سئو پروژه: کمپین کلمات بوستینگ

سایت خوب که راه افتاد، نوبت دیدن‌شدن بود. راهبری کمپین سئو این پروژه بر عهده سیاوش رستمی، بنیان‌گذار و مدیرعامل وب‌داران، است که همین حالا بهینه‌سازی سایت را روی چهار کلمه کلیدی اصلی بازار بوستینگ پیش می‌برد: «wow boost»، «wow boosting»، «world of warcraft boost» و «world of warcraft boosting». این چهار عبارت در ظاهر شبیه هم‌اند اما قصد جستجوی پشتشان متفاوت است و کمپین برای هرکدام مسیر جداگانه‌ای چیده است.

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

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

تیم پشت این پروژه

این نمونه‌کار حاصل کار مشترک دو نفر از تیم وب‌داران است. طراحی رابط کاربری و توسعه کامل اپلیکیشن — از کانفیگوراتور قیمت زنده تا سبد خرید و پنل بوسترها — زیر نظر مهدی رستمی انجام شده است؛ او مدیر طراحی و برنامه‌نویسی این پروژه و مهندس ارشد فرانت‌اند وب‌داران است و تصمیم‌های معماری‌ای که در بخش «چرا Next.js» خواندید، خروجی همین تجربه است.

اجرای سئو و بهینه‌سازی سایت روی کلمات کلیدی wow boost، wow boosting، world of warcraft boost و world of warcraft boosting هم بر عهده سیاوش رستمی است؛ بنیان‌گذار و مدیرعامل وب‌داران که استراتژی محتوا و معماری کلمات کلیدی این فروشگاه را طراحی می‌کند و پیش می‌برد. هماهنگی این دو نقش — معماری فنی که از روز اول سئوپسند ساخته شد و کمپینی که روی همین پایه سوار می‌شود — همان چیزی است که این پروژه را از «یک سایت خوب» به «یک دارایی تجاری رشدیابنده» تبدیل می‌کند.

اگر می‌خواهید کیفیت اجرای تیم را در حوزه‌ای دیگر هم ببینید، نمونه‌کار طراحی سایت QuickGameShop را از دست ندهید؛ فروشگاه بین‌المللی اکانت گیمینگ با قالب اختصاصی ووکامرس که همین ساختار مستندسازی و تحلیل را دارد.

نقشه راه: چه چیزهایی در صف بهینه‌سازی است

یک مستند نمونه‌کار وقتی معتبر است که مثل یک ممیزی واقعی، نقاط بهبود را هم ببیند. ما هم برای صادق بودن با خواننده، فهرست کارهای جاری را همین‌جا می‌آوریم؛ همه این موارد بخشی از فاز سئوی در جریان است و طبیعتاً در نسخه‌های بعدی سایت بسته می‌شود.

• عنوان‌های یکتا: صفحه‌های سرویس فعلاً عنوان پیش‌فرض مشترک دارند و عنوان اختصاصی هر صفحه در حال تدوین است؛ مهم‌ترین سرعت‌گیرنده نرخ کلیک در نتایج جستجو.
• داده ساختاریافته: اسکیمای Product و Offer برای سرویس‌ها و BreadcrumbList برای همه صفحات در صف پیاده‌سازی است تا نمایش غنی در نتایج گوگل فعال شود.
• همگام‌سازی نقشه سایت: چند نشانی قدیمی از ساختار قبلی هنوز در sitemap هستند و باید با ساختار جدید جایگزین شوند تا خزنده وقتش هدر نرود.
• ساختار سرفصل صفحه اصلی: صفحه اصلی فعلاً دو تگ H1 دارد و به یک H1 با سلسله‌مراتب درست تبدیل می‌شود.
• بهینه‌سازی حجم باندل‌های جاوااسکریپت: کد-اسپلیت دقیق‌تر برای سبک‌تر شدن اولین بازدید در شبکه‌های موبایل.

چرا این فهرست را پنهان نمی‌کنیم؟ چون سئو یک پروژه است، نه یک تحویل‌دادنی. سایتی که می‌بینید از نظر معماری و تجربه کاربری کامل است و حالا فاز ریز بهینه‌سازی فنی را طی می‌کند — دقیقاً همان ترتیبی که یک اجرای حرفه‌ای باید داشته باشد.

جمع‌بندی: این پروژه چه چیزهایی برای یادگیری دارد

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

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

پرسش‌های پرتکرار درباره این نمونه‌کار

سایت TrustedBoosting با چه فناوری ساخته شده است؟

این سایت یک اپلیکیشن اختصاصی Next.js است؛ نه وردپرس با قالب آماده و نه صفحه‌ساز. کل فرانت‌اند و منطق سفارش‌گیری از صفر کدنویسی شده و سایت پشت CDN کلودفلر اجرا می‌شود. این انتخاب به دلیل نیاز پروژه به موتور قیمت‌گذاری پارامتری و تجربه بدون رفرش بود.

کانفیگوراتور قیمت زنده چطور کار می‌کند؟

هر سرویس مجموعه‌ای از پارامترها دارد (ریجن، ریلم، روش تحویل، سطح کی، سرعت اجرا و…) و هر پارامتر یک قانون قیمت مشخص. با تغییر هر گزینه، موتور قیمت‌گذاری همان لحظه خلاصه سفارش و قیمت نهایی را در کارت کناری به‌روز می‌کند؛ بدون رفرش صفحه و بدون رفت‌وبرگشت به صفحه پرداخت.

کمپین سئو این سایت روی چه کلماتی اجرا می‌شود؟

چهار کلمه کلیدی اصلی: wow boost، wow boosting، world of warcraft boost و world of warcraft boosting. راهبری این کمپین با سیاوش رستمی است و معماری سایت — از دسته‌بندی نسخه‌محور تا بیش از چهل پرسش پرتکرار و بلاگ تخصصی — طوری طراحی شده که هر کدام از این عبارت‌ها صفحه هدف مناسبی داشته باشند.

چرا برخی بهینه‌سازی‌ها هنوز انجام نشده‌اند؟

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