کارهایی که در طراحی وب سایت باید از آن خودداری کنید

آنچه در زیر آمده است یک لیست کوچک از نکاتی است که برای اکثر افرادی که در حال گشت و گذار در اینترنت هستند رنجش آور و خسته کننده است , بنابراین اگر در حال طراحی وب سایت هستید و یا می خواهید وب سایت خود را بهینه سازی کنید حتماً به این نکات توجه نمایید. سعی کنید آنها را رفع کنید:

* استفاده از تصاویر گرافیکی با حجم زیاد
* استفاده از تصاویر گرافیکی با حجم فوق العاده کم و تعداد بالا
* استفده از تعداد زیادی فایلهای فلش انیمیشن
* برچسبهای چشمک زن و مانند آن
* نشانه ها و لینکهایی در سایت که به آنچه وجود ندارد و در حال ساخت است اشاره می کند.
* انتخاب رنگ نا مناسب
* اشکالات املایی و دستوری
* متنهای خیلی کوتاه
* متنهای خیلی بلند
* صداهایی که به طور اتوماتیک در هنگام ورود بازدیدکننده به صورت خودکار اجرا می شوند
* لینکهای شکسته (لینکهایی که به هیچ صفحه عکس یا فایلی ختم نمی شوند. )
* فضاهای خالی خیلی زیاد بین قسمتهای مختلف
* فضاهای خالی خیلی کوچک بین قسمتهای مختلف
* استفاده از اختصارات بی مورد در جمله مثلاً u برای you.
* فریمهایی که به طور افقی یک تکه از صفحه را اشغال می کنند.
* یک صفحه طولانی بدون پاراگرافهای لازم
* تعداد زیادی banner های تبلیغاتی
* سرعت پایین هاست یا (میزبان وب شما ) یا صفحه طولانی و حجیم

آمار نشان داده که بازدیدکنندگان وقتی به موارد فوق برخورد می کنند سایت مذکور را در همان چند ثانیه اول می بندند و به صفحه رقیبتان می روند

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

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

بسياري از وب سايت ها هستند كه نميتوانند ترافيك كافي را براي سايت خود بدست آورند ، يكي از اين علت ها يك نكته ساده است : ” وب سايت براي موتور هاي جستجوگر بهينه نشده “ . در اين مقاله اعمالي كه براي بهينه سازي وب سايت در برخورد با موتور هاي جستجو بايد صورت گيرد شرح داده ميشود :

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

۲. كلمات كليدي Keywords :
استفاده از اين تگ بسيار اهميت داره و نوع كلمات استفاده شده در اون هم مهمه . سايت wordtracker كلمات كليدي خوبي را براي هر نوع سايتي پيشنهاد ميدهد كه ميتوانيد از آن بهره بگيريد . تعداد كلماتي كه ميتوان در اين تگ استفاده كرد محدوديت خاصي ندارد ، اما براي حصول نتيجه بهتر از ۱۰ الي ۱۵ كلمه برتر استفاده كنيد .

۳. محتواي سايت :
بسياري از موتور هاي جستجو از متن اصلي صفحات براي يافتن كلمات كليدي استفاده شده در تگ keywords استفاده ميكنند . پس استفاده درست از كلمات كليدي و مطابقت آن كلمات با متن شما بسيار اهميت دارد. كلمات اصلي متن را در تگ heading و يا bold بگذاريد و يا آن را لينك كنيد تا جستجوگر ها به آن لغات اهيت ويژه اي دهند .

۴. عنوان سايت :
تگ title يكي از مهم ترين بخش ها از ديد جستجوگر هاست . عنوان صفحات نيز بايد مانند كلمات كليدي درست و مطابق متن انتخاب شود . چون گاهي موتورهاي جستجوگر به عناوين صفحات بيش از كلمات كليدي اهميت ميدهند . تعداد كلماتي كه در عنوان صفحات استفاده ميكنيد نيز براي اينكه از حد استاندارد جستجوگر ها خارج نباشد بايد حداكثر ۹ كلمه باشد .

۵. تگ توضيحات :
موتور هاي جستجو هنگام نشان دادن نتايج جستجوي خود ، اطلاعات تگ متاي توضيحات هر صفحه را براي نمايش توضيحات آن سايت نمايش ميدهند .بنابراين نوشتن توضيحات جذاب و درست بيننده را به سوي سايت شما جذب ميكند . استاندارد تعداد كلمات اين تگ ۲۰ الي ۲۵ كلمه ميباشد .

۶. گرافيك :
استفاده از عكس اگر چه زيبايي خاصي به سايت شما ميدهد اما حتي با تگ ALT نيز يك عكس به اندازه چند كلمه قدرت ندارد . چون موتور هاي جستجو فقط كلمات را ميشناسند و عكس ها را هم با تگ Alt آنها شناسايي ميكنند . بنا براين استفاده از عكس به جاي لينك و يا بجاي متن از خوانايي سايت شما براي چشم هاي يك موتور جستجوگر مي كاهد .

