يعلم الجميع أن تنسيق div+css يحظى بشعبية كبيرة الآن. فهو يفصل محتوى صفحة الويب وعرضها، ويبسط كود صفحة الويب، ويغير بعض الرموز، وينشئ نمطًا جديدًا لصفحة الويب، هاها! وغني عن القول، سرعة الافتتاح! ولكن من منظور تحسين محركات البحث، يعد النص المخفي بمثابة غش في تحسين محركات البحث! ! هل CSS مثالي كما ذكرنا أعلاه؟ لست متأكدًا، لذا دعونا نناقش ما إذا كانت صورة CSS يمكنها أن تحل محل العلامة img بشكل مثالي؟ بالطبع هذا يشمل البديل!
1. كود html للصور في صفحات الويب العامة هو كما يلي:
<ح1>
<img src="images/logo.jpg" alt="اسم الشعار" />
</h1>
2. إذا كنت تستخدم CSS بدلاً من ذلك، فاكتب أولاً جزءًا من كود CSS (حيث يكون .logo هو محدد الفئة):
h1.الشعار الرئيسي {
العرض: 300 بكسل الارتفاع: 50 بكسل؛
الخلفية: url(images/logo.jpg);
المسافة البادئة للنص: -9999 بكسل؛
}
عند استدعاء CSS على صفحة ويب، يكون الرمز كما يلي:
<h1 class="main-logo">اسم الشعار</h1>
طريقتا التعبير أعلاه متماثلتان تمامًا، لكن الطريقة التي يعبر بها CSS عن الصورة ستجعل الكلمات "اسم الشعار" مخفية في النص من منظور تحسين محركات البحث، هل هذا غش؟ (يرجى من خبراء تحسين محركات البحث (SEO) ترك رسالة!)
لماذا يحب الجميع استخدام هذا المغلق؟ لن أشرح السبب، فقد تم ذكره من قبل! لكن هل تفهم محركات البحث؟ على الرغم من أن سرعة فتح صفحات الويب صديقة للمستخدمين، فهل يمكن لمحركات البحث أن تفهم ذلك؟ كما نعلم جميعًا، فإن محركات البحث تتعرف فقط على النصوص، وليس الصور! باستخدام CSS، من الواضح أن النص مخفي، ستعاقب محركات البحث بشدة غش النص المخفي في محركات البحث. لكن استخدام CSS أمر معقول من الناحية الفنية، فهل يستطيع Google ومحركات البحث الأخرى فهمه؟
دعونا نرى ما يقوله مات كاتس، أحد كبار المهندسين في جوجل؟
إذا كنت تستخدم CSS مباشرة لإخفاء النص، فلا تتفاجأ إذا كان هذا يسمى بريدًا عشوائيًا، وأنا لا أقول أن تمرير الماوس أو نص DHTML أو has-a-logo-but-also-have-text هو بريد عشوائي. لقد أجبت على هذا السؤال الأخير في أحد المؤتمرات عندما قلت "تخيل كيف سيبدو الأمر للزائر أو المنافس أو أي شخص يقوم بفحص تقرير البريد العشوائي إذا قمت بإظهار اسم شركتك وكان Expo Markers بدلاً من شعار Expo Markers، يجب أن تكون على ما يرام إذا كان النص الذي قررت عرضه هو "خصم رخيص عبر الإنترنت لـ Expo Markers وشراء تخفيضات Expo Markers عبر الإنترنت..." فسأكون أكثر حذرًا، لأن ذلك قد يبدو سيئًا.
يمكن أن نرى من كلماته أنه إذا كنت تستخدم CSS عمدًا لتشغيل SEO، فسيكون ذلك خطيرًا بعض الشيء! إذا كان من المعقول استخدام CSS لتحسين سهولة الاستخدام، فلا داعي للقلق.
بوستسكريبت: ما زلت ألقي نظرة على شعار Google وهو يستخدم الصورة المذكورة في النقطة الأولى من هذه المقالة. وأرى أن بعض مواقع ويكيبيديا تستخدم صور CSS، ولا يبدو أن تصنيف وزنها له أي تأثير! حسنًا! إنه سؤال يصعب تحديده، لذلك دعونا نتركه للجميع! !
مصدر هذه المقالة: www.bobaiyou5.com
شكرا لBobaiyou على مساهمتك