بخش های مختلف مورد نیاز در طراحی سایت

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

صفحه ی اصلی سایت باید شامل چه عناصری باشد؟

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

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

بنابراین صفحه ی اصلی باید محصولات یا خدمات شما را بی درنگ معرفی کند.

اما محتوای صفحه ی اصلی شما باید شامل چه چیزهایی باشد که همه ی این نیاز ها را برطرف کند؟

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

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

۳-عنوان
مهمترین قسمت وب سایت شما، عنوان صفحه ی اصلی است.

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

۴-قسمت ورود کاربران
آیا سایت شما خدماتی برای اعضای خود ارائه می دهد؟ یا نیاز دارد که دسترسی به بخش های خاصی را برای تعدادی از بازدید کننده ها فراهم کند؟ اگر اینطور است، برای این دسته از کاربران قسمت ورود کاربران یا لاگین یک تدبیر بسیار زیبا است.

۵-عکس زمینه
بیشتر افراد بصری هستند. حتما برای نشان دادن کار خود از یک عکس (یا یک فیلم کوتاه) استفاده کنید. بهتر است از عکس هایی استفاده کنید احساسات را جلب کند و واکنش برانگیز باشد.

برای اینکه عکس های خود را برای کاربران موبایل بهینه کنید، از عکس های سایز بزرگ استفاده کنید که سایز کوچک هم داشته باشد.

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

۷-ویژگی ها و مزایا
اگر هدف وب سایت شما این است که چیزی را به فروش برسانید، می توانید با توصیف ویژگی ها و مزایای محصول خود در صفحه ی اصلی شانس خود را برای فروش بالا ببرید.

۸-قابلیت جستجو
اگر تعداد صفحات سایت شما زیاد است ایجاد یک فیلد جستجو در صفحه ی اصلی کار بسیار عاقلانه ای است. قابلیت جستجو باعث می شود که بازدید کنندگان خیلی راحت و سریع به مطلب مورد نظرشان دسترسی پیدا کنند بدون اینکه نیاز به گشتن داشته باشند.
۹-دکمه ی دعوت به عملیات
صفحه ی اصلی سایت شما باید چندین دکلمه ی فراخوانی (call to action (CTA)) داشته باشد. یک دکمه ی واضح بسازید و آن را روی عکس زمینه قرار دهید یا یک نشان کاملا واضح و بدون تردید بسازید و در سمت راست آن قرار دهید- ترجیحا قبل از اینکه صفحه نیاز با پایین آمدن داشته باشد باید دیده شود.

۱۰-پیشنهاد
یکی دیگر از راه های تاثیر گذار برای جذب بازدید کننده از طریق صفحه ی اصلی، این است که یک پیشنهاد جذاب ایجاد کنیم. انتخاب های شما برای این کار بی نهایت است.

تخفیف یا کوپن می تواند یک پیشنهاد خیلی متقاعد کننده باشد.

چطور باید پیشنهاد خود را نمایان کنیم؟

یک فرم در عکس زمینه
یک سطر در صفحه ی اصلی
نمایش یک آگهی (که منجر به یک صفحه ی فرود ( landing page ) یا فرم می شود)
یا می توانید پیشنهاد خود را به اشکال زیر نمایان کنید

یک پنجره در یک ساید بار
یک Pop-up
قسمتی از Footer
۱۱-اثبات کیفیت و خدمات از راه های اجتماعی
این بخش تاثیر زیادی در ایجاد اعتماد دارد. در صفحه ی اصلی خود جایی را ایجاد کنید که بتوانید آن را به این بخش اختصاص دهید. این کار را می توانید از روش های زیر انجام دهید:

تعریف از زبان مشتریان
آرم مشتری یا داستان های موفقیت مشتریان
گواهی نامه ها و تقدیر نامه ها
جوایز و تشویق ها
تعداد (مشتریان راضی، رتبه بندی، مشترکین و…)
آمار
اشاره ی مطبوعات
بررسی ها و رتبه بندی ها
۱۲-دکمه ی فراخوان ثانویه
دکمه ی فراخوان ثانویه عبارتست از دکمه های فراخوان دیگری در صفحه ی اصلی شما که برای افرادی که به هدف اولیه علاقه مند نیستند، جذابیت دیگری را ایجاد می کند.

می توانید به عنوان طرح های احتمالی به آنها بنگرید: آنها برای بازدید کنندگانی که در حال حاضر آماده ی پذیرفتن پیشنهادات اصلی نیستند، راه دیگری را پیشنهاد می کنند.

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

۱۳-وبلاگ
اکثریت قریب به اتفاق فروشگاه های آنلاین، بازاریابان محتوا، انتشار دهنده محتوا نیز هستند. وقتی بازدید کنندگان برای اولین بار در صفحه ی اصلی و وبلاگ شما گشت می زنند، تعامل بین شما و بازدید کننده ها افزایش پیدا می کند و به دنبال آن مشترکان بیشتری به دست می آورید.