۷. نقشه سايت :
نقشه سايت كمك بسياري به جستكوگر ها ميكند تا تمام صفحات سايت شما را شناسايي كنند . ابزار هاي زيادي بر روي وب هست كه نقشه سايت شما را در چند كليك ميسازد .

۸. لينك هاي هدايتگر :
لينك هايي كه به ديگر صفحات سايت ميدهيد بايد ساده باشد . استفاده از منوهاي pop up و فلش و مانند آن از خوانايي لينك هاي شما مي كاهد .اگر مجبور به استفاده از لينك هاي پيچيده در طراحي سايت هستيد ميتوانيد از لينك هاي ساده در انتهاي صفحات استفاده كنيد تا موتور هاي جستجوگر نيز بتوانند لينك هاي شما را شناسايي كنند .

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

لينكهاي مفيد:

معرفي به موتورهاي جستجو
فروشگاه اينترنتي
پرتال سازماني
ارسال ايميل تبليغاتي

یکی از هدف هایی که اکثر طراحان وب سایت دارند نمایش و قابل رویت بودن سایت آنها برای موتور های جستجو است.

در حقیقت باید طوري سایت را بهینه کنند که موتور های جستجو بتوانند به راحتی داخل آنها سرچ کنند و بازدید سایت هم در نهایت بالا برود.
بری اینکار بایستی از استاندارد SEO یا search engine optimization استفاده کنید.
خود صفحات html یک تگ head دارند که تمام این مسائل داخل آن پیاده میشود.
بایستگی از تگ های title و descriptions و keywords استفاده کنید.
تگ title چیست : این تگ در حقیقت عنوان اصلی سایت شماست که خیلی اهمیت دارد و متنی که داخل آن می نویسید در تیتر پنجره مرورگر ظاهر میشود.
تگ descriptions چیست : این تگ که از نوع متا تگ ها meta است توضیحی از سایت شما و هدفش می باشد که اصلا قابل رویت کاربر سایت نیست بلکه برای بهینه جهت موتور است.
تگ keywords چیست : این تگ هم از نوع متا است و داخل آن باید کلمات کلیدی سایت خود رو بنویسید که موتور به راحتی داخلش سرچ کند.مثلا اگر سایت شما در مورد موبایل است باید تا می توانید از اصطلاحات موبایل و سیم کارت داخل این تگ وارد کنید.
نمونه این تگ ها بدین گونه است :

Your Page Titletitle>

head>

