چگونه سایتی استاندارد و سازگار با تمام مرورگرها بسازیم ( نکات و ترفند ها )

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

با اجازه اساتید من چند نکته را اشاره میکنم :

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

<table style="width: 324px; margin:auto;">

حال یک بار دیگه صفحه را باز کنید و نتیجه را ببینید .

امیدوارم دوستان دیگه هم تو این راه منو همراهی کنن

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



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‌ و فلش و مانند آن از خوانایی لینک های شما می کاهد .اگر مجبور به استفاده از لینک های پیچیده در طراحی سایت هستید میتوانید از لینک های ساده در انتهای صفحات استفاده کنید تا موتور های جستجوگر نیز بتوانند لینک های شما را شناسایی کنند .



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

چرا انتقال ؟؟ اینایی که من نوشتم مربوط به ASP.net هست

با سلام، یکی دیگه از ترفندها این است که اگر خواستید از انجام عملکرد پیش فرض یک دکمه جلوگیری نمائید،یه این صورت عمل کنید:

// If the preventDefault is valid (everything but IE)

if(document.preventDefault)

e.preventDefault();

else

// IE

e.returnValue = false;

نکته مهمی که فراموش کردی رعایت استاندارد های تعیین شده توسط w3 هستش مانند : XHTML 1.0 Transitional یا XHTML 1.0 Strict و ... می باشد. :چشمک:

موفق باشید.

تاجایی که میدونم بهتره اعلان اچ تی ام ال (DOCTYPE) لازم رو در ابتدای فایلهای خودتون قرار بدید.
در این حالت صفحهء شما در حالت استاندارد Render میشه.
حالت دیگری داریم بنام Quirks که در این حالت صفحات ممکنه با تفاوتهای فاحشی نمایش داده بشن.
احتمالا مد استاندارد به معنای نمایش یکسان یا خیلی نزدیکتر در مرورگرهای مختلف خواهد بود و مد Quirks مربوط به گذشته هاست که مرورگر خیلی زیاد بطور سلیقه ای و متفاوت عمل میکردن. البته این یک حدس فنی هست. (برای اطلاع موثق به منابع رسمی که خودم وقت نکردم بخونم مراجعه کنید!!)
در فایرفاکس وقتی روی پیج کلیک راست کنید و View Page Info رو انتخاب کنید میتونید در برابر فیلد Render Mode حالت نمایش صفحه رو ببینید؛ بطور مثال برای این صفحهء تاپیک این عبارت هست: Standards compliance mode