اشتباهات مهم در طراحی صفحه اول سایت - نسخه‌ی قابل چاپ +- انجمن استودیو توپو مرجع طراحان و توسعه دهندگان (http://topostudio.ir) +-- انجمن: انجمن سبک زندگی (http://topostudio.ir/Forum-%D8%A7%D9%86%D8%AC%D9%85%D9%86-%D8%B3%D8%A8%DA%A9-%D8%B2%D9%86%D8%AF%DA%AF%DB%8C) +--- انجمن: پزشکی و سلامت (http://topostudio.ir/Forum-%D9%BE%D8%B2%D8%B4%DA%A9%DB%8C-%D9%88-%D8%B3%D9%84%D8%A7%D9%85%D8%AA) +--- موضوع: اشتباهات مهم در طراحی صفحه اول سایت (/Thread-%D8%A7%D8%B4%D8%AA%D8%A8%D8%A7%D9%87%D8%A7%D8%AA-%D9%85%D9%87%D9%85-%D8%AF%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B5%D9%81%D8%AD%D9%87-%D8%A7%D9%88%D9%84-%D8%B3%D8%A7%DB%8C%D8%AA)

اشتباهات مهم در طراحی صفحه اول سایت - kkhojasteh - 2025/07/04 برای  صفحه اصلی سایت  لازم است تا برخی موارد را حتما درنظر داشته باشید تا بتوانید تاحد ممکن کاربر سایت را به درستی راهنمایی کنید . این موارد را در ادامه صفحه بصورت دقیق بررسی خواهیم  فرم در صفحه اول ممنوع! در گذشته فرم‌های خبرنامه در داخل صفحات اصلی و بخش انتهای صفحه وجود داشت که شما ضمن وارد کردن ایمیل ، از آخرین اخبار و رویدادهای سایت مطلع می‌شدید که با بوجود آمدن خبرنامه پیامکی این فرم‌ها کم رنگ شدند . این فرم با توجه به اینکه دارای یک ورودی ایمیل و صرفا یک دکمه بود ، مشکلی را در طراحی ایجاد نمی‌کرد و قابل قبول بود اما وجود فرم‌هایی مثل فرم تماس با ما در صفحه اصلی حقیقتا به دور از یک UI و UX خوب است . در برخی وب سایت‌ها شاهد این موضوع هستیم که فرم تماس با چند ورودی مختلف ( نام ، نام خانوادگی ، ایمیل یا موبایل ، موضوع پیام و متن پیام ) وجود دارد . این نوع فرم باید در داخل صفحه تماس با ما و بخش مخصوص به خود قرار داشته باشد و جای فرم تماس در صفحه اصلی هرچند در انتهای آن نیست ! صفحه بندی مقالات یا محصولات اگر وارد صفحه آرشیو مقالات یا محصولات شوید ، معمولا به تعداد مشخصی مطالب یا محصولات را مشاهده می‌کنید و مابقی آنها ( درصورت بیشتر بودن از یک تعداد مشخص ) در صفحات 2 و 3 و … نمایش داده می‌شود . صفحه بندی مختص صفحات آرشیو است . در برخی وب سایت‌های جدید یا مبتدی ، شاهد هستیم که داخل صفحه اصلی سایت ، در بخشی از صفحه لیست آخرین مقالات یا محصولات وجود دارد و البته اصلا لینکی برای مشاهده مابقی محصولات وجود ندارد و بخش صفحه بندی ظاهر شده است . این بخش صفحه بندی یکی از بدترین اشتباهات داخل صفحه اول سایت است و هرگز نباید آن را در صفحه اول ظاهر کنید . دقت داشته باشید که ارسال Query String در صفحه اول برای صفحه بندی ، هم از نظر سئو و هم از نظر UX و UI تماما اشتباه است . مسیر راهنما یا Breadcrumb مسیر راهنما یکی از بخش‌هایی است که در صفحات داخلی سایت آن را مشاهده می‌کنید و به کاربر نمایش خواهد داد که شما از چه مسیری وارد صفحه فعلی شده‌اید . این مسیر راهنما در هر صفحه دیگری هم که باشد ، داخل صفحه اصلی سایت به هیچ عنوان نباید قرار داشته باشد . این مسیر راهنما شاید در صفحات لندینگ پیج مثل صفحات جشنواره و … نیز که موقتی هستند وجود نداشته باشد ( شاید هم وجود داشته باشد ) اما داخل صفحه اصلی سایت هرگز نباید این مسیر راهنما را ایجاد کنید . ویدیوهای بسیار بزرگ و سنگین گاها شاهد هستیم که برای معرفی شرکت یا مجموعه و فروشگاه ، یک ویدیو بزرگ در همان ابتدای صفحه قراردارد که اگر اندازه و ابعاد این ویدیو مناسب نبوده و حجم آن بسیار زیاد باشد ، اولا زمان بارگذاری سایت افزایش خواهد یافت و دوم اینکه روی UI و UX سایت تاثیر بسیار منفی خواهد داشت . انتظار کاربر برای بارگذاری یک ویدیو ، ایجاد اختلال در نمایش سایر قسمت‌های سایت بواسطه وجود این ویدیو و بسیاری موارد دیگر ، مستقیما بروی سایت شما تاثیر دارند لذا باید دقت کنید ک ویدیو در محل درست و به شکل درست نمایش داده شود . تکرار مجدد یک section تکرار یک بخش بیش از یکبار بسیار اشتباه است . تصور کنید که شما یک قسمت شگفت انگیز برای خرید محصولات فروشگاه دارید . این قسمت در ابتدای سایت ظاهر خواهد شد . تصور کنید شما همین قسمت را یکبار دیگر در انتهای سایت یا اواسط صفحه مجدد قرار دهید ( به عبارتی اصرار بسیار زیادی به فروش محصول دارید ) در این شرایط شما با تکرار یک section در دو بخش از یک صفحه ، اشتباه زیبایی را مرتکب شدید . استفاده از تگ h1 بیش از یکبار برخی از سایت‌ها برای ایجاد عناوین بزرگ در صفحه اول ، بجای ایجاد font size بزرگ روی فونت ، از تگ h1 استفاده می‌کنند که در حالت کلی ، اندازه فونت بزرگتری دارد اما لازم است اطلاع داشته باشید که داخل هر صفحه باید تنها از یک تگ h1 استفاده شود . البته که شما اگر 10 تگ h1 نیز قرار دهید از نظر ظاهری و نمایش مشکلی ندارید اما اگر فردا روزی سایت خود را سئو کنید ، یکی از اولیه‌ترین اشکالات سایت شما که رویت خواهد شد ، وجود تگ h1 به تعداد بیش از یک عدد در سایت است . قراردادن منو اصلی مجدد در فوتر در بالاتر به مشکل تکرار مجدد یک section اشاره کردیم اما موضوع منو اصلی تفاوت دارد . گاها در برخی سایت‌ها شاهد هستیم که منو اصلی یا همان منوی بالای سایت در قسمت پایین سایت ( فوتر ) نیز تکرار شده است یا در دیزاینی متفاوت ، تمامی لینک‌های بالای سایت در فوتر سایت نیز وجود دارد که این نیز از نظر قواعد سئو و همچنین UX اشتباه است . دکمه منو موبایلی در حالت دسکتاپ یکی از مواردی که در طراحی واکنشگرا مهم است ، واکنشگرا بودن سایت است که البته در حالت موبایل باید یک دکمه جهت نمایش منوی سایت وجود داشته باشد . این دکمه نباید در حالت دسکتاپ نمایش داده شود و تنها لازم است تا در عرض های مشخصی مثلا عرض 768 پیکسل به پایین نمایش داده شود . برخی وب سایت‌ها زحمت عدم نمایش این دکمه را در حالت غیر از موبایل و تبلت به خودشان نمی‌دهند و درنتیجه با کلیک روی این دکمه در حالت دسکتاپ ، یک منوی کناری نیز باز خواهد شد که این امر نیز اشتباه است و باید به آن توجه شود . عدم داشتن منو در سایت یکی دیگر از موارد مربوط به منو که شاید از نظر شما خنده دار باشد این است که در برخی سایت‌ها اصلا چیزی بنام منو وجود ندارد ، و شما بعنوان کاربر استفاده کننده از سایت ، زمانی که وارد سایت شدید ، سردرگم هستید اصلا اطلاع ندارید که برای مشاهده مثلا لیست محصولات باید از کدام بخش وارد شوید . لذا وجود یک منو اصولی نیز بسیار مهم است . لوگوی بسیار بزرگ ، محل نامناسب برای لوگو لوگوی سایت یک اندازه استاندارد دارد و لازم نیست شما جهت نمایش بهتر لوگو ، آن را در ابعاد بسیار بزرگی داخل سایت قرار دهید . معمولا لوگوی سایت را در وب سایت‌های راست به چپ ، در راست ترین قسمت سایت یا به عبارتی نقطه شروع سایت قرار می‌دهند و در سایت های چپ به راست ، در سمت چپ هدر است و عموما لوگو داخل منو اصلی سایت قرار دارد .