نکات موثر در طراحی وب سایت

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


چند  نکته موثر در طراحی وب سایت :

متنی که در باره نکات موثر در طراحی سایت خواهید خواند ترجمه از مقاله   Help web-farers to find their way  نوشته Matt Micklewicz است که متن انگلیسی آن در سایت www.sitepoint.com موجود می باشد :

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

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

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

نکته 1: از لینکهای متنی استفاده کنید!

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

نکته 2: یک راه حل خوب برای استفاده از لینکهای گرافیکی!

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

نکته 3: یک صفحه با عنوان نقشه سایت طراحی کنید .

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

نکته چهارم : از بکار بردن فریم پرهیز کنید.

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

نکته پنجم : از لینکهای حرکت دار بپرهیزید !

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

نکته 6 : فقط چند کلیک آنورتر!

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

نکته 7 : جستجو چرا ؟ فقط لینک !

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

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


نکته 9 : اطلاعاتتان را متمرکز کنید !

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

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

1.صفحات را مطابق ميل جستجوگر ها طراحي كنيد :
براي يك موتور جستجو گرافيك سايت شما يا فلش ها و كد هاي جاوا اسكريپت جذابي كه ساخته ايد اهميتي ندارد . بلكه چيزي كه يك موتور جستجو نياز دارد روان بودن كد نوشته شده در صفحات است . منظور من نوشتن كامنت در بين تگ ها يا رعايت كردن فاصله ها نيست بلكه استفاده از تگ هايي است كه جستجوگر ها از آنها استفاده ميكنند . تگ هاي مهم در يك صفحه وب عبارتند از : تگ title  و description  و  Keywordsو Alt  . ( اين روزها بعضي از موتور هاي جستجو فقط از تگ Keywords براي ارائه نتايج استفاده ميكنند ).
     چند نكته :
•    اگر از جدول ها براي ساخت صفحات سايتتان بهره گرفته ايد ، سعي كنيد از كد هاي ساده استفاده كنيد نه از تگ هاي تو در توي پيچيده .
•    استفاده از فريم ها باعث سر گيجه موتور هاي جستجو ميشود كه به ضرر شماست . در ضمن استفاده از فريم ها ديگر در طراحي سايت ها متداول نيست .
•    اگر از كد هاي جاوا اسكريپت استفاده كرده ايد براي فراخواني فايل هاي جاوا اسكريپت خارجي از كد هاي كوتاه استفاده كنيد .
•    استفاده از تگ Alt در تگ تصاوير موتور هاي جستجو را در يافتن موضوع تصاوير كمك ميكند . حتما از اين تگ براي عكس ها استفاده كنيد .
•    متن اصلي را قبل از عكس ها در صفحاتتان قرار دهيد و يا حداقل عكس ها را در ميان متن قرار دهيد .

2.كلمات كليدي Keywords  :

استفاده از اين تگ بسيار اهميت داره و نوع كلمات استفاده شده در اون هم مهمه . سايت wordtracker كلمات كليدي خوبي را براي هر نوع سايتي پيشنهاد ميدهد كه ميتوانيد از آن بهره بگيريد . تعداد كلماتي كه ميتوان در اين تگ استفاده كرد محدوديت خاصي ندارد ، اما براي حصول نتيجه بهتر از 10 الي 15 كلمه برتر استفاده كنيد .
 3.محتواي سايت :
بسياري از موتور هاي جستجو از متن اصلي صفحات براي يافتن كلمات كليدي استفاده شده در تگ keywords استفاده ميكنند . پس استفاده درست از كلمات كليدي و مطابقت آن كلمات با متن شما بسيار اهميت دارد. كلمات اصلي متن را در تگ heading و يا bold بگذاريد و يا آن را لينك كنيد تا جستجوگر ها به آن لغات اهيت ويژه اي دهند .
 4.عنوان سايت :
تگ title يكي از مهم ترين بخش ها از ديد جستجوگر هاست . عنوان صفحات نيز بايد مانند كلمات كليدي درست و مطابق متن انتخاب شود . چون گاهي موتور هاي جستجوگر به عناوين صفحات بيش از كلمات كليدي اهميت ميدهند . تعداد كلماتي كه در عنوان صفحات استفاده ميكنيد نيز براي اينكه از حد استاندارد جستجوگر ها خارج نباشد بايد حداكثر 9 كلمه باشد .
 5.       تگ توضيحات  :
موتور هاي جستجو هنگام نشان دادن نتايج جستجوي خود ، اطلاعات تگ متاي توضيحات هر صفحه را براي نمايش توضيحات آن سايت نمايش ميدهند .بنابراين نوشتن توضيحات جذاب و درست بيننده را به سوي سايت شما جذب ميكند . استاندارد تعداد كلمات اين تگ 20 الي 25 كلمه ميباشد .

6. گرافيك :
استفاده از عكس اگر چه زيبايي خاصي به سايت شما ميدهد اما حتي با تگ ALT نيز يك عكس به اندازه چند كلمه قدرت ندارد . چون موتور هاي جستجو فقط كلمات را ميشناسند و عكس ها را هم با تگ Alt آنها شناسايي ميكنند . بنا براين استفاده از عكس به جاي لينك و يا بجاي متن از خوانايي سايت شما براي چشم هاي يك موتور جستجوگر مي كاهد .
 
7. نقشه سايت  :
نقشه سايت كمك بسياري به جستكوگر ها ميكند تا تمام صفحات سايت شما را شناسايي كنند . ابزار هاي زيادي بر روي وب هست كه نقشه سايت شما را در چند كليك ميسازد .
 
8.لينك هاي هدايتگر :
لينك هايي كه به ديگر صفحات سايت ميدهيد بايد ساده باشد . استفاده از منوهاي pop up‌  و فلش و مانند آن از خوانايي لينك هاي شما مي كاهد .اگر مجبور به استفاده از لينك هاي پيچيده در طراحي سايت هستيد ميتوانيد از لينك هاي ساده در انتهاي صفحات استفاده كنيد تا موتور هاي جستجوگر نيز بتوانند لينك هاي شما را شناسايي كنند .
 
رعايت اصول فوق باعث ميشود تا سايت شما در نتيجه جستجوي جستجوگر هاي معروف رتبه بالاتري را بدست آورد .