Css: كيف يبدو موقع الويب

[راضي محمد]

Css: كيف يبدو موقع الويب

يرمز CSS إلى "أوراق الأنماط المتتالية" ، وهذا ما يجعل صفحات الويب الخاصة بك تأخذ خطوطًا وألوانًا وتخطيطات معينة. تم إنشاء HTML لوصف المحتوى ، بدلاً من تصميمه ، لذلك عندما دخلت CSS إلى المشهد ، كان ذلك بمثابة تغيير في قواعد اللعبة. باستخدام CSS ، يمكن "تجميل" صفحات الويب دون الحاجة إلى ترميز يدوي للأنماط في HTML لكل صفحة - وهي عملية مرهقة ، خاصة للمواقع الكبيرة.

اعرف ايضا : كيفية تعلم السيو SEO في 4 خطوات فقط

لم يبدأ نظام الفهرسة في Google في عرض صفحات الويب كمتصفح فعلي حتى عام 2014 ، بدلاً من متصفح نصي فقط. كانت إحدى ممارسات تحسين محركات البحث ذات القبعة السوداء التي حاولت الاستفادة من نظام الفهرسة الأقدم في Google هي إخفاء النصوص والروابط عبر CSS بغرض التلاعب بترتيب محركات البحث. تعتبر ممارسة "النص والروابط المخفية" انتهاكًا لإرشادات الجودة في Google.

مكونات CSS التي يجب أن تهتم بها مُحسنات محركات البحث ، على وجه الخصوص:

نظرًا لأن توجيهات الأنماط يمكن أن تعيش في ملفات أوراق الأنماط الخارجية (ملفات CSS) بدلاً من HTML لصفحتك ، فإنها تجعل صفحتك أقل ثقلاً في التعليمات البرمجية ، مما يقلل حجم نقل الملفات ويجعل أوقات التحميل أسرع.
لا يزال يتعين على المتصفحات تنزيل الموارد مثل ملف CSS الخاص بك ، لذا فإن ضغطها يمكن أن يجعل تحميل صفحات الويب الخاصة بك أسرع ، وسرعة الصفحة هي عامل الترتيب.
يمكن أن يؤدي وجود صفحات ذات محتوى ثقيل أكثر من ثقيلة الأكواد إلى تحسين فهرسة محتوى موقعك.
يمكن أن يؤدي استخدام CSS لإخفاء الروابط والمحتوى إلى معاقبة موقع الويب يدويًا وإزالته من فهرس Google.
JavaScript: كيف يتصرف موقع الويب
في الأيام الأولى للإنترنت ، تم إنشاء صفحات الويب باستخدام HTML. عندما ظهر CSS ، كان لمحتوى صفحات الويب القدرة على اتخاذ بعض الأنماط. عندما دخلت لغة البرمجة JavaScript إلى المشهد ، لم يكن بإمكان مواقع الويب الآن أن يكون لها هيكل وأسلوب فحسب ، بل يمكن أن تكون ديناميكية.

أتاحت JavaScript الكثير من الفرص لإنشاء صفحات ويب غير ثابتة. عندما يحاول شخص ما الوصول إلى صفحة محسّنة باستخدام لغة البرمجة هذه ، فسيقوم متصفح هذا المستخدم بتنفيذ جافا سكريبت مقابل HTML الثابت الذي أعاده الخادم ، مما ينتج عنه صفحة ويب تنبض بالحياة مع نوع من التفاعل.

لقد رأيت بالتأكيد جافا سكريبت قيد التشغيل - ربما لم تكن على علم بها! وذلك لأن جافا سكريبت يمكنها فعل أي شيء تقريبًا للصفحة. يمكن أن تنشئ نافذة منبثقة ، على سبيل المثال ، أو قد تطلب موارد خارجية مثل الإعلانات لعرضها على صفحتك.

التقديم من جانب العميل مقابل التقديم من جانب الخادم
يمكن أن تسبب جافا سكريبت بعض المشاكل لتحسين محركات البحث ، على الرغم من ذلك ، نظرًا لأن محركات البحث لا تعرض جافا سكريبت بالطريقة نفسها التي يعرضها الزوار من البشر. هذا بسبب العرض من جانب العميل مقابل العرض من جانب الخادم. يتم تنفيذ معظم JavaScript في متصفح العميل. مع العرض من جانب الخادم ، من ناحية أخرى ، يتم تنفيذ الملفات على الخادم ويرسلها الخادم إلى المتصفح في حالتها الكاملة.

عناصر الصفحة المهمة لتحسين محركات البحث ، مثل النص والروابط والعلامات التي يتم تحميلها من جانب العميل بجافا سكريبت ، بدلاً من تمثيلها في HTML ، تكون غير مرئية من شفرة صفحتك حتى يتم عرضها. هذا يعني أن برامج الزحف بمحركات البحث لن ترى ما هو موجود في جافا سكريبت لديك - على الأقل ليس في البداية.

تقول Google ، طالما أنك لا تمنع Googlebot من الزحف إلى ملفات JavaScript الخاصة بك ، فإنها عمومًا قادرة على عرض وفهم صفحات الويب الخاصة بك تمامًا مثل المتصفح ، مما يعني أن Googlebot يجب أن يرى نفس الأشياء التي يشاهدها المستخدم موقع في متصفحهم. ومع ذلك ، نظرًا لهذه "الموجة الثانية من الفهرسة" لجافا سكريبت من جانب العميل ، يمكن أن تفقد Google بعض العناصر التي لا تتوفر إلا بعد تنفيذ JavaScript.

هناك أيضًا بعض الأشياء الأخرى التي يمكن أن تحدث خطأ أثناء عملية Googlebot لعرض صفحات الويب الخاصة بك ، والتي يمكن أن تمنع Google من فهم ما هو موجود في جافا سكريبت الخاص بك:

تعلم المزيد : ما هو السيو ؟دليل المبتدئين للتعرف عليه

لقد حظرت Googlebot من موارد جافا سكريبت (على سبيل المثال: باستخدام ملف robots.txt ، كما تعلمنا في الفصل 2)
لا يمكن لخادمك معالجة جميع الطلبات للزحف إلى المحتوى الخاص بك
جافا سكريبت معقدة للغاية أو قديمة جدًا بحيث يتعذر على Googlebot فهمها
لا تقوم جافا سكريبت "بالتحميل البطيء" للمحتوى إلى الصفحة إلا بعد انتهاء الزاحف من الصفحة والانتقال إليها.
وغني عن القول ، على الرغم من أن JavaScript يفتح الكثير من الاحتمالات لإنشاء صفحات الويب ، إلا أنه يمكن أن يكون له أيضًا بعض التداعيات الخطيرة على مُحسنات محركات البحث إذا لم تكن حريصًا.

المصدر: منتدى الخليج | منتديات الخليج | منتدى الخليج التجاري

---

Css: ;dt df], l,ru hg,df css: