انجمن تخصصی ایران سرور

بعد از ظهور CSS3 و HTML5 مبحث تازه ای هم برای بهینه سازی سایت ها ایجاد شد و آن هم استفاده از CSS3 و کم حجم شدن قالب وبسایت و در نتیجه بهینه تر شدن سرعت وبسایت برای موتورهای جستجو …

امروز ابتدا توضیحاتی در مورد استفاده از CSS3 و نقش آن در سئو وبسایت خواهم داد و سپس چند راهنمایی برای کسانی که به تازگی به  طراحی قالب و کدنویسی قالب های سایت روی آوردند … و این مطلب بیشتر مناسب کسانی است که در طراحی وبسایت فعالیت می کنند

به جرات می توان گفت CSS3 تمامی نیازهای طراحان را برای طراحی وبسایت های زیبا فراهم کرده است و در گذشته طراحان برای کدنویسی مجبور بودند از برش دادن تصاویر برای کدنویسی خود استفاده کنند و حالا فرض کنید وبسایتی که تعداد صد تصویر برای طراحی قالب وبسایت خود برش داده است و در طرح خود استفاده می کند این یعنی ۱۰۰ درخواست به سرور برای لودکردن تصاویر ( تصور کنید بهینه سازی تصاویر هم انجام داده است باز هم ۱۰۰ در خواست به سرور را داریم ) … اما با وجود CSS33 ما حتی لوگوها را به صورت کدهای CSSS در می آوریم و در طراحی قالب وبسایتمان دیگر نیازی به استفاده از برش دادن صدها تصویر نداریم و برای این کار در ابتدای سایت خود فقط یک فایل CSS رو فراخوانی می کنیم که اولا حجم این فایل CSS بسیار پایینتر از تصاویر است و ثانیا فقط یک درخواست به سرور را پیش رو داریم و این یعنی نقش CSS3 در سئو و بهینه سازی سرعت وبسایت شما …

حالا شاید سوال پیش بیاید فونت آیکون چیست ؟ فونت آیکون ها را دسته ای از شرکت های بزرگ ایجاد می کنند که برای مثال لوگوی فیسبوک و گوگل رو به صورت کدهای CSS3 در می آورند ، و شما تنها با فراخوانی این فایل های CSS می توانید به هزاران فونت آیکون آماده دسترسی داشته باشید و در کدهای HTML خود از آن استفاده کنید.

اگر بخواهم چند سایت معتبر در این زمینه نام ببرم می توانم Font Awesome و Bootstrap را به شما معرفی کنم … این فونت ها به کسب و کار اینترنتی شما کمک بسزایی می کند

شاید در طراحی قالب وبسایت و زیبا سازی آن نیاز به استفاده از اسلایدرهای مختلف داشته باشیم ! اگر می خواهیم سایتی بهینه و سئو شده طراحی کنیم نباید از چندین کتابخانه jqueryy و جاوا اسکریپت استفاده کنیم و شما می توانید برای مثال اسلایدر های متفاوتی را فقط  با یک کتابخانه تولید کنید برای مثال در قالب وبسایت زرین سئو دقت کنید که دو اسلایدر متفاوت به کار رفته است اما فقط تفاوت آنها در کدهای CSS آن است نه کتابخانه های jquery آن …