اسمح لي أن أقدم لك مثالًا عمليًا عن كيف يمكن أن يكون التحقق من الصحة سيئًا لموقعك من حيث تحسين محركات البحث والمستخدمين. ذات مرة ، كنت أقوم ببعض الأعمال على الموقع ونسيت بالصدفة إغلاق علامة واحدة
. بعد التحقق من صحة المراجعة في المتصفحات الشائعة ، قمت بإجراء تغييرات على الموقع.
بعد مرور بعض الوقت ، عندما كنت أقوم بتحليل حركة المرور عبر Yandex Metrica ، لاحظت أن متوسط وقت الزيارة في المتصفح متصفح الانترنتاقل بكثير. بعد أن فتحت الموقع من خلال هذا المتصفح ، أدركت ما كان يحدث. كان الموقع بأكمله منحرفًا ، وكان من المستحيل قراءة المحتوى. وهذا يخلق مشكلتين في وقت واحد. كانت المشكلة الأولى هي أنني كنت أفقد كل حركة المرور من IE ، والثانية هي أنني أفسدت العوامل السلوكية.
كيفية التحقق من موقع الويب للتحقق من صحة كود HTML
1. مدقق أتش تي أم أل على الإنترنت
توجد خدمة مجانية على الإنترنت http://validator.w3.org/. من خلاله يتم التحقق من صلاحية كود html. دعنا نلقي نظرة فاحصة على كيفية عمل هذه الخدمة.
هناك شيء مثل تصديقأو صلاحيةشفرة. التحقق من الصحة هو عملية اختبار التعليمات البرمجية للأخطاء. يتم استدعاء الرمز الذي لا يحتوي على أخطاء صالح. ليس من الصحيح حتى قول "ليس به أخطاء" ، فمن الأصح أن نقول "رمز لا يتعارض مع معايير W3C الحالية". يمكنك التحقق من وجود أخطاء في HTML باستخدام الخدمة:
يمكنك التحقق من CSS بحثًا عن أخطاء باستخدام الخدمة:
عند تنفيذ التصميم ، يحدث لكل مسؤول موقع أن يتحقق من موقعه للتأكد من صحة الكود وصلاحيته. لكن معظم المواقع (حتى الأكثر شيوعًا) ، إذا قمت بفحص الكود الخاص بها للتأكد من صحتها ، تحتوي على أخطاء. دعونا نرى ما هو مرتبط به.
غالبًا ما تختلف مفاهيم "الموقع الصحيح" و "الموقع الصحيح". في معظم الحالات ، يمكنك استخدام رمز يجعل الموقع يُعرض بشكل صحيح في جميع المتصفحات ، ولكن مع ذلك ، لن يكون صالحًا.
الصلاحية وكبار المسئولين الاقتصاديين
صحة الشفرة لها تأثير كبير على ترويج محرك البحث للموقع. هناك معلومات تفيد بأن محركات البحث ترتب المواقع غير الصالحة بدرجة أقل من المواقع الصالحة تمامًا. بالإضافة إلى ذلك ، فإن عدم الصلاحية تعني العرض غير الصحيح للموقع في المتصفحات المختلفة ، مما سيخيف الزائرين ، مما سيؤثر على معدل الارتداد والعوامل السلوكية ، ونتيجة لذلك ، قد يؤدي إلى فقدان موقع الموقع في البحث. صحة الموقع هي أحد مؤشرات جودته.
رمز صحيح / غير صالح
ولكن ، كما هو مذكور أعلاه ، يحدث ذلك تصحيح غير صالحشفرة. مثال رئيسي على ذلك الاختراقات CSS(أي تلك الخصائص التي تغير عرض العنصر المطلوب في متصفحات مختلفة). غالبا ما تكون غير صالحة. بالطبع ، يمكنك رفض استخدام مثل هذه الاختراقات ، ولكن كقاعدة عامة ، ستكون الشفرة الصالحة أطول بكثير وأكثر تعقيدًا ، لذلك في مثل هذه الحالات ، من الأفضل اختيار استخدام الاختراقات ، بدلاً من مطاردة الصلاحية. كقاعدة عامة ، لا يضر هذا الرمز ولا يتم اكتشافه إلا عند التحقق منه بواسطة مدقق.
يعد التحقق من الصحة أحد أهم جوانب تصميم الويب الجيد. دعونا نلقي نظرة على ماهيتها وكيفية التحقق من صحة كود HTML. كمثال ، لنأخذ نظام إدارة المحتوى الأكثر شيوعًا (CMS) - WordPress. بعد ذلك ، سوف نشارك قائمة الأخطاء التي واجهناها في الممارسة ، والأهم من ذلك ، سوف نقدم طرقنا الخاصة والمثبتة للقضاء عليها.
لماذا من الضروري التحقق من صحة الموقع
ببساطة ، فحص صفحة الويب سيحدد ما إذا كانت تتوافق مع المعايير التي وضعها اتحاد شبكة الويب العالمية (W3C). يتم ذلك عادةً عن طريق فحص الصفحات الفردية للتأكد من صحتها باستخدام خدمة التحقق عبر الإنترنت الخاصة بـ W3C.
تمامًا مثل القواعد النحوية في اللغات المختلفة ، هناك أيضًا قواعد في البرمجة. يسمح لك التحقق من الصحة بمعرفة ما إذا كانت الصفحة تتوافق مع هذه القواعد ، وإذا كانت هناك أخطاء وتحذيرات ، فسيتم تقديم توصيات لإزالتها. سيتم مناقشة المزيد من التفاصيل حول الحاجة إلى مثل هذا الشيك أدناه.
ما الذي يؤثر على صحة الموقع
هل تساءلت يومًا كيف "تقرأ" المتصفحات صفحة ويب؟ لديهم "محركات" لتحليل الشفرة وتحويلها إلى شكل مرئي للأشخاص. لسوء الحظ ، لكل متصفح آلية خاصة به للتعامل مع الشفرة ، وقد يتسبب ذلك في عرض صفحاتك بشكل مختلف.
يمكن قراءة صفحة الويب غير الصالحة بواسطة المتصفحات بطرق مختلفة. سيؤدي هذا إلى عدم قدرة الزوار على رؤية محتوى الصفحة بشكل صحيح في المستعرضات الخاصة بهم. ستعمل عملية التحقق من الصحة لاحقًا على تصحيح جميع الاختلافات الرئيسية تقريبًا وتجعل صفحة الويب الخاصة بك قابلة للقراءة بواسطة جميع متصفحات الويب تقريبًا (تعد الإصدارات القديمة من Internet Explorer الاستثناء الأكثر شيوعًا). هذا هو المكان الذي جاء منه مصطلح "تخطيط عبر المستعرضات". تنسيق جيد (متوافق) بنفس القدر لجميع المتصفحات الشائعة.
كيف سيؤثر هذا على تحسين محركات البحث؟ من المهم أن نفهم أن روبوتات محركات البحث تحب صفحات الويب الدلالية. التخطيط الدلالي ، وفقًا لـ Wikipedia ، هو نهج لإنشاء صفحات ويب بتنسيق HTML استنادًا إلى استخدام علامات HTML وفقًا لدلالاتها (الغرض). بالإضافة إلى ذلك ، تسمح صفحة الويب الدلالية الهيكلية روبوتات البحثتحديد أكثر دقة أهمية كل من العناصر الفردية لصفحة الويب والنص بأكمله. وفقًا لـ Google ، لا يؤثر الرمز الصالح على ترتيب الصفحة بأي شكل من الأشكال. ولكن في الوقت نفسه ، يمكن أن يؤثر وجود أخطاء في الشفرة سلبًا على مسح البيانات الجزئية والقدرة على التكيف مع الأجهزة المحمولة.
أدوات التحقق لموقعك
لفهم الحاجة إلى عدم وجود أخطاء في التحقق من الصحة على صفحات الموقع ، فلنلق نظرة على كيفية البحث عن هذه الأخطاء.
هناك العديد من خدمات مجانيةللتحقق من صحة الموقع مثل W3C Markup Validation Service و Web Page Analyzer و Browsershots وغيرها.
التحقق من كود الويب للتحقق من صحته هو التحقق منه مقابل معايير وشهادات W3C.
W3C (اتحاد شبكة الويب العالمية) هم المشرعون الفنيون للويب الذين يطورون معايير وقواعد لكتابة التعليمات البرمجية. شهادات ومعايير W3C إلزامية لكل من يعمل على الويب. هناك حاجة إلى معايير موحدة في إملاء التعليمات البرمجية بحيث تتواصل جميع تطبيقات الشبكة في مساحة لغة واحدة ، باللغات القياسية ، وتفهم بعضها البعض أثناء العمل مع مستندات الويب.
لا تقوم W3C بإنشاء معايير الويب فحسب ، بل تعمل أيضًا على تعزيز تنفيذها بشكل فعال.
لدى W3C خدمات عبر الإنترنت للتحقق من صحة كود HTML / XHTML و CSS.
يعد التحقق من الكود وفقًا لمعايير W3C باستخدام أدوات التحقق من W3C هو أفضل طريقة للخروج.
خدمات مجانية عبر الإنترنت من W3C للتحقق من رمز الصلاحية.
مدققو W3C لديهم بديهية واجهة واضحة. العمل معهم سهل وبسيط.
تتيح الخدمات إمكانية التحقق في ثلاثة أوضاع ، وبالتالي ، تحتوي على ثلاثة أزرار فقط:
تحقق من URL
(للتحقق ، تحتاج إلى تحديد عنوان أي صفحة من صفحات الموقع المتاحة على الويب)
تحقق من الملف الذي تم تحميله
(للتحقق ، تحتاج إلى تحديد مسار الملف الذي يتم فحصه)
تحقق من النص المكتوب
(للتحقق ، تحتاج إلى نسخ الرمز ولصقه ليتم التحقق منه في نافذة المدقق)
تعد الطريقتان الأخيرتان مفيدتان بشكل خاص عند فحص مستندات الويب أو النصوص الموجودة على أجهزة الكمبيوتر المحلية. يمكن أن تكون هذه صفحات ويب ، أو تم تنزيلها بالفعل من الويب إلى الكمبيوتر المحلي، أو تم إنشاؤها بواسطة المحركات الموجودة على الخوادم المحلية، مثل "دنفر". في حالة دنفر ، تحتاج إلى حفظ الصفحة من خلال المتصفح كملف بامتداد .html ثم التحقق من كيفية ذلك ملف منفصلأو نسخ مصدرصفحات الويب مباشرة من المتصفح وتحقق من كيفية كتابة النص.
كيفية استخدام أدوات التحقق عبر الإنترنت من W3C.
اتصل بالمدقق على:
(http://validator.w3.org/ - للتحقق من صحة HTML أو XHTML
http://jigsaw.w3.org/css-validator/ - للتحقق من صحة CSS)
في نافذة المدقق التي تفتح ، حدد إحدى طرق التحقق الثلاث
(عنوان url لصفحة الموقع ، ملف محليأو نص مكتوب)
انتقل إلى علامة التبويب المناسبة
حدد هدف التحقق
(أدخل عنوان url لصفحة الويب المحددة ،
أو مسار الملف على الكمبيوتر المحلي ،
أو الصق الرمز المراد التحقق منه ، على التوالي)
انقر فوق الزر "تحقق" وانظر إلى نتيجة الفحص
تتحقق الخدمات من W3C من الرمز للتأكد من صحتها وتشير على الفور إلى الأخطاء ، إن وجدت. سيتم التعليق على كل خطأ. التعليقات ، للأسف ، باللغة الإنجليزية. لذلك ، Google-translate هنا للمساعدة. يبقى فقط ، إذا لزم الأمر ، تصحيح الشفرة والتحقق منها مرة أخرى من أجل الامتثال.
أدوات التحقق من W3C مجانية تمامًا وآلية. لذلك ، يمكنك أن تطرقهم بعملك على الأخطاء لفترة طويلة مع الإفلات من العقاب. لهذا ، يتم إنشاء هذه الخدمات.
بديل عادي لأدوات التحقق من W3C.
بالإضافة إلى خوادم W3C عبر الإنترنت للتحقق من كود الويب ، فإن ملحق HTML Validator لـ متصفح Mozillaثعلب النار. إن وجود مثل هذه الوظيفة الإضافية في المتصفح يسهل عمل مشرف الموقع ويثبت ذلك مرة أخرى موزيلا فايرفوكس- متصفح "الدفة".
يمكنك تنزيل امتداد mazilka من هنا: http://users.skynet.be/mgueury/mozilla/
يمكنك تثبيت الامتداد مثل هذا:
- قم بتشغيل Firefox.
التالي: القائمة - الأدوات - الوظائف الإضافية - الإضافات.
وما عليك سوى سحب وإفلات الملف الذي تم تنزيله (امتداد xpi) في النافذة التي تفتح.
بعد ذلك ، سيتم تثبيت الامتداد تلقائيًا.
أو (الطريقة الثانية):
- قم بتشغيل Firefox.
التالي: القائمة - ملف - فتح ملف - حدد مسار الملف الذي تم تنزيله.
بعد ذلك ، سيتم تثبيت الامتداد تلقائيًا مرة أخرى.
بعد اكتمال التثبيت ، ستحتاج إلى إعادة تشغيل المتصفح.
عند إعادة التشغيل ، ستظهر نافذة بها اختيار طريقة للتحقق من صفحات الويب:
"HTML Tidy" أو "SGML Parser" أو "Serial"
نختار طريقة "محلل SGML" كخيار مناسب ومقبول. نضغط على الزر المقابل ، والآن ، في نافذة المتصفح ، سيتم عرض رمز الاختصار الخاص بالوظيفة الإضافية ، وبجوارها - الزر الخاص بقائمة إعدادات الوظيفة الإضافية.
لدي - فوق وعلى اليمين:
يعمل مدقق HTML لمتصفح Mozilla Firefox بالكامل في الوضع التلقائي. لا يحتاج إلى أن يُظهر له ما يجب التحقق منه. يقوم بفحص جميع المستندات التي سيتم فتحها في Mozilla Firefox. إنه مريح للغاية. يكفي إلقاء نظرة على لون اختصار البرنامج لفهم ما إذا كانت هناك مشكلة في المستند المفتوح أم لا.
اعتمادًا على نتائج الفحص ، يمكن أن يكون لون الرمز أخضر أو أصفر أو أحمر ، مما يعني ما يلي:
أخضر - "لا أخطاء" ، كل شيء "على ما يرام"
أصفر - "لا أخطاء ، ولكن هناك تحذيرات"
أحمر - "هناك أخطاء"
عند النقر فوق الاختصار ، ستفتح نافذة تحتوي على الكود المصدري للصفحة التي تشاهدها ، مع شروحات وتعليقات على الأخطاء والتحذيرات ، إن وجدت.
تقريبا مثل هذا.
مرحبًا بالجميع ، اليوم هو الدرس الأخير للتخطيط في دورة HTML / CSS.
كما وعدت ، سنتعلم في هذا البرنامج التعليمي كيفية التحقق من صحة الصفحة. دعنا نتعرف على الغرض منه بشكل عام ، وما الغرض منه ، وما هي الأدوات والخدمات المتاحة لهذا الغرض.
ما هو التحقق من الصفحة
لنبدأ بما هو التحقق من صحة الصفحة. التحقق من الصفحةهو التحقق من كود HTML و CSS الخاص به للامتثال لمعايير الويب ، بالإضافة إلى نوع المستند المحدد. المعايير المعنية مكتوبة من قبل W3C وجميعها المتصفحات الحديثةتحاول متابعتهم.
إذا تم اجتياز اختبار الصلاحية بنجاح ، أي أن المستند صالح ، فسيتم عرضه بدرجة عالية من الاحتمال بنفس الطريقة في جميع المستعرضات).
عادةً ما يكون التنسيق الصالح "نظيفًا" وشفرة جميلة ، والتي من بين أشياء أخرى ، "إبداءات الإعجاب" محركات البحث. لذلك ، يعد التحقق من كود الصلاحية خطوة إلزامية في تطوير الموقع.
التحقق من الموقع للتأكد من صحته
كيف يتم التحقق من صحة الموقع؟ أبسط طريقةللتحقق من توافق الموقع مع معايير الويب ، يجب استخدام مدقق عبر الإنترنت. يتوفر التحقق من صحة HTML على: http://validator.w3.org/. تأكد من استخدام هذه الخدمة للعثور على أخطاء في كود HTML الخاص بك.
يتم التحقق من صحة CSS باستخدام مدقق CSS الموجود على: http://jigsaw.w3.org/css-validator/.
لقد أوضحت لك كيفية العمل مع هذه الخدمات بمزيد من التفصيل في الفيديو أدناه.
أيضًا ، يمكن إجراء التحقق من رمز الصلاحية باستخدام المكونات الإضافية للتحقق من صلاحية الرمز. على سبيل المثال ، من الأسهل بالنسبة لي استخدامها ، لأنها تسمح لك بالتحقق من الصلاحية مباشرة أثناء التنقل.
ها هو درس الفيديو:
تحميل...