اجزای اصلی تشکیل دهنده صفحات سایت

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

معرفی بخش های مهم سایت

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

سرصفحه (HEADER)

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

مقاله مرتبط: اهمیت طراحی هدر سایت در رشد کسب و کارها

• ناوبری یا منوی اصلی

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

Body یا بدنه

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

در ادامه به اجزایی که در بدنه قرار می گیرد اشاره می کنیم.

• اسلایدر

یک اسلایدر برای نمایش تصاویر به کار می‌رود. Slider می‌تواند در هر نقطه بر روی یک وب سایت ظاهر شود، اما به طور معمول در صفحات اصلی قرار می‌گیرند. با تکامل وب سایت‌ها و تاکید بیشتر بر سرعت بارگذاری صفحات و نیز بهینه‌سازی تجربه کاربری در دستگاه‌های تلفن همراه، استفاده از اسلایدر کاهش یافته است.

• محتوای سایت (Website Content)

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

• نوار کناری یا Sidebar

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

مقاله مرتبط: کال تو اکشن چیست و چه کاربردی دارد؟ | CTA به زبان ساده

Footer

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

چه عواملی تقسیم بندی محتوایی یک سایت را کامل می کنند؟ 

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

نتیجه گیری

در این مقاله دانستیم که header، footer و body سه جزء اصلی در طراحی سایت است. بدنه تمام عناصری است که در داخل سایت به جز هدر و فوتر قرار دارد. برای کسب اطلاعات بیشتر می توانید با شماره های زیر با ما در ارتباط باشید.