رأس IE القديم لوضع العرض. ربط SEO: قد يؤدي الاستخدام غير الصحيح إلى تعطيل العرض للزواحف في حالة فشل HTML البديل.
هل أنت قلق من أن يرى بعض زوار موقعك نسخة قديمة ومعطلة من موقعك الرائع؟ إنها مشكلة شائعة، خاصةً لمستخدمي الإصدارات القديمة من متصفحات الويب.
أعرف إصلاحًا فنيًا بسيطًا يجبر المتصفحات القديمة على عرض التصميم الحديث الصحيح، وهو أمر رائع لتجربة المستخدم وتحسين محرك البحث الخاص بك.
سأشرح لك ما هو X-UA-Compatible؟ وأوضح لك كيفية استخدام هذا الجزء الصغير من التعليمات البرمجية لضمان أن يرى الجميع موقع الويب المثالي الخاص بك.
ما هو المتوافق مع X-UA؟
ما هو X-UA-Compatible؟ هو رأس HTTP أو علامة تعريفية أستخدمها لإخبار الإصدارات الأقدم من Internet Explorer والتي أداء المحرك للاستخدام.
أنا عادة أضبطه على IE=edge، مما يجبر المتصفح على استخدام أفضل وأحدث وضع عرض ممكن.
يضمن هذا أن يرى المستخدم التصميم الحديث والسريع الذي صممته، مما يحسن وقت الانتظار ويقلل الإحباط.
التأثير على منصات إدارة المحتوى
هذا جزء صغير من الكود، ولكنني أتأكد من وضعه في المكان الصحيح على كل نظام إدارة المحتوى ليكون فعالاً.
WordPress
في WordPress، أقوم عادةً بإضافة علامة التعريف X-UA-Compatible مباشرةً إلى ملف الرأس الخاص بموضوعي.
أنا أتأكد من أنها واحدة من الأشياء الأولى في <head> قسم من مستند HTML.
تساعد العلامة على ضمان عدم قيام المستخدمين القدامى بخرق تخطيطي، وهو أمر جيد لصحة الموقع بشكل عام.
شوبيفاي
بالنسبة إلى Shopify، أقوم بإدراج علامة التعريف في ملف السمة الرئيسي، والذي يُسمى عادةً theme.liquid، مباشرة بعد الافتتاح <head> العلامة.
نظرًا لأن المنصة تتعامل مع حقن الكود الخاص بي بسهولة، فأنا أفعل ذلك لجميع المتاجر الجديدة التي أقوم بإعدادها.
هذا فحص سريع للأمان والتوافق للواجهة الأمامية للموقع.
Wix و Webflow
على هذه المنصات، أستخدم غالبًا ميزة حقن الكود المخصص في إعدادات الموقع لإضافة علامة التعريف.
أؤكد أن الكود تم حقنه على مستوى الموقع ووضعه في أعلى قسم الرأس من الصفحة قدر الإمكان.
تمنع هذه الخطوة البسيطة أخطاء التخطيط المزعجة التي قد تؤثر على ثقة المستخدم.
نظام إدارة المحتوى المخصص
باستخدام نظام مخصص، يمكنني اختيار تنفيذ ذلك كرأس HTTP على مستوى الخادم أو علامة تعريفية بسيطة في الكود.
أفضّل استخدام رأس HTTP لأنه يتم معالجته بشكل أسرع وهو حل أكثر قوة إلى حد ما.
تمنحني هذه الطريقة الحد الأقصى من التحكم في توافق المتصفح لجميع الزوار.
متوافق مع X-UA في مختلف الصناعات
على الرغم من أنه إصلاح قديم، فإن العرض المتسق يعد أمرًا أساسيًا للثقة لكل شركة عبر الإنترنت.
التجارة الإلكترونية
أستخدم هذه العلامة للتأكد من أن نماذج الدفع وعربات التسوق تظهر بشكل مثالي على جميع المتصفحات القديمة.
إذا كانت صفحة الخروج تبدو مكسورة أو يصعب استخدامها، فسوف يتخلى العميل عن عربة التسوق على الفور.
تحمي هذه العلامة الصغيرة معدل التحويل الخاص بي وتضمن عدم خسارة المبيعات.
الشركات المحلية
أتأكد من تحميل نماذج الاتصال والخرائط المضمنة بشكل صحيح على جهاز كل مستخدم، بغض النظر عن عمر البرنامج.
صفحة "اتصل بنا" المكسورة تعني فقدان العملاء المحتملين وتفويت المواعيد الخاصة بالعمل.
يضمن إصلاح التوافق هذا أن كل عميل محتمل يمكنه الوصول إلي بسهولة.
ادارة العلاقات (البرمجيات كخدمة)
بالنسبة إلى SaaS، أستخدم هذا لحماية تجربة المستخدم على لوحة معلومات التطبيق وصفحات الميزات الخاصة به.
إذا كان البرنامج يبدو قديمًا أو به خلل، فسوف يشك العميل في جودة الخدمة التي أقدمها.
هدفي هو الحصول على مظهر متناسق واحترافي يعمل على بناء الثقة ويقلل من مشكلات الدعم.
مدونات
أستخدم هذه العلامة للتأكد من عرض تنسيق مقالتي الجميلة والصور ومقاطع الفيديو المضمنة بشكل صحيح.
يؤدي التصميم المكسور إلى صعوبة قراءة النص، مما يدفع المستخدم إلى مغادرة الصفحة بسرعة.
إن تجربة المستخدم الرائعة، التي يتم تأمينها بواسطة هذه العلامة، تؤدي إلى وقت انتظار أفضل ومعدلات ارتداد أقل.
الأسئلة الشائعة
هل لا تزال هناك حاجة إلى علامة X-UA-Compatible اليوم؟
أصبحت هناك حاجة إليها بشكل أقل فأقل لأن المتصفحات الحديثة مثل Chrome وFirefox يتم تحديثها دائمًا.
ومع ذلك، لا يزال من الأفضل من الناحية الفنية تضمينه بالنسبة لعدد قليل من المستخدمين الذين يستخدمون إصدارات قديمة جدًا من Windows أو المتصفح.
إنه جزء صغير من الكود يوفر حماية ممتازة بأقل جهد.
ماذا يحدث إذا نسيت استخدامه؟
إذا نسيت العلامة، فقد يرى المستخدم الذي يستخدم متصفحًا قديمًا جدًا موقعك في "عرض توافق" قبيح.
هذه نسخة مختصرة ومكسورة من موقعك مما سيجعل المستخدم يغادره بسرعة.
إن تجربة المستخدم السيئة الناتجة عن ذلك هي شيء ستلاحظه خوارزميات الجودة الخاصة بشركة Google.
هل يجب علي استخدام علامة التعريف meta أو رأس HTTP؟
أستخدم عادةً رأس HTTP إذا كان لدي وصول إلى الخادم، حيث تتم معالجته قليلاً قبل علامة التعريف.
ومع ذلك، من الأسهل بكثير تنفيذ علامة التعريف التعريفية على معظم منصات إدارة المحتوى مثل WordPress أو Shopify.
تحقق كلتا الطريقتين نفس الهدف، لذا اختر الطريقة الأسهل لمنصتك لتنفيذها في الجزء العلوي من الكود.
