9 نکته مهم در طراحی وب

چگونه به مسافران وب در پیدا کردن راهشان کمک کنیم ؟

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

• نکته 1: از لینکهای متنی استفاده کنید!
  • شاید استفاده از تصاویر یا اشکال گرافیکی در سایت بسیار وسوسه انگیز و اغوا کننده باشد اما بعضی مواقع یک کم هم بسیار زیاد است ! تا جایی که برایتان امکان دارد سعی کنید که پیوندهای موجود بین صفحاتتان را بصورت لینک های متنی طراحی کنید، زیرا این نوع لینکها بسیار موثر تر از لینکهای تصویری یا گرافیکی عمل می کنند . مطالعات نشان داده که اکثر بازدید کنندگان سایتها ابتدا لینکهای متنی را خوانده و سپس به سراغ لینکهای تصویری یا گرافیکی می روند .
• نکته 2: یک راه حل خوب برای استفاده از لینکهای گرافیکی!
  • اگر شما ناچارید که از لینکهای تصویری یا گرافیکی در وب سایتتان استفاده نمایید حتما از پارامتر Alt برای تصویرتان استفاده کنید . استفاده از این پارامتر در طراحی لینکهای تصویری باعث می شود که کاربرانی که از کاوشگرهای متنی مانند lynx استفاده می کنند یا کاربرانی که گرافیک و تصویر را در کاوشگرهای خود غیر فعال کرده اند نیز بتوانند راه خود را در میان صفحات وب سایت شما پیدا کنند .به علاوه سعی کنید حتما در قسمت پایین هر صفحه با استفاده از لینکهای متنی راهنمایی واضح از سایتتان ارائه دهید تا صفحات اصلی سایت شما از این طریق نیز قابل دسترسی باشند .
• نکته 3: یک صفحه با عنوان نقشه سایت طراحی کنید .
  • صفحه نقشه سایت می تواند یک راهنمای بسیار خوب برای کاربران سایت شما باشد. در طراحی صفحه نقشه سایتتان سعی کنید از یک ساختار درختی استفاده کنید بگونه ای که بخشهای مهم سایت بطور واضح در آن مشخص شده باشد و صفحات مربوط به هر کدام از بخشها به صورت زیر مجموعه آن بخش نمایش داده شوند . برای مثال می توانید سایت خود را به 4 بخش اصلی شامل محصولات، خدمات، سوال های رایج و تماس تقسیم کرده و عناوین صفحات مرتبط با هر یک از این بخش ها را در زیر آن قرار دهید بصورتی که به صفحه مربوط به خود لینک شوند . برای آشنایی بیشتر با ساختار نقشه سایت پیشنهاد می کنم که به چند وب سایت بزرگ مراجعه کنید و صفحه نقشه آنها را بررسی کنید.
• نکته چهارم : از بکار بردن فریم پرهیز کنید.
  • تا جایی که امکان دارد سعی کنید از بکار بردن فریم در طراحی وب سایتتان پرهیز کنید. اکثر مرورگرهای رایج با نمایش فریم ها مشکل دارند و ممکن است کاربران هنگامی که در صفحه مقابل خود با چندین اسکرول بار مختلف روبرو می شوند به طور کامل گیج شوند ! اگر ناچارید که حتما از فریم ها در طراحی سایت خود استفاده نمایید پس خودتان را برای دوبرابر شدن کار آماده کنید زیرا لازم است که یک نسخه بدون فریم هم از سایتتان بسازید تا کاربرانی که کاوشگرهای آنها فریم ها را پشتیبانی نمی کند هم بتوانند از سایت شما استفاده نمایند.
• نکته پنجم : از لینکهای حرکت دار بپرهیزید !
  • در طراحی صفحات خود سعی کنید از بکار بردن لینکهایی که در حال حرکت هستند یا لینکهایی که دائما تغییر رنگ می دهند یا چشمک می زنند پرهیز کنید . همچنین سعی نکنید که لینکهای بازدید شده و بازدید نشده را با تفاوت رنگ از یکدیگر متمایز کنید . تصور بر این است که اینکار بازدید کننده را در پیدا کردن راهش در میان صفحات کمک خواهد کرد اما بررسی ها نشان داده اینکار تنها باعث گیج شدن بازدید کننده ها می شود !
• نکته 6 : فقط چند کلیک آنورتر!
  • محتویات سایت خود را همیشه در دسترس بازدید کننده نگاه دارید . هر صفحه از سایت شما باید از طریق هر صفحه دیگر قابل دسترسی باشد . سعی کنید پیوندهای میان صفحاتتان را طوری طراحی کنید که بازدید کننده در هر کجای سایت که باشد بتواند با حداکثر 4 کلیک خود را به صفحه مورد نظر برساند. شما باید به طور مرتب ساختار صفحات و ارتباط بین آنها را در سایتتان بررسی کرده و مشکلات احتمالی را بر طرف نمایید. بازدید کننده ها برای این به سایت شما می آیند که با شما و خدماتتان آشنا بشوند پس بهتراست کاری نکنید که آنها واردار شوند برای کسب اطلاعات در سایت شما حفاری کنند!
