جداول ( Tables)

نمایش و چیدن اطلاعاتی که بصورت سطری و ستونی هستند مانند جدولی از اعداد و آمار تنها با استفاده از تگ های <p> <br> &nbsp; بسیار مشکل میباشد و به همین دلیل زبان اچتمل تگهای خاصی را برای ساختن اطلاعاتی که ذاتا جدولی (سطری و ستونی) هستند در نظر گرفته است. در اين درس با المان جدول ( Table ) ، سلولها يا خانه ها، مرز و border در جداول و تگ های مربوطه مخصوصا تگهای TABLE ، TD , TR آشنا خواهيد شد. توجه داشته باشید که جداول یکی از مهمترین المانهای چیدمان و layout میباشند.


مثالها:
جداول، آرايه ها
مثال ساده ای برای ايجاد جداول
مرز جداول
نقش شناسه border در تعيين مرز جداول
مثالهای بيشتر

---

جدولها برای تعريف جداول از تگ <table> استفاده ميشود. يک جدول از يک يا چند سطر که با کمک تگ <tr> تعريف ميشوند، تشکيل ميشود. هر رديف يا row از يک يا چند سلول، خانه يا cell تشکيل گرديده که با کمک تگ <td> ايجاد ميشوند. نام های td و tr به ترتيب خلاصه شده table row و table data ميباشند.
محتوی يک سلول ميتواند متن، تصوير، فهرستها، جداول ديگر، پاراگرافها و ... باشد.
مثال زير جدولی است با دو سطر و سه ستون :

کد اچتمل جدولی با دو سطر و سه ستون	نمايش جدول روبرو توسط مرورگر
<table border="1" dir="rtl"> <tr> <td>رديف 1، سلول 1</td> <td>رديف 1، سلول 2</td> <td>رديف 1، سلول 3</td> </tr> <tr> <td>رديف 2، سلول 1</td> <td>رديف 2، سلول 2</td> <td>رديف 2، سلول 3</td> </tr> </table>	رديف 1، سلول 1 رديف 1، سلول 2 رديف 1، سلول 3 رديف 2، سلول 1 رديف 2، سلول 2 رديف 2، سلول 3

جدولها و شناسه border و dir :

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

در مثال بالا شناسه dir يا direction و مقدار rtl برای آن، سبب تعيين نمايش جهت متون از راست به چپ خواهد شد و چو ن در داخل تک table تعريف شده است این خاصیت به تمامی سلولهای جدول منتقل خواهد شد.

اگر جدول حاوی متون لاتین است نیازی به قید dir=ltr نیست و به صورت پیش فرض اطلاعات از چپ به راست چیده خواهند شد.

ساده ترين جدول ممکن در اچتمل، جدولی است با يک سطر و يک ستون! (<table><tr><td>Hi</td></tr></table>)

---

سرستون در جداول (Headings) سرستونها در جداول با کمک تگ <th> تعريف ميشوند. مثال زير نحوه تعريف سرستونها را در جداول نمايش ميدهد:

کد اچتمل جدولی با سه سطر و سه ستون	نمايش جدول روبرو توسط مرورگر
<table border="1" dir="rtl"> <tr> <th>سرستون ا</th> <th>سرستون 2</th> <th>سرستون 3</th> </tr> <tr> <td>رديف 1، سلول 1</td> <td>رديف 1، سلول 2</td> <td>رديف 1، سلول 3</td> </tr> <tr> <td>رديف 2، سلول 1</td> <td>رديف 2، سلول 2</td> <td>رديف 2، سلول 3</td> </tr> </table>	سرستون ا سرستون 2 سرستون 3 رديف 1، سلول 1 رديف 1، سلول 2 رديف 1، سلول 3 رديف 2، سلول 1 رديف 2، سلول 2 رديف 2، سلول 3

همانطوريکه مشاهده ميکنيد سر ستونها مانند سلولهای معمولی جداول تعريف ميشوند و فقط به جای td از th استفاده شده و لی در نمايش محتوای سر ستونها bold يا توپر نمايش داده خواهند شد.

---

