طراحی قالب سایت با css و نقش آن در سئو
چگونه از css در بهینه سازی سایت برای موتورهای جستجو می توان استفاده کرد
ابتدا یک تعریف از css
css در اصل زبانی است که به طراحان وب این اجازه را می دهد که با سلیقه خودشان به صفحات اچ تی ام ال مواردی مانند رنگ،فاصله،فونت،و...را اضافه کنند
همچنین css به طراحان وب اجازه می دهد که بر روی هرکدام از عناصر اچ تی ام ال که بخواهند در موقعیت های خاص شیوه های طراحی خودشان را اعمال کنند آنهم بگونه ای که در تمام صفحات این شیوه جدید نمایش داده شود بنابراین می شود حدس زد که css قواعد زیادی برای رسیدن به این هدف دارد که با استفاده مناسب آنها میتوان ظاهر صفحات را تغییر داد بعبارتی کدهای css را میتوان شبیه به یک الگو دانست (مثل الگوی خیاطی) که صفحات بر اساس آن الگو نمایش داده میشوند (طراحان و وب مسترها از «الگو» به تمپلت یا قالب سایت یاد میکنند)
با css قابلیت انعطاف پذیری فوق العاده ای برای طراحی صفحات دینامیک در اختیارمان قرار میگیرد و شکل نمایش صفحات را میتوانیم در کنترل خودمان در بیاوریم از جابجایی لایه ها تا تغییر دادن فونت و متن ها
از دیگر مزایای طراحی اصولی با css میتوان به آسان شدن جایجایی لایه های نمایش نسبت به حالتی که طراحی با تکیه بر جداول می باشد را برشمرد (منظور طراحی table less به جای table based است) جدا از آنکه در این شیوه با تغییر دادن کد های css میتوان در سطح وسیعی تغییرات خودمان را به صفحات تحمیل کنیم سرعت نمایش صفحات یا رندر بالا میرود css به شما مهارت تغییر دادن را می دهد به این معنی که شما برای انجام یک اصلاح کوچک با تغییر در کد css خودتان میتوانید سطح وسیعی از صفحات را به طور خودکار اصلاح نمایید
و خلاصه اینکه با css کد های شما سبک تر،تمیزتز و سهل الوصول برای انجام هر تغییری میشود
css و بهینه سازی برا ی موتورهای جستجو
یکی از بزرگترین مزایای css که تنها دلیل من برای نوشتن این مقاله هم بوده این می باشد که css صفحات سایت شما را اصطلاحا سئو پسند یا (seo frindly) می کند دلیلش هم ساده است موتورهای جستجو اصولا موجودات تنبل و راحت طلبی هستند از جمله اینکه برخی اوقات این تو کت آنها نمی رود که یک متن را از دل کدهای html همراه خودش بیرون بکشند (مخصوصا در صفحات حجیم که موجب میشود موتور جستجو تمام صفحه را ایندکس نکند)و اینجاست که کدهای اصلاحا سنگین html خودشان را بر موتورهای جستجو تحمیل می کنند مواردی مثل فونت ها و جداول و موجب پایین آمدن دقت موتور جستجو در نتیجه پایین آمدن رتبهدر نتایج جستجو میشوند و شما در جستجو از سایت های رقیب عقب می افتید اما اگر شما به جای آن از فایلهای پیوست شده css برای شکل دهی سایت خودتان استفاده کرده باشید کدهای کوچکتر و تمیز تر را در اختیار موتورهای جستجو قرار داده اید و موجبات بالا بردن رتبه جستجوی خودتان را در موتورهای جستجو فراهم کرده اید در صورت برخورداری از دانش و مهارت عالی در طراحی با css شما میتوانید اهمیت مطالب خودتان را برای موتورهای جستجو بالا ببرید به این شکل که با بالاتر قرار دادن متن و محتوای صفحه نسبت به عناصر فرعی صفحه مثل هدایتگر ها(نویگریشن)، منوها ،لینک باکس ها،هدر و فرمهای صفحه آنها را برای موتورهای جستجو در دسترس تر نمایید(این باعث بالا رفتن اهمیت محتوی و در نتیجه رتبه جستجو نیز میشود)من شخصا در تجربیات سایت های خودم مشاهده کرده ام که در پیش گرفتن این ترفند موفقیت شگرفی در مقابیسه با سایتهای مشابه که از سیستم کلاسیک و کهنه شده طراحی مثل استفاده از تگ های font,td,table
استفاده کرده اند دارد(برای رسیدن این تجربه برخی از سایتهای قدیمی خودم را به صورت css layot در آوردم و نتیجه آن موفقیت آمیز بود)
با css همه چیز ممکن است و ما باید از این قابلیت استفاده کنیم
برای موتورهای جستجو مثل گوگل،یاهو و... متون شما اهمیت دارند و کد های شما تنها دست و پاگیر هستند
و بالاخره اینکه با css و بدون نیاز به تغیرات در کد html سایت شما میتواند مناسب برای طراحی های accessibility یا معلولین و موبایل و.... بشود
خلاصه اینکه استفاده از css
به بارگذاری صفحات سرعت می دهد
برای استفاده از rolover شما را از جاوااسکریپت بی نیاز می کند
کدهای شما را کمتر و تمیز تر می کند که خود موجب مصرف پهنای باند کمتر می شود
و تمام این موارد در سئو برای شما امتیاز می باشد