آیا علت از بین رفتن وب سایت تان مرورگرها هستند؟

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

کدهای HTML مشابه می تواند به صورت های گوناگونی ترجمه شود که بستگی به نوع سیستم عامل کاربران و مرورگرها و … دارد. Wal-Mart جدیداً مرتکب اشتباهی شده است که به دلیل وجود ترکیبی از متن ولینک های بد شکل و بد فرم، کاربران فایرفاکس را مسدود کرده است. اطمینان حاصل فرمایید که شما هم همین اشتباه را مرتکب نخواهید شد. دراینجا چند نکته برای راهنمایی شما و قرار گرفتن در مسیر صحیح طراحی وب سایت ارائه شده است.

ـ مرورگرهای متفاوت

شاید نوع مرورگرهایی که کدهایHTML را ترجمه و تبدیل می کنند عمده ترین تاثیر را در طراحی وب سایت شما خواهند گذاشت. با توجه به نوع سیستم عاملی که شما از آن استفاده می کنید، میزبان برای مرورگرها وجود دارد. در ژانویه سال ۲۰۰۷ سیستم آمارگیریW3Schools نشان داد که محبوب ترین مرورگرها، اینترنت اکسپلورر و فایرفاکس به ترتیب ۶/۵۸ و ۳۱ درصد از بازار را تصرف کرده اند.
مرورگرهای دیگر که دارای قابلیت های برجسته ای هستند شامل Mozilla،Safari وOpera می باشند. در حالی که کنسرسیوم شبکه جهانی وب استانداردها ومعیارهای رسمیHtml را منتشر کرده است اما فضای قابل توجهی برای تفسیر این قوانین وجود دارد.
علاوه براین برخی از مرورگرها ممکن است استانداردهای”Cutting edge” HTML را پشتیبانی نمایند در حالی که مرورگرهای دیگر ممکن است این مزیت رانداشته باشند. این تفاوت ها می تواند تاثیر چشم گیری در چگونگی نمایش یک صفحه وب سایت داشته باشد؛ برای مثال می توانید به صفحه دانلود ویدئوهایWal-mart درفایرفاکس را بررسی کنید. بهترین روش برای به حداقل رساندن این مشکلات توجه به میزان سازگاری مرورگر در هنگام ساخت وب سایت تان می باشد. از استفاده از پسوندهای HTML اجتناب نمایید و مراقب تگ هایCutting-edge HTML که ممکن است هنوز توسط همه مرورگرها پشتیبانی نشود نیز باشید.

ـ سیستم های عامل مختلف

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

• نوع فونت

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

• سایز فونت

سیستم های عامل مکینتاش به طور معمول فونت ها را در اندازه پیکسل های کوچکتر در کامپیوتر ارائه می کنند. یک از راه ها برای اجتناب از این مشکل، استفاده ازCascading style sheets یا شیوه نامه های آبشاری به جای استفاده از تگ فونت می باشد که استفاده از خلاصه ای از آن اندازه فونت را تعریف می نماید.

• اینترنت اکسپلورر

نسخه اینترنت اکسپلورر در سیستمMac برای توسعه دهندگان ارائه شده، بنابراین تا حد زیادی از نسخه های مختلف درPC های مختلف وجود دارد. پس بسیار مهم است که هنگام ساخت سایت آن را درIE با هر دو نوع سیستم عامل بررسی نمایید.

ـ سایز های مختلف Screen

یکی دیگر از عمده عوامل موثر در ظاهر وب سایت شما، وضوح صفحه نمایشScreen resolution بازدیدکننده می باشد. با توجه به آمارW3Schools شایع ترین اندازه صفحه نمایش ۷۶۸×۱۰۲۴ که میزان استفاده از این سایز ۵۸٪ می باشد والبته این تعداد دارای نوسان نیز می باشد. بدون استفاده از جدول تعریف شده، بخشی از وب سایت شما ممکن است کشیده تر(deform) شده و یا برای تصاویر موجود در سایت تان مشکل ایجاد نموده و به قالب بندی آن آسیب بزند. بهتر است طراحی سایت خود را به گونه ای انجام دهید که ۸۰۰ پیکسل و یا کمتر داشته باشد و سعی کنید تمامی مطالب ومحتوای سایت خود را مانند یک جدول بزرگ تک ستونی درآورده و با بزرگترین صفحه نمایش و وضوح بیشتر آن را بررسی نمایید.

در حال حاضر ممکن است بسیاری از شما به سیستم های عامل متفاوت و یا مرورگرهای مختلف دسترسی نداشته باشید، اما خبر خوب برای شما این است که دسترسی به کمک به صورت آنلاین وجود دارد. یکی از بهترین خدمات آنلاین دروب سایتBrowsershots.org وجود دارد که تصاویری از صفحه وب سایت شما درمرورگرهای مختلف و سیستم های عامل متفاوت به شما نشان خواهد داد.
این خدماتopen source و رایگان می باشد، بنابراین برای بهبود طراحی سایت خود می توانید از آن بهره مند شوید.