خانه های خالی در جداول (Empty Cells) اگر محتوای خانه ای از يک جدول خالی باشد چه چيزی بايد نمايش داده شود؟ بسته به مرورگری که استفاده ميکنيد نتيجه نمايش متفاوت است و مثلا در مثال زير خانه خالی جدول بدون مرز نمايش داده خواهد شد:

کد اچتمل جدولی با دو سطر و دو ستون	نمايش جدول روبرو توسط مرورگر
<table border="1" dir="rtl"> <tr> <td>رديف 1، سلول 1</td> <td>رديف 1، سلول 2</td> </tr> <tr> <td>رديف 2، سلول 1</td> <td></td> </tr> </table>	رديف 1، سلول 1 رديف 1، سلول 2 رديف 2، سلول 1

در اينگونه موارد برای رفع مشکل کافی است که از non-breaking space (&nbsp;) يا همان نويسه و کاراکتر قاصله و بلانک استفاده شود و در مورد مثال ذکر شده مرورگر جدول را به شکل زير نمايش خواهد داد:

کد اچتمل جدولی با دو سطر و دو ستون	نمايش جدول روبرو توسط مرورگر
<table border="1" dir="rtl"> <tr> <td>رديف 1، سلول 1</td> <td>رديف 1، سلول 2</td> </tr> <tr> <td>رديف 2، سلول 1</td> <td>&nbsp;</td> </tr> </table>	رديف 1، سلول 1 رديف 1، سلول 2 رديف 2، سلول 1

توجه داشته باشيد که اينبار مرزهای خانه خالی جدول بدرستی ترسيم گرديده اند.

---

چند نکته اساسی در مورد جداول:

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

شناسه dir قابل استفاده در بسياری از تگها ( مثلا table ، tr ، td ، th ) ميباشد. با کمک شناسه dir و مقدار rtl برای آن، جهت نمايش متون فارسی از "راست به چپ" تعيين ميگردد. توجه داشته باشيد که مقدار شناسه dir به صورت موروثی از table به tr و th و از tr و th به td خواهد رسيد.مثلا برای تعيين مقدار rtl برای تمامی خانه های يک جدول کافی است که فقط شناسه مزبور را در تگ table قيد کنيد و نيازی به قيد آن در تمامی خانه های جدول نيست. البته ميتوانيد که در مورد يک رديف خاص و يا يک خانه خاص شناسه dir را موردی تعيين کنيد.

---

مثالهای بيشتر مرز در جداول
اين مثال کاربرد شناسه border را در نمايش جداول نشان ميدهد.
تعيين جهت نمايش متن در خانه های يک جدول
اين مثال کاربرد شناسه dir است در تعيين جهت نمايش متن در خانه های يک جدول.
عنوان جداول و تگ caption
مثالی در مورد تگ caption در تعريف جداول
توسعه سطری يا ستونی در جداول
مثالی در مورد شناسه های colspan و rowspan و ادغام خانه های جداول به صورت سطری یا ستونی
جدولی با محتويات مختلف
محتوی يک خانه جدول تقريبا ميتواند هر عنصر اچتملی باشد.
فاصله گذاری بين خانه های جداول
اين مثال نحوه ايجاد فاصله بين خانه های جدول را نشان ميدهد.(cellspacing)
لايه گذاری خانه های جدول
اين مثال نحوه ايجاد فاصله خالی بين خانه های جدول و مرز آنها را نشان ميدهد.(cellpadding)
تعيين رنگ زمينه يا تصوير زمينه کل يک جدول
تعيين رنگ زمينه يا تصوير زمينه سراسری جداول با کمک شناسه های bgcolor و background
تعيين رنگ زمينه يا تصوير زمينه يک يا چند خانه از جدول
تعيين رنگ زمينه يا تصوير زمينه در خانه های جداول با کمک شناسه های bgcolor و background
تراز بندی محتوا در خانه های جداول
اين مثال نحوه ترازبندی محتوای خانه های جداول با کمک شناسه "align" را نشان ميدهد.
شناسه frame در جداول
مثالی در مورد کاربرد شناسه "frame" در المان table جهت تعيين شکل مرز جداول.
تراز بندی محتوا در خانه های جداول
اين مثال نحوه ترازبندی محتوای خانه های جداول با کمک شناسه "align" و "valign" را نشان ميدهد.
... فقط تصور کن...
مثالی کاملتر و استفاده از شناسه dir در جداول

