۷ سلاح CSS برای کمک به سئو
امروزه نوشتن کدهای CSS به صورت مرتب، تاثیر بسیار زیادی در سئو وب سایت دارد. کدهای CSS نباید به صورت نامرتب و نامفهوم نوشته شود و همچنین از کدهای قدیمی استفاده نشود برای مثال در صورتی که از table و تگ font استفاده شود، باعث باگذاری دیرتر صفحات میشود. در اینجا 7 روش که شما میتوانید از css برای بهتر کردن رتبهبندی وب سایت خود استفاده کنید را توضیح میدهیم.
بقیه در ادامه مطلب ...
1. کدهای خود را تمیز و مرتب کنید
هنگامی که کدها به صورت پف کرده باشند، نسبت سیگنال به نویز خارج از کنترل میشود. نتیجه این میباشد که خزنده موتور جستجو هیچگونه حسی به برای انجام عملیات خود ندارد.
حال css زیبایی خود را اینجا نشان میدهد. با css میتوانید کدهای مربوط به تزیئنات را از متون جدا نگه دارید که این عمل از دیدگاه سئو، بسیار با ارزش و با اهمیت میباشد چونکه خزنده موتورهای جستجو بدون اینکه به با موارد css برخوردی داشته باشد، میتواند به راحتی از متن سایت اطلاعات کسب کند.
2. استفاده از منوهای کشویی css محور
منوهای کشویی قابلیت استفاده وب سایت شما مخصوصا زمانی که شما در طراحی وب سایتتان نیازمند چندین لینک هستید، را بالا میبرد. اما ایجاد آنها سخت و زمان بر است، پس ما همیشه سعی میکنیم که کدها و اسکرپیبتهای آنها را از دیگر وب سایتها کپی کرده تا سرعت ساخت وب سایت خود را بالا ببریم. اما این اسکریپتها یک مشکل اساسی بنام کدهای جاوا اسکریپت دارند.
مشکل اصلی کدهای جاوا اسکریپت این میباشد، زمانی شما لینکها را داخل آنها قرار میدهید، موتورهای جستجو نمیتوانند آنها را پیدا کنند.
استفاده از منوهای کشویی css محور، یک روش جستجوی بهینه را ارائه میدهد چونکه از موارد css برای نمایش استفاده میکند. زمانی که خزنده موتورهای جستجو به کدها برخورد میکند، به راحتی و بدون هیچ مشکلی میتواند لینکها را مشاهده نماید. این در اصل یک معماری تخت (Flat) را ترویج میدهد و به لینکهایی که حتی در اعماق هم وجود دارند، کمک میکند که توسط خزنده موتور جستجو بازدید شوند.
3. DIV های مخفی و قابل ارتقا
گاهی اوقات در طراحی ما نیازمند یک صفحه اضافه (توضیحات اضافی) میباشیم تا متن یا محتوای بیشتری را کاربر بتواند با استفاده از کلیک و یا پایین کشیدن ماوس مشاهده نماید. مانند قبل میتوان از کدهای جاوا اسکریپت استفاده کرد که باز خزندهها به علت مخفی بودن متون و کدها نمیتوانند آنها را ببینند.
با استفاده از css میتوان از یک تگ مخفی div استفاده کرد که در حالت ابتدایی مخفی است اما با پایین کشیدن ماوس و یا کلیک بر روی آن، از حالت مخفی بودن درمیآید.
4. استفاده از عکسها برای عنوان بدون به خطر انداختن متن
اغلب اوقات شما از یک فونت خاصی برای عنوانها و متنهای وب سایت خود استفاده میکنید. اما تنها تعداد انگشت شماری از فونتها با کل مرورگرها سازگاری دارند. برای حل این مشکل، بهتر است که از عکسها به جای متنها استفاده کنیم.
اما خود این کار باز دارای مشکلاتی میباشد: به طور مثال خزنده موتورهای جستجو نمیتوانند متن داخل را بخوانند.
Css این مشکل را رفع کرده است، استفاده از تصویر جایگزین برای متون عناوین. به عبارت دیگر شما هم متن و هم تصویر را با هم قرار میدهید. (در کنار هم)
5. استفاده از عکسها برای لینک دهی بدون به خطر انداختن متن
گاهی اوقات پیش میآید که شما نمیتوانید به متون نوار منو که به سمت راست باز میشوند دسترسی کامل داشته باشید (در حقیقت به اسم منوها). شما میتوانید از alt برای نشان دادن متن داخل تصویر استفاده نمایید که این یک تذکری (hint) به موتورهای جستجو ارائه میدهد. اما اگر شما از عکس به عنوان پس زمینه استفاده کنید، دیگر این قابلیت را ندارید.
همچنین شما میتوانید از title درلینکدهی استفاده کنید ولی این در مقایسه با قبلی محدودتر است. با CSS شما میتوانید از عکسها برای لینکدهی استفاده کنید در حالی که میتوانید متن داخل عکسها را هم نشان دهید.
یک راه ساده این میباشد. مقدار خصوصیات text-indent را 9999- پیکسل تغییر دهید. این باعث میشود که تصویر به طور واضح بدون متن روی آن نشان داده شود.
6. سرعت بارگذاری را سریعتر نمایید
سرعت بارگذاری برای موتورهای جستجو خیلی اهمیت دارد. خزندهها زمان زیادی را برای تجزیه صفحات شما صرف میکنند که این موضوع به اهمیت صفحات شما بستگی دارد یعنی اینکه اگر در صفحات وب شما از متن و تصویر زیادی استفاده شده است، خزندههای موتور جستجو از صرف وقت برای آنها اذیت نمیشوند. پس سعی کنید از مواردی که باعث میشود سرعت بارگذاری کم شود استفاده ننمایید.
یک مورد دیگر ابزار وب مستر گوگل میباشد که زمان بارگذاری و لود صفحات را به شما نشان میدهد. اما در اینجا سوالی مطرح میشود. چرا گوگل این اطلاعات را نگه میدارد در صورتی که سرعت بارگذاری برای خزنده ها مهم نمیباشد؟ به نظر شما گوگل از کاربرانش میخواهد که برای بارگذاری هر صفحه 5 الی 6 ثانیه استفاده کند؟
با استفاده از CSS به راحتی میتوان سرعت بارگذاری صفحه را کم کرد .برای اینکار باید از تگهایfont ،table و دیگر تگهایی که سرعت بارگذاری را کم میکند استفاده ننماییم.
7. ترتیب کدها را کنترل نمایید
با طراحی css محور شما میتوانید ترتیب کدها و عناصر بدون تغییر در طراحی را عوض نمایید چونکه نمایش موارد و عناصری مانند رنگ و اندازه کاملا از کدها جدا میباشد. اما چرا این موضوع برای سئو مهم میباشد؟
یک مساله کوچکی در خصوص خزنده گوگل در صفحات داخلی شما وجود دارد و آن این است که آنها بیشتر بر متون داخلی که پیدا میکنند تکیه میکنند. و این یعنی اینکه اگر شما بر روی کلمه خدمات در نوار منو کلیک نمایید و شما کلمهای که مربوط به بخش خدمات است را در بدنه سایت به کار ببرید، گوگل بر روی این متن بیشتر تکیه میکند. بنابراین افزایش لینکهای پایین(footer) و بدنه هیچگونه کمکی در صورتی که تمامی صفحات در header (یا منو) به هم متصل و لینکدهی شده باشند، نمیکند.
در اینجا CSS به شما یک فرصت برابری را میدهد که عناصر را مستقل از موقعیتشان نمایش دهید.
منبع:دی جی سئو
با عنایت به اینکه نظرات و پیشنهادات شما کاربران گرامی در بهبود خدمات رسانی پایگاه اینترنتی دی ال سل نقش کاملا موثری ایفا می کنند لذا صمیمانه از شما خواهشمندیم با عنایت به حدیث «مومن آیینه مومن است» ، شما نیز آیینه ما باشید و با یادآوری نقاط ضعف و قوت پایگاه اینترنتی دی ال سل، ما را از این امر محروم نفرمایید.
چند نکته مهم:
• نظرات شما پس از بررسی و بازبینی توسط گروه مدیریت برای نمایش در سایت منتشر خواهد شد.
• نظرات تکراری و تبلیغاتی، تائید نمی شوند و امتیازی هم به آنها تعلق نخواهد گرفت.
• در صورتی که نظر شما نیاز به پاسخ دارد، پاسخ خود را در ذیل همان موضوع دنبال فرمایید.