خدمات طراحی سایت آپسئو یعنی ساخت وب سایتی که از همان روز اول برای دو مخاطب طراحی شده است: کاربری که باید در چند ثانیه تصمیم بگیرد و ربات گوگل که باید ساختار صفحات را درست بفهمد. ما سایت شرکتی، فروشگاهی و خدماتی را با معماری سئو شده، طراحی ریسپانسیو، سرعت بالا و پنل مدیریت ساده تحویل می دهیم.
بیشتر وب سایت ها با یک اشتباه ساده شروع می شوند: ابتدا ظاهر ساخته می شود و سئو به آخر پروژه موکول می شود. نتیجه این ترتیب را بعد از چند ماه می بینید. آدرس ها باید عوض شوند، هدینگ ها باید بازنویسی شوند، قالب باید سبک شود و هر تغییر یعنی هزینه دوباره و ریسک افت رتبه. در آپسئو طراحی و سئو یک پروژه واحد هستند و تصمیم های فنی از ابتدا بر اساس نیت جستجوی مخاطب گرفته می شوند.
این صفحه توضیح می دهد دقیقا چه خدماتی در طراحی سایت ارائه می کنیم، فرآیند کار چگونه است، چه بستری برای چه نوع کسب و کاری مناسب است، هزینه از چه عواملی تشکیل می شود و پیش از سفارش چه نکاتی را باید بررسی کنید. اگر دنبال نمونه کار هستید، بخش نمونه کارهای طراحی سایت را همین پایین ببینید.
وب سایتی که فقط زیبا باشد، مثل مغازه ای است که ویترین قشنگی دارد اما در خیابان فرعی باز شده است. زیبایی لازم است، ولی کافی نیست. چهار دلیل مشخص وجود دارد که چرا سئو باید از مرحله طراحی وارد پروژه شود.
ساختار منو، دسته بندی ها و آدرس صفحات ستون فقرات سایت هستند. وقتی چند صد صفحه با یک ساختار اشتباه منتشر شود، اصلاح آن نیازمند ریدایرکت گسترده است. طراحی درست ساختار سایت در سئو در همان ابتدا این هزینه را حذف می کند.
قالب های چندمنظوره آماده معمولا ده ها فایل CSS و جاوااسکریپت اضافه بارگذاری می کنند. افزونه کش این مشکل را پنهان می کند، ولی ریشه آن را حل نمی کند. قالبی که از ابتدا سبک نوشته شود، بدون ترفند به شاخص های Core Web Vitals نزدیک می شود.
ایندکس گوگل بر پایه نسخه موبایل سایت ساخته می شود. اگر محتوا، لینک ها یا داده ساختاریافته در موبایل کمتر از دسکتاپ باشد، همان نسخه ناقص ارزیابی می شود. به همین دلیل طراحی را از موبایل شروع می کنیم و بعد به دسکتاپ گسترش می دهیم.
سایتی که بازدید دارد ولی تماس یا سفارش ندارد، مشکلش ترافیک نیست. جای دکمه ها، وضوح پیشنهاد، فرم های کوتاه و اعتمادسازی تعیین می کنند بازدیدکننده مشتری شود یا نه. این موضوع در مقاله بهینه سازی تجربه کاربری UX و سئو بیشتر توضیح داده شده است.
در ادامه چند پروژه طراحی سایت را می بینید که تیم ما اجرا کرده است. برای ارزیابی کیفیت یک نمونه کار فقط به ظاهر آن نگاه نکنید. بهتر است سایت را روی موبایل باز کنید، سرعت بارگذاری را حس کنید و ببینید اطلاعات تماس و مسیر تصمیم گیری چقدر سریع پیدا می شود.
نمونه کارهای بیشتر را در صفحه نمونه کارهای طراحی وب سایت ببینید. اگر کسب و کار شما در صنعت مشخصی فعالیت می کند، هنگام مشاوره بگویید تا نمونه نزدیک به همان حوزه را نشان بدهیم.
هر نوع سایت هدف تجاری و الگوی رفتاری متفاوتی دارد. به همین دلیل نقطه شروع طراحی یک سایت شرکتی با یک فروشگاه اینترنتی یکی نیست. این شش دسته بیشترین پروژه های ما را تشکیل می دهند.
هدف اصلی این سایت ها اعتمادسازی و دریافت استعلام است. صفحه خدمات، نمونه کار، درباره ما و تماس باید طوری چیده شود که مدیر خریدار در دو یا سه کلیک به پاسخ برسد.
در فروشگاه، صفحه دسته بندی و صفحه محصول مهم ترین دارایی ها هستند. فیلتر، جست و جوی داخلی، سبد خرید و درگاه پرداخت باید هم سریع باشند هم برای سئو بدون صفحه تکراری. برای ادامه مسیر، خدمت سئو فروشگاه اینترنتی را ببینید.
در این حوزه ها کاربر قبل از تماس به دنبال نشانه صلاحیت است. معرفی تیم، مدارک، سوابق و پاسخ به پرسش های رایج در طراحی لحاظ می شود و با اصول E-E-A-T گوگل هماهنگ است.
صفحه فرود یک هدف دارد و هر المان اضافه آن را تضعیف می کند. پیشنهاد روشن، فرم کوتاه، اثبات اجتماعی و سرعت بالا چهار رکن این نوع طراحی هستند.
برای وکیل، مشاور، مدرس یا فریلنسر، سایت شخصی ویترین تخصص است. سبک بودن، خوانایی نوشته و نمایش واضح مهارت ها مهم تر از جلوه های سنگین بصری است.
اگر نیاز شما از یک سایت معمولی فراتر می رود، مثل پنل کاربری، رزرو، نمایش اطلاعات پویا یا ارتباط با نرم افزار داخلی، پروژه را با کدنویسی اختصاصی و معماری مستقل پیاده می کنیم.
رتبه خوب فقط ورود کاربر را تضمین می کند. اینکه او تماس بگیرد یا سفارش بدهد، به طراحی صفحه بستگی دارد. در صفحه های خدمات و محصول چهار عنصر را به ترتیب اولویت بررسی می کنیم.
کاربر باید بدون اسکرول بفهمد این صفحه چه چیزی ارائه می دهد، برای چه کسی است و قدم بعدی چیست. تیتر مبهم و تصویر بی ربط در این بخش بیشترین ریزش را می سازد.
نمونه کار، معرفی تیم، شماره تماس واقعی، نشانی و پاسخ روشن درباره روش کار باید نزدیک جایی باشد که کاربر درباره اعتماد کردن تردید می کند، نه در انتهای صفحه.
هر فیلد اضافه در فرم، تعداد کسانی را که آن را کامل می کنند کم می کند. برای درخواست مشاوره معمولا نام، شماره تماس و یک توضیح کوتاه کافی است. دکمه باید متن مشخص داشته باشد و در موبایل با یک لمس در دسترس باشد.
قیمت، زمان، ریسک و پشتیبانی سوال های همیشگی مشتری هستند. بخش پرسش های متداول نوشته شده با زبان مشتری، هم تردید را کم می کند و هم پوشش موضوعی صفحه را برای جستجو کامل تر می سازد.
پروژه ها در هفت مرحله مشخص جلو می روند. هدف این است که پیش از شروع کدنویسی، سه سوال روشن شده باشد: سایت برای چه کسی ساخته می شود، چه اقدامی از او می خواهیم و چه چیزی باید در گوگل پیدا شود.
در جلسه اول درباره محصول، مشتری هدف، رقبا و هدف تجاری سایت صحبت می کنیم. خروجی این مرحله یک تعریف روشن از اقدام مطلوب است، مثلا تماس تلفنی، ثبت سفارش یا درخواست مشاوره.
قبل از طراحی، عبارت هایی که مشتری واقعی جست و جو می کند بررسی می شود. این کار بر اساس نیت جستجو تعیین می کند کدام موضوع صفحه خدمات می شود، کدام مقاله و کدام فقط یک بخش از صفحه.
فهرست صفحات، سطح بندی منو، ساختار آدرس ها و مسیر لینک دهی داخلی روی کاغذ طراحی می شود. هر صفحه یک هدف و یک کلمه کلیدی اصلی دارد تا صفحات با هم رقابت نکنند.
ابتدا نسخه موبایل و سپس دسکتاپ طراحی می شود. رنگ، تایپوگرافی فارسی، فاصله ها و دکمه ها با هویت برند هماهنگ می شوند و پیش از پیاده سازی برای تایید در اختیار شما قرار می گیرند.
طراحی به کد تمیز و سبک تبدیل می شود. بارگذاری فایل ها بهینه می شود، تصاویر با فرمت مدرن ارائه می شوند و پنل مدیریت طوری تنظیم می شود که تیم شما بدون دانش فنی بتواند محتوا را ویرایش کند.
پیش از انتشار، سایت روی گوشی های مختلف، مرورگرهای اصلی و ابزارهای سنجش سرعت آزمایش می شود. عنوان ها، توضیحات متا، تگ کانونیکال، نقشه سایت و داده ساختاریافته نیز یکی یکی بررسی می شوند.
پس از راه اندازی، ثبت سایت در سرچ کنسول و ابزار تحلیل انجام می شود. آموزش کار با پنل ارائه می شود و در دوره پس از تحویل، خطاهای احتمالی و تنظیمات ضروری پیگیری می شوند.
انتخاب بستر فنی مهم ترین تصمیم پروژه است و باید بر اساس نیاز انتخاب شود، نه بر اساس مد روز. جدول زیر مقایسه کیفی چهار گزینه رایج است. این جدول عدد و آمار ندارد، چون پاسخ هر پروژه به حجم محتوا، بودجه و تیم نگهداری بستگی دارد.
| بستر | مناسب برای | نقطه قوت | ریسک اصلی |
|---|---|---|---|
| وردپرس با قالب سفارشی | سایت شرکتی، وبلاگ، سایت خدماتی | مدیریت محتوای آسان و اکوسیستم بزرگ | انباشت افزونه و کندی در صورت نبود نظم فنی |
| ووکامرس | فروشگاه با تعداد محصول کوچک تا متوسط | راه اندازی سریع و افزونه های فراوان | فشار روی سرور و درخواست های AJAX سنگین |
| کد اختصاصی با PHP یا لاراول | سامانه های سفارشی، پنل کاربری، منطق خاص | کنترل کامل روی ساختار و عملکرد | هزینه توسعه بیشتر و وابستگی به تیم فنی |
| Next.js یا React با رندر سمت سرور | پروژه هایی با تعامل پیچیده و تیم توسعه قوی | سرعت بالا و تجربه روان | خطای رندرینگ در صورت پیکربندی نادرست سئو |
برای بیشتر کسب و کارهای ایرانی که به دنبال سایت معرفی، تولید محتوا و جذب مشتری هستند، وردپرس با قالب اختصاصی و سبک انتخاب منطقی است، به شرط آنکه قالب چندمنظوره سنگین جایگزین طراحی نشود. اگر پروژه شما روی وردپرس ساخته می شود، خدمت سئو وردپرس مکمل طبیعی آن است.
در پروژه هایی که جاوااسکریپت نقش اصلی رندر را دارد، باید از ابتدا به ایندکس شدن فکر کرد. اگر محتوای صفحه فقط پس از اجرای اسکریپت در مرورگر ساخته شود، ممکن است گوگل آن را دیر یا ناقص ببیند. جزئیات این موضوع در مقاله سئو جاوا اسکریپت آمده است.
این هشت مورد را در همه پروژه ها از ابتدا تعیین می کنیم، چون تغییر آن ها پس از انتشار یعنی بازنویسی، ریدایرکت و مدتی نوسان رتبه. توضیح کامل تر این اصول را در مقاله اصول سئو در زمان طراحی سایت می خوانید.
آدرس کوتاه، خوانا و پایدار انتخاب می شود و تاریخ یا شناسه بی معنی در آن نمی آید. قاعده نگارش آدرس فارسی یا انگلیسی در مقاله URL و سئو بررسی شده است. تصمیم درباره اسلش پایانی و نسخه اصلی دامنه هم در همین مرحله قطعی می شود.
هر صفحه یک H1 دارد و زیرمجموعه ها به ترتیب H2 و H3 می آیند. تیتر برای ظاهر انتخاب نمی شود، برای ساختار انتخاب می شود. این موضوع هم برای خوانایی کاربر مهم است و هم برای درک موضوع صفحه توسط موتور جستجو.
منو، فوتر، مسیر راهنما و لینک های درون متن طوری برنامه ریزی می شوند که صفحات تجاری مهم از صفحات اطلاعاتی لینک بگیرند. اصول این کار در لینک داخلی در سئو توضیح داده شده است.
اسکیمای سازمان، مسیر راهنما، سوالات متداول و در فروشگاه ها اسکیمای محصول در سطح قالب پیش بینی می شود تا برای هر صفحه جدید به صورت خودکار درست تولید شود. اگر به پیاده سازی تخصصی نیاز دارید، خدمات اسکیما مارک آپ را ببینید.
ابعاد تصویر مشخص می شود، فرمت WebP به کار می رود، متن جایگزین توصیفی نوشته می شود و بارگذاری تنبل فقط برای تصاویر پایین صفحه فعال می شود. جزئیات در سئو تصاویر سایت آمده است.
گواهینامه امنیتی، هدایت دائمی نسخه ناامن به نسخه امن و رفع محتوای ترکیبی جزو الزامات انتشار است. نکات فنی آن در راهنمای گواهینامه SSL توضیح داده شده است.
صفحه ۴۰۴ کاربردی طراحی می شود و اگر سایت قدیمی در کار باشد، نقشه ریدایرکت پیش از انتشار آماده می شود. اصول این بخش در صفحه ۴۰۴ سفارشی و ریدایرکت ۳۰۱ بررسی شده است.
صفت زبان، جهت راست به چپ و در صورت نیاز ساختار نسخه های زبانی از ابتدا تعریف می شود. برای پروژه های چندزبانه، مقاله سئو سایت چند زبانه مبنای کار ماست.
ریسپانسیو بودن فقط این نیست که صفحه روی موبایل کوچک شود. باید محتوا، فاصله ها و اندازه عناصر برای استفاده با انگشت و در شرایط واقعی مثل نور زیاد یا اینترنت کند بازطراحی شوند.
در طراحی فارسی چند نکته باید جدی گرفته شود. جهت راست به چپ باید در کل ساختار اعمال شود، نه فقط روی متن. فونت فارسی انتخاب شده باید در اندازه های کوچک خوانا باشد و فایل آن حجم زیادی نداشته باشد. اعداد، علامت ها و متن های ترکیبی فارسی و انگلیسی باید بدون به هم ریختگی نمایش داده شوند. همچنین تنظیم درست صفت زبان صفحه کمک می کند مرورگر و ابزارهای کمکی متن را درست تفسیر کنند، موضوعی که در مقاله صفت زبان HTML توضیح داده شده است.
دسترس پذیری هم به تجربه همه کاربران کمک می کند، نه فقط گروه خاصی. تضاد رنگ کافی، اندازه فونت مناسب، ترتیب منطقی تب و متن جایگزین تصاویر نمونه هایی از آن هستند. این موارد با معیارهای رایج دسترس پذیری وب سازگارند و معمولا هزینه آن ها در زمان طراحی بسیار کمتر از اصلاح بعد از انتشار است.
گوگل کیفیت تجربه صفحه را با سه شاخص اصلی اندازه می گیرد. مقدار پیشنهادی هر شاخص بر اساس مستندات رسمی گوگل و برای هفتاد و پنجمین صدک بازدیدها تعیین شده است. یعنی اگر سه چهارم کاربران واقعی شما در این محدوده باشند، صفحه در وضعیت خوب قرار می گیرد.
این شاخص زمان نمایش بزرگ ترین عنصر قابل مشاهده، معمولا تصویر اصلی یا تیتر، را می سنجد. مقدار خوب برای آن حداکثر ۲٫۵ ثانیه است. تصویر بالای صفحه نباید تنبل بارگذاری شود و باید ابعاد مشخص داشته باشد.
این شاخص نشان می دهد سایت بعد از تعامل کاربر چقدر سریع واکنش نشان می دهد. مقدار خوب آن حداکثر ۲۰۰ میلی ثانیه است. اسکریپت های سنگین، ویجت های متعدد و کدهای ردیابی اضافه، مهم ترین دلایل ضعف آن هستند.
این شاخص جابه جایی ناگهانی عناصر را اندازه می گیرد و مقدار خوب آن حداکثر ۰٫۱ است. رزرو فضای تصاویر، بنرها و فونت ها از ابتدا مانع می شود دکمه ای زیر انگشت کاربر جابه جا شود. راهنمای عملی این مورد در رفع خطای CLS آمده است.
سرعت فقط به قالب مربوط نیست. زمان پاسخ سرور هم نقش دارد و اگر هاست ضعیف باشد، بهترین طراحی هم کند به نظر می رسد. برای بررسی این بخش، مقاله کاهش TTFB و صفحه تجربه صفحه گوگل را بخوانید. اگر سایت فعلی شما کند است و طراحی مجدد در برنامه نیست، خدمت افزایش سرعت سایت مسیر کوتاه تری است.
این موارد از متداول ترین مشکلاتی هستند که هنگام ممیزی سایت ها دیده می شود. هیچ کدام پیچیده نیستند، ولی اصلاح آن ها پس از انتشار وقت و هزینه می برد.
اسلایدرها تصاویر سنگین بارگذاری می کنند و کاربر معمولا فقط اولین اسلاید را می بیند. یک تصویر قوی با یک پیام روشن و یک دکمه معمولا نتیجه بهتری دارد. درباره چیدمان بخش ابتدایی صفحه، بالای خط تا را ببینید.
قالبی که برای صد نوع سایت ساخته شده، کدهای صد نوع سایت را هم همراه دارد. شما فقط یک نوع از آن را استفاده می کنید ولی هزینه سرعت همه را می پردازید.
اگر متن واقعی در طراحی دیده نشود، طول عنوان ها، تعداد خط ها و ساختار بخش ها بعدا با قالب نمی خواند. بهتر است حداقل تیتر و ساختار محتوا قبل از طراحی نهایی مشخص باشد.
وقتی چند خدمت مختلف در یک صفحه جمع شوند، هیچ کدام در گوگل به عنوان پاسخ اصلی دیده نمی شوند. هر خدمت اصلی صفحه جدا، عنوان جدا و هدف جستجوی جدا می خواهد.
بررسی طراحی فقط روی مانیتور مدیر، یک خطای رایج است. سهم قابل توجهی از بازدیدها از موبایل است و جدول، فرم یا منوی ناسازگار با موبایل، بازدیدکننده را از دست می دهد.
سایتی که جای مشخصی برای وبلاگ، خدمات جدید و صفحات تخصصی ندارد، با اولین افزایش محتوا نامنظم می شود. منو و دسته بندی ها باید از ابتدا برای رشد آینده ظرفیت داشته باشند.
قیمت طراحی سایت عدد ثابتی ندارد و ارائه عدد بدون شنیدن نیاز شما گمراه کننده است. به جای آن، شفاف می گوییم هزینه از کدام متغیرها ساخته می شود تا بتوانید پیشنهادها را درست مقایسه کنید.
سایت معرفی با چند صفحه ثابت با سایتی که صدها صفحه خدمات، محصول یا مقاله دارد از نظر زمان طراحی، تست و ساختار سئو فاصله زیادی دارد.
طراحی اختصاصی بر اساس هویت برند زمان بیشتری از شخصی سازی یک ساختار آماده می برد. این تفاوت را در پیشنهاد قیمت باید روشن ببینید.
درگاه پرداخت، پنل کاربری، رزرو آنلاین، اتصال به نرم افزار حسابداری یا چندزبانه بودن هرکدام زمان توسعه و تست جداگانه نیاز دارند.
اگر سایت قدیمی دارید، انتقال محتوا، نقشه ریدایرکت و حفظ رتبه بخشی از پروژه است. اگر محتوا از صفر نوشته شود، آن هم باید جداگانه برآورد شود.
انتخاب هاست، گواهینامه امنیتی، شبکه توزیع محتوا و تنظیمات سرور روی سرعت نهایی اثر مستقیم دارند و باید در برآورد پروژه دیده شوند.
طول دوره پشتیبانی، آموزش تیم شما و خدمات نگهداری ماهانه از موارد قابل توافق هستند و بهتر است از ابتدا مکتوب شوند.
دو پروژه فرضی را در نظر بگیرید. اولی سایت معرفی یک شرکت خدماتی با حدود ده صفحه ثابت و یک فرم تماس است. دومی یک فروشگاه اینترنتی با چند هزار محصول، فیلتر، درگاه پرداخت و انتقال از سایت قدیمی. هر دو را «طراحی سایت» می نامیم، ولی در دومی بخش بزرگی از کار به معماری دسته بندی، جلوگیری از صفحات تکراری، سرعت صفحه محصول و ریدایرکت صفحات قدیمی مربوط است. این اعداد فقط برای توضیح هستند و به معنی قیمت یا زمان واقعی هیچ پروژه ای نیستند.
تحویل یک سایت فقط دادن آدرس و رمز عبور نیست. این فهرست اقلامی است که در پایان پروژه باید روشن و مکتوب در اختیار شما باشد.
پاسخ کوتاه رایج ترین سوال هایی که پیش از شروع پروژه از ما می پرسند در ادامه آمده است.
زمان پروژه به تعداد صفحات، میزان سفارشی بودن طراحی، قابلیت ها و سرعت ارسال محتوا از سمت شما بستگی دارد. بزرگ ترین عامل تاخیر معمولا آماده نبودن متن و تصاویر است. زمان دقیق پس از جلسه مشاوره و تعیین دامنه پروژه اعلام می شود.
بخش فنی سئو شامل ساختار آدرس، تیترها، متا، سرعت و داده ساختاریافته در طراحی لحاظ می شود. اما سئوی کامل شامل تولید محتوا و لینک سازی است که فرآیندی مستمر است و بعد از راه اندازی ادامه پیدا می کند.
برای بیشتر سایت های شرکتی و خدماتی، وردپرس با قالب سبک و اختصاصی انتخاب مناسبی است. اگر پنل کاربری، منطق سفارشی یا اتصال به نرم افزار دارید، کد اختصاصی توجیه بیشتری دارد. معیار تصمیم نیاز پروژه است.
اگر نقشه ریدایرکت درست تهیه شود، آدرس های مهم قدیمی به معادل جدیدشان هدایت می شوند و افت دائمی رخ نمی دهد. نوسان کوتاه مدت پس از مهاجرت ممکن است اتفاق بیفتد، ولی با برنامه ریزی قابل کنترل است.
بله. پنل مدیریت طوری تنظیم می شود که ویرایش متن، تصویر، صفحات و مقاله ها بدون دانش برنامه نویسی ممکن باشد. در پایان پروژه آموزش کار با پنل نیز ارائه می شود.
طراحی از نسخه موبایل آغاز می شود و پیش از انتشار روی چند اندازه صفحه و مرورگرهای اصلی آزمایش می شود. ابزارهای رسمی سنجش سرعت و قابلیت استفاده در موبایل نیز بررسی می شوند.
باید باشد. توصیه ما این است که دامنه و هاست به نام مجموعه شما ثبت شود و دسترسی های لازم در پایان پروژه در اختیار شما قرار بگیرد.
شرح کوتاه کسب و کار، مخاطب هدف، فهرست خدمات یا محصولات، نمونه سایت های مورد علاقه و آدرس سایت فعلی در صورت وجود. بقیه موارد در جلسه مشاوره رایگان مشخص می شود.
نیاز خود را بگویید تا بستر مناسب، دامنه پروژه و مسیر اجرا را با هم بررسی کنیم.
معمولاً در چند دقیقه پاسخ میدهیم