چه مسائلي باعث مي شود تا سايت از نظر طراحي به عنوان سايت خوبي توصيف شود؟
افراد زيادي مي توانند در زمان مشاهده يك سايت ، طراحي خوب را تشخيص دهند اما بسياري از آنها واقعاً نمي دانند چه مسئله اي باعث مي شود تا يك طراحي خوب به نظر بيايد؟
چگونه مي توان يك طراحي را خوب توصيف نمود؟ آيا اين مسئله مفهوم مشخصي دارد؟ آيا مانند يك كالاي خاص مي توان حالات مختلف آن را مشخص نمود؟ گرچه مفاهيم مختلفي در طراحي خوب وجود دارد ، قوانين هنري وجود دارند كه طراحي خوب از آن نشات مي گيرد. در اينجا برخي از مسائل پايه اي در طراحي خوب ذكر شده اند.
۱. نزديك بودن
به علت اينكه موارد مختلفي در نزديك بودن مسائل مختلف نسبت به هم نقش دارند ، اين موارد با ارتباط با يكديگر بايد به صورت يك مجموع در نظر گرفته شوند. بر اساس موارد مربوطه در صفحات وبسايت ها مي توان در نظر داشتن جامعيت آنها را به عنوان كمكي براي قادر ساختن بازديدكنندگان به اين موارد دانست كه اين موارد بايد بيش از حد نيز به هم نزديك باشند.
هدف از قانون نزديك بودن ، سازماندهي اطلاعات به گونه اي است كه بازديدكنندگان را قادر سازد تا به سرعت و با سهولت ممكن بتوانند آنها را مورد بررسي قرار دهند.  زماني كه اطلاعات سازماندهي شوند ،‌ افراد تمايل بيشتري به خواندن و مطالعه آنها خواهند داشت. همچنين شاهد اين مسئله نيز خواهيم بود كه افراد اطلاعات سازماندهي شده را راحت تر به ياد مي سپارند.
چگونه مي توان حالت واحد خاصي را مورد بررسي قرار داد ؟ ابتدا بايد صفحات وبسايت را مورد بررسي قرار داده و به دقت به آنها توجه داشته باشيم. سپس تعداد دفعاتي كه در مرور كردن يك سايت توقف مي كنيم را بشماريم. در صفحه اي كه از قوانين نزديك بودن به خوبي استفاده شده ، چشمان شما در پنج نقطه در حالت مرور صفحه متوقف خواهد شد. به عبارت ديگر پنچ گروه عمده وجود دارند كه اطلاعات را به صورت جامعي نشان خواهند داد.
۲. نحوه چينش
تا كنون صفحات وبي را مشاهده كرده ايد كه متن و تصوير در آن يا فاصله اي از هم قرار گرفته بودند. تاثير اين مسئله بسيار مهم است ، هيچ مسئله اي بدون تاثير در چيدمان سايت قرار نخواهد گرفت. البته ارتباط ديداري نيز بايد بين هر مورد يا مسائل ديگر موجود در صفحه وجود داشته باشد. زمان كه موارد چيده مي شوند ، پيوستگي خاصي ايجاد مي شود كه ناخودآگاه شاهد آن خواهيم بود.
هدف از چيدمان ، يكسان سازي صفحه وب است. به عنوان مثال يك آشپزخانه مرتب را در نظر بگيريد. تمام ظروف به صورت مرتبي سازماندهي مي شوند و ميوه ها نيز در ظرف مخصوص خود قرار خواهند داشت. يك صفحه وب نيز چنين نيازي را مي طلبد.
نگاهي به يك صفحه سايت كه آنها از نظر طراحي خوب توصيف مي كنيد ،‌ داشته باشيد. سپس به عناصر مركزي تمركز بيشري داشته باشيد. پس از آن نظر شما به كجا متوجه مي شود؟ آيا نحوه چيدمان عناصر ديگر به صورت افقي و عمودي مي توانند نظر شما ر جلب نمايند؟
۳. تكرار
يك طراحي خوب جنبه هاي طراحي سايت را در وبسايت تكرار مي كند. اين تكرار مي تواند صفحاتي را ايجاد نمايد كه متعلق به يكديگر هستند. نماي رنگ ، عناصر گرافيكي و حالت اين عناصر بايد در حالت پايدار به صورتي تكراري باشند.
هدف از اين كرار ،‌ايجاد يك پايداري بوده كه مي تواند جلب توجه ديداري را به سطح حرفه اي كار به دنبال داشته باشد. زماني كه در طراحي سايت از تكرار استفاده مي شود ، شاهد ايجاد پايداري خواهيم بود و در اين حالت تمايل بيشتري به مشاهده و خواندن آن صفحه وجود خواهد داشت.
در اينجا نيز برخي موارد تكرار در حالت كلي و رنگ سايت عنوان شده به اين صورت كه مي توان از عناصري با رنگ مشابه استفاده نمود حتي در عناصر اصلي طراحي. در صورتي كه از خطوط مدرج استفاده مي كنيد نيز جلب توجه بيشتري را امكان ايجاد نقطه يا خط تيره خواهيد داشت كه به دنبال آن تكرار عناصر مي تواند در طراحي به وقوع بپوندد. با بررسي عناصر كوچك و قرار دادن آن در قسمتي از صفحه مي توان چشم انداز خوبي را ايجاد نمود. البته بايد درباره عدم استفاده زياد از اين مسئله نيز توجه داشت زيرا چنين حالتي براي بازديدكنندگان چندان هم رضايتبخش نخواهد بود.
۴. رنگ زمينه
قانون حالت زمينه به اين صورت است كه اگر دو مورد مشابه وجود داشته باشد ،‌ آنها بايد نسبت به هم داراي تفاوت هاي زيادي باشند. زمينه ، سلسله مراتب سازماندهي را درباره اطلاعات و گرافيك در وبسايت ايجاد مي نمايد. البته كاربرد شمايل مختلف نيز به عنوان استفاده از اين حالت عنوان نمي شود. زمينه بايد به صورتي تاثيرگذار و قدرتمند باشد.
هدف از ايجاد چنين حالتي اين است كه ابتدا صفحه جالبتر باشد و سپس اينكه اطلاعات سازماندهي شوند. صفحه اي كه جالب است ،‌ بيشتر خوانده خواهد شد. عناصر زمينه نيز مي تواند در راستاي درك اطلاعات به عنوان مسئله اي كمكي واقع شوند.
همچنين زمينه مي تواند به طرق مختلفي ايجاد شود. مي توان نمايش بزرگ از مسائل كوچك ، فونت هاي فانتزي ، حالت توپر و كمرنگ و همچنين رنگ تيره و روشن استفاده نمود.
طراحي كه با قوانين به صورت يكپارچه است به صورت خودكار حرفه اي تلقي شده و مي تواند نقاط ضعف را مورد پوشش خود قرار دهد. همچين در دفعات بعد يك طراحي سايت كه آن را جالب مي پنداريم ، مي توانند با بكارگيري اين قوانين جنبه بهتري از كارايي قوانين را به همراه داشته باشد.

لینک ویژه :  تنها با ۵۰.۰۰۰ تومان صاحب سایت شوید!