---

تگهای جداول

Start Tag	Purpose	کاربرد
<table>	Defines a table	تعريف جدول
<th>	Defines a table header	تعريف سرستون در جداول
<tr>	Defines a table row	تعريف رديف ها در جداول
<td>	Defines a table cell	تعريف سلول يا خانه های يک جدول
<caption>	Defines a table caption	تعريف عنوان جدول

خطاهای بزرگ در طراحی وب

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

در این مقاله چندین اشتباه بزرگ در وب مسترینگ را مشاهده می کنید , در پایان سه خصوصیتی که یک وبسایت برای موفق

شدن باید داشته باشد را ذکر خواهیم کرد .

1- نامناسب بودن امکان جست‌وجو:

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

این عامل از لحاظ جامعه شناسی و روانشناسی مورد استفاده در Seo  ( سئو ) , بسیار مهم است .

 

2- خوانندگان وب و pdf :

خوانندگان وب از فایل‌های پی دی اف دل خوشی ندارند. فایلهای pdf فایلهایی هستند که توسط برنامه ای مانند acrobat reader خوانده می شوند .

 تصور کنید به‌ سختی مشغول جست‌وجو کردن در وب هستید که ناگهان به یک فایل پی دی اف می‌رسید و فاجعه رخ می‌دهد؛

 فشردگی خطوط، مشکلات نرم‌افزاری، از دست دادن فرصت جست‌وجو و گم کردن مسیر جستجو و بخصوص هنگ کردن کامپیوتر در اثر پایین بودن سرعت اینترنت که در ایران بسیار شایع است ,  از مواردی است که فایل‌ پی دی اف را کابوس خوانندگان وب می‌کند.

پس این شعار را فراموش نکنید: خداحافظ حروف و صفحه‌های چاپی و سلام فونت‌های لاغر و ریز.

این عامل از لحاظ Seo  ( سئو ) , بسیار مهم است .

 

3- تغییر نکردن رنگ لینک‌های دیده شده :

برای کاربران آنلاین همیشه مهم است که چه لینکی را دیده‌اند؟ چه لینکی را می‌بیینند؟ و چه لینکی را می‌توانند ببینند.

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

فراموش نکنید آن‌ها انتظار دارند بدانند وقتی روی بخشی که لینک شده کلیک کردند به کجا می‌رود و چه مطلب و یا بخشی را می‌بینند.

این عامل از لحاظ روانشناسی و SMO بسیار مهم است .

 

4- متن‌هایی که قابل اسکن چشمی نباشند(درك شوندگی‌ در یك نگاه)

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

نوشتن برای وب و نوشتن برای رسانه‌های چاپی کاملا متفاوت است:

میان‌تیترها، بولت‌ها، کلید‌واژه‌های برجسته، پاراگراف‌های کوتاه، هرم وارونه، ساده نویسی و بی طمطراق و بدون بازاریابی نوشتن از نکاتی هستند که شما باید برای وب‌نویسی در نظر داشته باشید. [الگوی خواندن صفحات وب این است]

بارها برای خود بنده پیش آمده که مطلبی را در سایت منبع آن رها کرده ام و آن را در سایتی خوانده ام که مطلب را از منبع آن

کپی کرده بود , علت این امر نیز کاملا واضح است .

تصور کنید مطلبی را که در آن کاربر نه می تواند از ماوس استفاده کند , نه می تواند متن را های لایت کند نه می تواند راست کلیک کند و هزار و یک جود محدودیت روی آن وضع شده است .

در میان مطلب نیز تبلیغات متنی و تصویری فراوانی دیده می شوند !

اگر خود شما باشید این مطلب را خواهید خواند ؟ اولین کاری که کاربر انجام می دهد زدن ضربدر خروج است .

این عامل از لحاظ روانشناسی و SMO بسیار مهم است .

 

5- استفاده از فونت‌های ثابت :

