سایت خود را کمی حرفه‌ای‌تر طراحی کنیم!!(14 نكته مهم در طراحي فني سايت)

[Borna66]

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

[Borna66]

1- قبل از هر چیز بگذارید اصطلاح WYSIWYG را برایتان شرح دهم. این حروف خلاصه جمله What You See Is What You Get می‌باشد که می‌توان آن را به این صورت ترجمه کرد: (هر آنچه که می‌بینید، همان رادریافت خواهید کرد (
شما با این اصطلاح بطور ملموسی برخورد داشته‌اید. زمانیکه شما با یک واژه‌ پرداز مانند Microsoft Word کار می‌کنید، در حقیقت در حال استفاده از برنامه‌ای هستید که با همین روش طراحی شده است. به عبارت دیگر هر آنچه که شما برروی صفحه نمایش خود می‌بینید، همان چیزی است که هنگام چاپ آن از چاپگر دریافتمی‌کنید. متاسفانه بر روی وب رعایت این روش تقریبا غیرممکن است. یعنی آنچه را کهشما به عنوان یک طراح وب طراحی کرده‌اید، لزوما هم انی نیست که توسط بازدیدکنندگان دیده می‌شود. این تفاوت دریافت از امکانات سخت‌افزاری بازدیدکنندگان ناشی می‌گردد.
زیرا که بازدیدکنندگان شما از امکانات مشابه کامپیوتر شما استفاده نمی‌کنند وهمواره امکان این وجود دارد که کارت گرافیک و یا حتی تنظیمات صفحه نمایش آنها باشما متفاوت باشد.

[Borna66]

2- همواره این را به خاطر داشته باشید که طراحی یک صفحه وب با طراحی یک صفحه متنی مانند نامه متفاوت است. درست است که بعضی از کلیدهای کنترلی در یک واژه‌پرداز و یک ویرایشگر صفحه وب مشابه هستند ولی این دلیل نخواهد شدکه از هر دو به یک صورت استفاده نمایید. پس اصولطراحی وب با طراحی یک صفحه متنی متفاوت است.

[Borna66]

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

[Borna66]

4- ازاستفاده کردن از اسکریپت هایی که جلوه های بصری دارند حتی‌الامکان پرهیز کنید. برخی از این اسکریپت ها ممکن است که در برخورد اول جالب به نظر برسند اما برخوردهای متعددبا آن، دلزدگی را برای بازدیدکنندگان دائم شما به همراه خواهد داشت.
لابد میدانید که سرمایه‌های یک سایت بازدیدکنندگان دائم آن هستند پس از استفاده بی‌مورد ازاسکریپت هایی مانند ساعت گردان به دور ماوس و رنگهای زمینه متغیر خودداری کرده و بااین کار علاوه بر سریع کردن دانلود صفحه، مشترکان بازدید خود را فراری ندهید. بدانید که اینگونه جذابیتها تاریخ مصرف داشته و جلوه‌های بصری با تکرار جذابیت خودرا از دست می‌دهند

[Borna66]

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

[Borna66]

6- بسیاری از کاربران از مرورگرهایی متفاوت از شما استفاده می‌کنند. در حالیکه بیشتر کاربران بر طبق آماراز IE یا Netscape استفاده می‌نمایند (واقعا می‌توان تا این حد به آمار متکی بود آن هم زمانیکه بازار رقابت شدید است؟)، باید در نظر داشته باشید که افراد زیادی هم ازآنها استفاده نمی‌کنند پس صفحات خود را طوری طراحی نکنید که فقط در یکی از آنهاقابل مرور باشد.
سایت شما باید طوری طراحی شود که عده‌ای از بازدیدکنندگان (که طبعا سلیقه‌ای متفاوت از نظر مرورگر و مشترک از نظر علاقمندی دارند) از بازدید آن محروم نگردند.

[Borna66]

7- این نکته را بدانید که اصولا یک جستجوگر وب (وبگرد) برای رسیدن به جواب مورد نظر خود عجله زیادی دارد و قصد دارد که در کوتاهترین زمان به موضوع خود دسترسی پیدا کند (10 تا 15 ثانیه بر طبق آمار). صفحاتی که حجم زیادیدارند و یا با گرافیک سنگینی طراحی شده باشند، سریعا حوصله آنها را سر خواهد برد وقبل از اینکه مطالبتان را به نظرشان برسانید، صفحه سایت شما را بسته و سراغ سایت بعدی خواهند رفت. پس حجم صفحات خود را چه از نظر گرافیک (که قبلا درباره چگونگی آن مطلبی نوشتم) و چه از نظر طول مطالب کاهش دهید. لزومی ندارد که جملات خود را خلاصه کنید تا مطلبتان طولانی نشود.
کافیست که آنها را دسته‌بندی کرده و در صفحات متعدد قرار داده و با فراپیوندها (Hyper Link) مطالب و صفحات را به هم مربوط نمایید.

[Borna66]

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

[Borna66]

9- جداول (به عبارت دیگر ستون‌های) موجود در صفحه خود را بطور ثابت مقداردهی نکنید. آنها رابصورت نسبی (درصدی) تنظیم کنید که در مونیتورها و مودهای نمایشی مختلف درصدی از عرض مونیتور باشند. اگر جداول شما مثلا برای مود 1024 در 768 طراحی شده باشد ممکن است که در مود 800 در 600 از صفحه بیرون بزند و به اصطلاح باعث اسکرول صفحه بصورت افقی گردد. این مساله به هیچ وجه خوشایند بازدیدکنندگان نیست پس جدا از آن پرهیز نمایید.

[Borna66]

10- وقتی که برای جلب مخاطب در سیستمی عضو می‌شوید که با باز کردن یا بسته شدن سایت شما، سایت دیگری باز می‌شود در حقیقت مزاحمت برای بازدیدکننده خود ایجادکرده‌اید. در این حالت هر چقدر هم که او از سایت شما راضی باشد، نباید امید چندانی به بازگشت مجدد وی داشت چرا که مزاحمت در وب هم آزاردهنده است.
بگذارید که اوبا میل خود صفحه شما را به فهرست صفحات محبوب (Favorites) اضافه کند (Bookmark)، نه اینکه با پیغامها و پنجره های متعدد حوصله او را سر ببرید. این را هم به خاطربسپارید که استفاده از ترفندهایی که باعث پیش‌فرض شدن سایت شما در مرورگربازدیدکننده می‌شود، ترفندی قدیمیست که جز مزاحمت نتیجه‌ای در بر نخواهد داشت.

[Borna66]

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

[Borna66]

12- در بکار بردن فونتهای صفحه خود دقت کنید. برخی از فونتها هستند که بطور پیش‌فرض در سیستم عامل تمام بازدیدکنندگان موجودند (مانند فونت Tahoma). استفاده از فونتهای فانتزی صفحه را تنها برای عده محدودی که آن فونت را نصب کرده‌اند قابل بازدید می‌سازد. اگر صفحه خود را برای فونت خاصی آماده کنید، بسیاری از بازدیدکنندگان یا نمی‌توانند مطالب را ببینند و یا آنرا با فونتهایی دیگر خواهند دید که ممکن است نسبتهای موجود در صفحه شما را بهم بزند. قرار دادن فونت شما برای دانلود در گوشه‌ای از صفحه هم دردی را دوا نمی‌کند. اغلب کاربران حوصله دانلود فونت مورد نظر شما را ندارند و این در حالیست که شما بااین کار آنها را مجبور کرده اید که سایت را آنگونه که شما می‌خواهید ببینند نه آنگونه که خود می‌خواهند.

[Borna66]

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

[Borna66]

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

[Borna66]

آموزش ايجاد نقشه سايت:
این مطلب جهت آشنایی شما با چگونگی نوشتن نقشه سایت جهت درج سریع مطالب و همچنین بروز شده رکوردهای سایت شما در گوگل تهیه شده است. شما می توانید برنامه جدیدی که بصورت اتوماتیک این کار را برای شما انجام می دهد دانلود کنید و پس از تعیین روت سرور خود (شاخه اصلی فایل های خود) بصورت اتومایتیک نقشه سایت خود را از برنامه دریافت کنید.
متاسفانه این برنامه نسخه آزمایشی می باشد و سریال نامبر آن فعلا موجود نیست.
دانلود برنامه تولید خودکار نقشه سایت (Google Map) (http://www.micro-sys.dk/)

[Borna66]

Google Sitemap چیست؟
موتورهای جستجویی چون گوگل برای جمع آوری اطلاعات وب سایت های مختلف از نرم افزارهایی به نام عنکبوت (spider) استفاده می کنند. وظیفه ی این نرم افزارها این است که به هنگام ورود به یک وب سایت تمامی لینکهای موجود در آن را شناسایی کرده و به سمت آنها هدایت شوند. بدین ترتیب تمامی صفحات لینک داده شده، مرور شده و اطلاعات آنها در بانکهای اطلاعاتی گوگل ذخیره می گردد. این نرم افزارها به صورت دوره ای این وب سایت ها را مجددا بررسی می کنند و از آخرین تغییرات اعمال شده در آنها مطلع می گردند.
با استفاده از Google Sitemaps که یکی از جدیدترین امکانات موتور جستجوی گوگل است، ارتباط بین وب سایت و این موتور جستجو بسیار دقیقتر بوده و به عمل به روز رسانی اطلاعات در موتور جستجوی گوگل سرعت می بخشد.
این مقاله به معرفی این ابزار می پردازم و در مقالات آتی نحوه استفاده از آن را شرح خواهم داد.
عنکبوت های موتورهای جستجو به راحتی رد لینکهای صفحات پویا (dynamic) را نمی گیرند و این بدان معنی است که در صورتی که وب سایت شما شامل صفحاتی پویاست امکان ثبت نشدن بعضی از صفحات آن در موتورهای جستجو وجود دارد. در این هنگام است که Google Sitemaps به کمک شما می آید و کار معرفی چنین لینکهایی را انجام می دهد.

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

[Borna66]

نحوه استفاده از Google Sitemaps
برای استفاده از این ابزار، طی مراحل زیر الزامیست: 1. ساخت sitemap معتبر
2. اضافه کردن sitemap مذکور به حساب کاربری خود در Google Sitemaps
3. به روز نمودن فایل sitemap خود به هنگام تغییر در سایت خود
استفاده از Google Sitemaps برای همه وب سایتها امکان پذیر است. لذا چه سایت شما در برگیرنده یک صفحه است و چه شامل میلیونها صفحه پویاست این روش برای معرفی وب سایتتان به موتورهای جستجو توصیه می گردد.
ساخت sitemap
جهت ساخت sitemap سایت خود چندین راه وجود دارد. در زیر به بعضی از این راه ها اشاره شده است:
1. در صورتی که لیست صفحات موجود در وب سایت خود را در فایل متنی خاصی ذخیره کرده اید، می توانید از نرم افزار Google Sitemap Generator (http://www.google.com/webmasters/sitemaps/docs/en/sitemap-generator.html)برای sitemap سایت استفاده نمایید.

2. در صورتی که امکان استفاده از نرم افزار Google Sitemap Generator را ندارید (برای مثال اگر زبان Python بر سرور شما نصب نمی باشد)، می توانید از نرم افزارهای جانبی (http://code.google.com/sm_thirdparty.html)دیگر استفاده نمایید.

3. همچنین امکان آماده سازی sitemap به صورت دستی و بر اساس پروتکل sitemap نیز وجود دارد.
برای مشاهده sitemap نمونه شرکت گوگل به اینجا مراجعه نمایید :