طراحی سایت

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

چرا ساختار وب سایت برای طراحان مهم است؟ 
وظیفه طراح این است که وب سایتی را ایجاد کند که دارای یک UX عالی است که از دسترسی پذیری مراقبت می کند و استفاده از آن آسان است. ساختار وب سایت عالی با سهولت یافتن آنچه مورد نظر کاربران است ، قابلیت استفاده یا کاربرپسندی طراحی سایت شما را بهبود می بخشد. برای ایجاد ساختار وب سایت ، باید نحوه سازماندهی محتوا در سایت خود (صفحه اصلی ، دسته ها ، صفحات جداگانه ، پست های وبلاگ) را ترسیم کنید. 

به همین دلیل است که ساختار وب سایت باید اولین گام در هر پروژه طراحی وب باشد. 

چگونه می توان بهترین ساختار را برای وب سایت خود انتخاب کرد
اصل اساسی در ساختار وب سایت عالی معماری اطلاعات (IA) است . IA تضمین می کند که محتوا سازماندهی ، ساختار یافته و به طور موثر و پیوسته برچسب گذاری می شود. برای ایجاد بهترین معماری اطلاعات برای وب سایت خود ، باید عوامل زیر را در نظر بگیرید:

سفر کاربران : از آنجا که وب سایت ها برای خدمت به کاربران ایجاد شده اند ، مهم است که نحوه تجربه یا تعامل آنها با سایت شما و انتظارات آنها از نحوه عملکرد وب سایت شما در نظر گرفته شود. می توانید سفر کاربران خود را از طریق مصاحبه یا تمرین مرتب سازی کارت تعیین کنید . 
محتوا : ساختار وب سایت شما نیز تا حد زیادی بر اساس نوع و حجم محتوای سایت شما تعیین می شود. ساختار یک سایت تجارت الکترونیک با ساختار یک سایت دانشگاهی متفاوت خواهد بود. 
زمینه : زمینه یک وب سایت با اهداف تجاری آن ، زمینه فرهنگی موجود در آن و منابع موجود تعیین می شود. مهم است که هنگام ایجاد وب سایت خود به این واقعیت توجه کنید.
عناصر ساختار وب سایت خوب (بعلاوه مثالهای بصری)
متداول ترین ساختار وب سایت یک ساختار سلسله مراتبی است که بر اساس یک صفحه اصلی (صفحه اصلی) و صفحات فرزند (دسته ها و زیر مجموعه ها) است که از صفحه اصلی جریان می یابد. 

صفحه نخست 
صفحه اصلی شما صفحه برتر سلسله مراتب وب سایت شما است و محل اصلی ای است که کاربران از آن وب سایت شما را حرکت می دهند. اطمینان حاصل کنید که همه صفحات مهم وب سایت شما از این صفحه پیوند خورده اند. رابطه بین صفحه اصلی و صفحات دسته اصلی توسط منوی وب سایت یا ناوبری اصلی نشان داده می شود.

در اینجا نحوه طراحی یک ناوبری/منوی مفید برای وب سایت شما آمده است:

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

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

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

اگر در حال طراحی وب سایت تجارت الکترونیک هستید ، می توانید محصولات خود را در دسته هایی مانند "مردان" و "زنان" گروه بندی کنید. اگر دسته بندی های شما زیاد است ، می توانید آنها را به زیر شاخه ها تقسیم کنید. در ادامه مثال ما از نمونه فروشگاه تجارت الکترونیک ، دسته زنان می توانند زیر مجموعه هایی مانند "لباس" ، "کفش" و "کیف دستی" داشته باشند. 

یک مثال عالی در این مورد وب سایت است که در آن دسته لباس آنها دارای یک زیر شاخه است که انواع لباس های موجود در بازار مانند لباس های شنا ، ژاکت های ورزشی ، لباس های ورزشی و کاپشن را نشان می دهد. 

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

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

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

در اینجا بهترین شیوه ها برای ایجاد برچسب ها آمده است:

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

 

منبع::<فونیکس وب>