مشکل بیشتر وب سایت‌ها وجود فونت‌های ثابت است. فونت‌هایی لاغر و ریز که برای خیلی‌ها خوانا نیستند. آمار نشان می‌دهد كه تا سال 2004 حدود 9 میلیون نفر با سن بالای 65 سال از اینترنت استفاده می‌كردند. پس چطور ‌می‌توانند فونت‌های ریز شما صفحه شما را بخوانند؟

این عامل از لحاظ روانشناسی و SMO  و SEO ( سئو ) بسیار مهم است .

 6- عنوان صفحه :

فراموش نکنید که این عنوان صفحه است که در لیست سایت‌های محبوب کاربر(Favorites) ذخیره می‌شود.

درضمن هیچگاه عنوان صفحه را با کلماتی مثل (the) یا (welcome to) شروع نکنید. این کار باعث می شود عنوان سایت شما به ناچار در زیر کلمات w و T در favorites ذخیره شود .

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

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

این عامل از لحاظ روانشناسی و SMO  و SEO ( سئو ) بسیار مهم است .

 

7- هر چیزی که شکل تبلیغات باشد :

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

بنابراین بهترین راه این است که از طراحی‌هایی که به شکل تبلیغات عرضه می‌شوند، دوری کنید.

 دلایل محکمی برای این نظر وجود دارد:

•  banner blindness: این بدان معناست که کاربران هرگز مسیر نگاهشان را بروی آگهی‌ها و یا حتی هر چیزی که شکل آن‌ها باشد نگه نمی‌دارند.

• animation avoidance: کاربران از هربخش چشمک زن و یا متن‌های فلش براحتی می‌گذرند

• pop-up purges: کاربران قبل از باز شدن کامل هر پنجره pop-up آن را می بندند. تازه اگر  pop-up blocker نداشته باشند.

حال این مساله را به خودتان واگذار کنید !

اگر خودتان وارد سایتی شوید و قبل از اینکه سایت باز شود یا پس از اینکه از سایت خارج شوید , صفحه ای باز شود که باعث

شود کامپیوترتان هنگ کند , آیا باز هم به سراغ آن سایت خواهید رفت .

این عامل از لحاظ روانشناسی و SMO  و SEO ( سئو ) و بازاریابی بسیار مهم است .

 

8- حمله به طراحی پایدار :

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

این عامل از لحاظ روانشناسی و SMO  و SEO ( سئو ) و بازاریابی بسیار مهم است .

 

9- باز شدن پنجره جدید:

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

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

لینک‌ها باید درست در همان صفحه باز شوند. اگر فردی خواست که لینکی را در صفحه جدیدی ببیند می تواند از منوی راست کلیک استفاده کند .

این عامل از لحاظ روانشناسی و SMO  و SEO ( سئو ) بسیار مهم است .

 

10- انبوهی از امکانات و اسکریپتهای بیهوده :

یقینا تابحال سایتهای زیادی را مشاهده کرده اید که پر است از اسکریپتهای گوناگون و بدردنخور !

اسکریپت اجرای آهنگ در وبسایت ! مگر خود کاربر نمی تواند که برای خودش موزیک پخش کند ؟

اسکریپت منع کردن کاربر از کپی و راست کلیک ! مگر این مطالب از آسمان فرود آمده است که در جای دیگر قابل دسترس نباشد ؟

با نصب یک تولبار ساده می توان تمام این اسرکیپت ها را از بین برد , آن وقت چه خواهید کرد ؟

این اسکریپتها و تصاویر و تبلیغات غیر متجانس , جز از دست دادن کاربران و بازدیدکنندگان چیزی در بر نخواهد داشت .

این عامل از لحاظ روانشناسی و SMO  و SEO ( سئو ) بسیار مهم است .

11- جواب ندادن به سوال کاربر :

هدف نهایی همه وب سایت ها کاربران هستند. آن‌ها برای دیدن وب سایت شما دلیل دارند. اما تعداد بی شماری از وب سایت‌ها به خوبی پاسخ کاربران خود را نمی‌دهند.

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

این عامل از لحاظ روانشناسی و SMO  و SEO ( سئو ) و بازاریابی بسیار مهم است . 