برای بدست آوردن مزایای بیشتر از وبلاگ، بهتر است یک یا چند مورد از تکنیک های زیر را به کار ببرید:

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

۱۴-بسته های محتوا.
این بسته ها یا بخش های محتوایی معمولا شامل 2، 3، یا 4 ردیف هستند و معمولا تمایل دارند که در صفحه ی نمایش گوشی های هوشمند روی یکدیگر قرار بگیرند.
بسته های محتوایی خیلی با ارزش هستند زیرا شما می توانید از آنها برای ارائه کردن هر چیزی که احتمال می دهید برای بازدید کنندگان شما با ارزش است استفاده نمایید. مانند:

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

با این حال، یک گزینه ی محبوب دیگری که باقی مانده است، یک بخش از صفحه ی اصلی است که برای جذب بازدید کننده به فرم اشتراک در خبرنامه ارائه شده است. این بخش می تواند به صورت یک ردیف زیر بنر اصلی، بالای فوتر، در بخش کناری وب سایت (ساید بار) و یا به صورت یک ردیف در وسط صفحه باشد.

اگر ایجاد یک لیست از ایمیل ها، یکی از اولویت های کسب و کار دیجیتال شماست موارد زیر را در نظر بگیرید:

قرار دادن یک فرم اشتراک در خبرنامه در صفحه ی اصلی
ایجاد یک دکمه ی فراخوان برای فرم اشتراک در خبرنامه
ایجاد یک دکمه ی فراخوان که یک صفحه ی فرود را که دارای فرم اشتراک به همراه برخی توضیحات کامل تر است باز می کند
۱۶-کلمات کلیدی
کلمات کلیدی صفحه ی اصلی شما را تقویت می کند. شما نباید یک مکان اختصاصی فقط برای نمایش کلمات کلیدی در صفحه اصلی قرار دهید.

برای اینکه صفحه ی اصلی خود را برای جستجو بهینه کنید می توانید کلمات کلیدی را در این مکان ها قرار دهید:

در تگ عنوان (title)
در عنوان (headline)
در آیتم های منو
در صفحات کپی که برای زبان های مختلف ساخته اید
پشت عکس (alt tag)
در توضیحات متا
۱۷-فوتر
احتمالا فوتر صفحه ی اصلی شما همانند هِدِر، یک ویژگی استاندارد در سراسر وب سایت شماست.

در ادامه با کاربرد و عملکرد این چهار مفهوم آشنا خواهیم شد.

۱- برگه
برگه‌های محتواهای متنی سایت شما هستند که اغلب برای ایجاد توضیحات کلی در مورد سایت شما یا خدمات شما یا برای ایجاد صفحات عمومی و کلی وبسایت مورد استفاده قرار می‌گیرند. برگه‌ها معمولا تعداد محدودی دارند و بیشتر آن‌ها در ابتدای فعالیت سایت ایجاد می‌شوند.

منوهای سایت در بیشتر موارد شامل پیوندهایی به برگه‌های مختلف سایت می‌باشند.

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

درباره ما
تماس با ما
معرفی شرکت
خط مشی
حفظ حریم خصوصی
۲- نوشته
نوشته‌ها نوع دیگری از محتوا هستند که بر اساس تاریخ انتشار در سایت قابل نمایش هستند. تعداد نوشته‌ها معمولا نامحدود است و از آن‌ها برای تولید بخش اخبار یا وبلاگ آموزشی استفاده می‌شود.

نوشته‌ها به صورت پیش‌فرض در صفحه‌ی نخست سایت( یا برگه نوشته‌ها یا وبلاگ ) بر اساس تاریخ انتشار از انتها به ابتدا قابل مشاهده و خواندن هستند.

نوشته‌ها معمولا در منوهای سایت پیوند داده نمی‌شوند.

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

HTML
CSS
Javascript
php
دسته‌های موجود در وردپرس می‌توانند ساختار درختی و تو در تو داشته باشند. برای مثال دسته‌های «اخبار والیبال» و «اخبار فوتبال» می‌توانند زیردسته‌ی «اخبار ورزشی» قرار گیرند.

نوشته‌های موجود در هر دسته ممکن است توسط کاربران به صورت جداگانه فیلتر شوند و به نمایش درآیند. به این معنی که یک کاربر سایت می‌تواند تمامی اخبار با موضوع «اخبار والیبال» را از سایر نوشته‌ها جدا کرده و تنها این نوشته‌ها را مشاهده نماید.

دسته‌ها معمولا تعداد محدود و قابل مدیریت توسط چشم را دارا هستند.

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

وردپرس
HTML
JavaScript
CSS
طراحی قالب
برچسب‌ها در هنگام نوشتن محتوا به تعداد نامحدود قابل ایجاد هستند. همچنین نویسنده می‌تواند از میان برچسب‌هایی که قبلا ایجاد کرده است، یکی را انتخاب کنید.

برچسب‌ها در کنار دسته‌ها به یافته‌شدن مطالب مرتبط با یکدیگر و طبقه‌بندی بهتر محتوا به ویژه در تعداد بالا کمک می‌کنند.