• نکته 7 : جستجو چرا ؟ فقط لینک !
  • بعضی از سایتها سیستمی برای جستجو در میان اطلاعات خود دارند . اما سعی کنید تا جایی که امکان دارد از قرار دادن این سیستم در سایتتان بپرهیزید. حتی بهترین موتورهای جستجو هم در بعضی موارد نتایجی غیر از آنچه که شما می خواهید به شما ارائه می دهند و این باعث گیج و گم شدن شما در میان صفحات می گردد. در ضمن بیشتر کاربران هم طرز استفاده مفید از موتورجستجو را بلد نیستند. بنابراین پیشنهاد می شود که بجای استفاده از سیستم جستجو در سایتتان پیوندهای بین صفحاتتان را طوری دقیق و کارا طراحی کنید تا کاربران براحتی بتوانند از طریق لینکها به اطلاعات مورد نیاز خود دستیابی پیدا کنند و نیازی به استفاده از سیستم جستجو نباشد.
• نکته 8 : مسیرهای متعددی در نظر بگیرید !
  • سعی کنید در طراحی پیوندهای بین صفحات سایت خود طوری عمل کنید که برای دستیابی به هر صفحه بیش از یک مسیر وجود داشته باشد و کاربران خود را به یک مسیر محدود نکنید . به عنوان راه حل در بیشتر سایتها از منوهای کرکره ای استفاده می شود که راهی موثر برای قرار دادن مسیرهای متفاوت در صفحه است بدون اینکه فضای زیادی در صفحه اشغال کند.
• نکته 9 : اطلاعاتتان را متمرکز کنید !
  • سعی نکنید در سایتتان محل های زیادی را طراحی کنید و اطلاعاتتان را در میان آنها پراکنده کنید چون در این صورت ممکن است کاربرانتان در میان انبوه صفحات سایت شما غرق شوند ! پراکندگی اطلاعات جزو مشخصه های یک وب سایت خوب نیست.

سایت خود را مطابق تکنولوژی جستجوگر ها طراحی کنید

1. صفحات را مطابق میل جستجوگر ها طراحی کنید :
   • برای یک موتور جستجو گرافیک سایت شما یا فلش ها و کد های جاوا اسکریپت جذابی که ساخته اید اهمیتی ندارد . بلکه چیزی که یک موتور جستجو نیاز دارد روان بودن کد نوشته شده در صفحات است . منظور من نوشتن کامنت در بین تگ ها یا رعایت کردن فاصله ها نیست بلکه استفاده از تگ هایی است که جستجوگر ها از آنها استفاده میکنند . تگ های مهم در یک صفحه وب عبارتند از : تگ title و description و Keywordsو Alt . ( این روزها بعضی از موتور های جستجو فقط از تگ Keywords برای ارائه نتایج استفاده میکنند ).
2. کلمات کلیدی Keywords :
   • استفاده از این تگ بسیار اهمیت داره و نوع کلمات استفاده شده در اون هم مهمه . سایت wordtracker کلمات کلیدی خوبی را برای هر نوع سایتی پیشنهاد میدهد که میتوانید از آن بهره بگیرید . تعداد کلماتی که میتوان در این تگ استفاده کرد محدودیت خاصی ندارد ، اما برای حصول نتیجه بهتر از 10 الی 15 کلمه برتر استفاده کنید .
3. محتوای سایت :
   • بسیاری از موتور های جستجو از متن اصلی صفحات برای یافتن کلمات کلیدی استفاده شده در تگ keywords استفاده میکنند . پس استفاده درست از کلمات کلیدی و مطابقت آن کلمات با متن شما بسیار اهمیت دارد. کلمات اصلی متن را در تگ heading و یا bold بگذارید و یا آن را لینک کنید تا جستجوگر ها به آن لغات اهیت ویژه ای دهند .
4. عنوان سایت :
   • تگ title یکی از مهم ترین بخش ها از دید جستجوگر هاست . عنوان صفحات نیز باید مانند کلمات کلیدی درست و مطابق متن انتخاب شود . چون گاهی موتور های جستجوگر به عناوین صفحات بیش از کلمات کلیدی اهمیت میدهند . تعداد کلماتی که در عنوان صفحات استفاده میکنید نیز برای اینکه از حد استاندارد جستجوگر ها خارج نباشد باید حداکثر 9 کلمه باشد .
5. تگ توضیحات :
   • موتور های جستجو هنگام نشان دادن نتایج جستجوی خود ، اطلاعات تگ متای توضیحات هر صفحه را برای نمایش توضیحات آن سایت نمایش میدهند .بنابراین نوشتن توضیحات جذاب و درست بیننده را به سوی سایت شما جذب میکند . استاندارد تعداد کلمات این تگ 20 الی 25 کلمه میباشد .
6. گرافیک :
   • استفاده از عکس اگر چه زیبایی خاصی به سایت شما میدهد اما حتی با تگ ALT نیز یک عکس به اندازه چند کلمه قدرت ندارد . چون موتور های جستجو فقط کلمات را میشناسند و عکس ها را هم با تگ Alt آنها شناسایی میکنند . بنا براین استفاده از عکس به جای لینک و یا بجای متن از خوانایی سایت شما برای چشم های یک موتور جستجوگر می کاهد .
7. نقشه سایت :
   • نقشه سایت کمک بسیاری به جستکوگر ها میکند تا تمام صفحات سایت شما را شناسایی کنند . ابزار های زیادی بر روی وب هست که نقشه سایت شما را در چند کلیک میسازد .
8. لینک های هدایتگر :
   • لینک هایی که به دیگر صفحات سایت میدهید باید ساده باشد . استفاده از منوهای pop up‌ و فلش و مانند آن از خوانایی لینک های شما می کاهد .اگر مجبور به استفاده از لینک های پیچیده در طراحی سایت هستید میتوانید از لینک های ساده در انتهای صفحات استفاده کنید تا موتور های جستجوگر نیز بتوانند لینک های شما را شناسایی کنند .

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