منبع:http://www.hiberd.com/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

نکته 8 : مسیرهای متعددی در نظر بگیرید !

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

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

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

 

منبع:http://www.hiberd.com/

تاثیر طراحی سایت بر رتبه آن در موتورهای جستجوگر

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

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

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

3- صفحات وب پویا :
اگر محتوای سایت شما از روی یک بانک اطلاعات بزرگ ساخته می شود، احتمالا دیده اید که بخشهائی از سایت شما در موتورهای جستجو ثبت نشده و قابل جستجو نیستند. بایستی به نوعی موتورهای جستجو را مجاب کرد که این صفحات را ثبت کنند. یک راه استفاده از لینک صفحات مورد نظر ( صفحات پویا) در صفحات ثابت است. البته باز هم در این روش محتوای اطلاعات به احتمال زیاد قابل جستجو نیستند. اگر می خواهید محتوای اطلاعات را هم قابل جستجو کنید، راه حل منتشر کردن دوره ای اطلاعاتی است که تغییر نمی کنند. این اطلاعات را در صفحات ثابت منتشر کنید. نمونه این نوع صفحات ، صفحات وبلاگ هستند که اطلاعات اصلی در یک بانک اطلاعاتی است و در دوره های زمانی خاصی در سایت ثبت می شوند.

4- استفاده صحیح از کد HTML :
برای تولید سایت خود از برنامه هائی مانند MSWord استفاده نکنید. صفحات تولید شده در این برنامه بیشتر شامل اطلاعات مربوط به رنگ و فونت و قالب صفحات می باشد. در این حالت روبات موتور جستجو بجای اینکه به اطلاعات سایت شما دسترسی داشته باشد ، در درجه اول اطلاعات نمایشی سایت را می گیرد و بعد از آن اطلاعات اصلی را . این می تواند در نحوه گردآوری اطلاعات سایت برای ثبت در موتور جستجو اختلال ایجاد نماید.
یک راه استفاده از برنامه هائی چون Dream Weaver است . این برنامه اطلاعات مربوط به نوع نمایش اطلاعات را در یک فایل CSS ذخیره کرده و در ابتدای صفحه سایت شما آن را مورد استفاده قرار می دهد. به این ترتیب در صورت لزوم و در زمان نمایش این فایل خوانده می شود و روبات موتور جستحو مشکلی پیدا نمی کند. علاوه بر این استفاده از کد HTML نادرست در صفحه سایت می تواند باعث بروز مشکل در روبات موتور جستجو شود هرچند که در نمایش سایت شما توسط مرورگرهای مختلف ایجاد اشکال نکند.

5- انتخاب نام دامنه مناسب :
یک قانون طلائی در این مورد داریم که می گوید کاری کنید که در ذهن بازدیدکننده خود باقی بمانید. یکی از راههای عمل به این قانون طلائی استفاده از نامهای مناسب برای نام سایت است. اسم سایت شما می تواند نام کسب و کار شما باشد یا نام فعالیتی باشد که شما انجام می دهید. هیچگاه از اسامی طولانی و جمله ها برای ثبت نام سایت خود استفاده نکنید. علاوه بر این اگر می خواهید به هر دلیلی نام دامنه خود را عوض کنید، برای اینکه رتبه قبلی سایت را از دست ندهید بهتر است از سرویس Forwarding سایت قبلی استفاده کرده و نام قدیم را به آدرس جدید Forward کنید.

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

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

آگاهی از مواردی که در بالا ذکر شد برای تمامی طراحان سایت و مدیران آنها الزامی است. اگر شما سایتی طراحی نمائید موارد ذکر شده در آن رعایت نشده باشند، در حقیقت برای دارنده سایت مشکل ایجاد کرده اید. بیشتر بازدیدکننده های یک سایت خوب از طریق موتورهای جستجو سایت مورد نظر خود را می یابند و علاوه بر این بازدیدکنندگانی که از طریق موتورهای جستجو به سایتی مراجعه می کنند به احتمال بسیار زیاد از مشتریان واقعی سایت هستند.

منبع:forum.microrayaneh.com