ما هي علامات HTML الوصفية؟ هل هو حقا ضروري؟



ستزودك هذه المقالة بمعرفة شاملة ومفصلة عن علامات HTML الوصفية وستساعدك على معرفة البيانات الوصفية التي يمكنك إضافتها إلى صفحة الويب الخاصة بك.

وفقًا للتعريف الرسمي ، فإن البيانات الوصفية هي بيانات حول البيانات. الآن إذا تحدثنا عن البيانات الوصفية من حيث موقع الويب أو صفحة الويب ، فإنها تُستخدم لوصف كيفية تفسير المحتوى الخاص بك بواسطة محرك البحث وكيفية تصويره. في هذا مقالة العلامات الوصفية ، سأشرح المصطلحات التالية:

ما هي العلامات الوصفية في HTML؟

البيانات الوصفية هي معلومات إضافية حول مستند الويب مثل وصف الصفحة ، المؤلف ، قائمة بالكلمات الرئيسية الهامة ، إلخ. في هذه المدونة سوف نتعلم كيفية إضافة البيانات الوصفية إلى صفحة الويب الخاصة بك بتنسيق HTML.





html-meta-tags

لإضافة بيانات وصفية ، يمنحك HTML علامة .tag مشابه لـ علامة في HTML حيث ليس لديك علامة إغلاق وتخزن المعلومات ضمن سماتها.



نقطة لنتذكر

  • يمكنك المضي قدمًا وإضافة علامات وصفية متعددة في صفحة الويب أو المستند بناءً على المعلومات الإضافية التي تريد الكشف عنها.

    القائمة المنسدلة في angularjs
  • لا تغير العلامات الوصفية مظهر صفحة الويب. لذلك ، لا يؤدي تضمين البيانات الوصفية إلى تغيير مظهر صفحة الويب ، ولكنه أمر بالغ الأهمية من منظور تحسين محرك البحث.

سمات علامات HTML الوصفية

ال يجب تضمين العلامة داخل رأس المستند ، أي في الداخل و العلامات. السمات المرتبطة بـ العلامات هي:



  • اسم: يصف اسم العقار مثل الكلمات الرئيسية والتضمين والمؤلف والوصف وما إلى ذلك.

  • المحتوى:يصف قيمة العقار.

  • مخطط: يحدد مخططًا لتفسير قيمة العقار

  • http- equiv: رؤوس رسائل استجابة http. يستخدم لتعيين ملف تعريف الارتباط أو تحديث الصفحة.

معلومات العلامات الوصفية

هناك الكثير من المعلومات المختلفة التي تصورها البيانات الوصفية. دعونا نلقي نظرة عليهم:

  • تحديد الكلمات المفتاحية

هناك العديد من الكلمات الأساسية الهامة التي يحتوي عليها المستند. يمكنك تحديد الكلمات الرئيسية المهمة في العلامة وإعلام محرك البحث عنها. يستخدم محرك البحث هذه الكلمات الأساسية لفهرسة صفحة الويب.

العلامات الوصفية في HTML مرحبًا بك في Edureka 

كما ناقشنا ذلك بالفعل ، العلامات لن يغير مظهر صفحة الويب . لذلك ، لن أكتب الشفرة بالكامل عدة مرات.

  • وصف المستند

يعد الوصف أيضًا جزءًا مهمًا من البيانات الوصفية التي تقدم وصفًا صغيرًا لصفحة الويب. يستخدم محرك البحث هذا الوصف التعريفي لفهرسة صفحات الويب.

العلامات الوصفية في HTML

  • تاريخ مراجعة الوثيقة

يمكنك الاستفادة من العلامة لتحديث البيانات المعدلة الأخيرة لصفحة الويب الخاصة بك. يتم استخدام هذه البيانات مرة أخرى بواسطة محركات البحث للتحسين ومتصفحات الويب.

العلامات الوصفية في HTML

  • تحديث الوثيقة

يمكنك استخدام العلامة لتعيين معدل تحديث صفحة الويب الخاصة بك. يتم تحديد المدة بالثواني ، وبعد ذلك سيتم تحديث صفحة الويب تلقائيًا.

العلامات الوصفية في HTML

  • إعادة توجيه الصفحة

يمكن أيضًا استخدام العلامة لإعادة التوجيه. يمكنك تحديد التنقل باستخدام عنوان url لصفحة ويب أخرى والمدة بالثواني التي تريد بعدها إعادة توجيه المستخدمين.

العلامات الوصفية في HTML

  • ضبط ملفات تعريف الارتباط

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

تتمثل إحدى الوظائف المهمة للعلامة في تخزين ملفات تعريف الارتباط على جانب العميل ، والتي يمكن استخدامها لاحقًا بواسطة خادم الويب.

العلامات الوصفية في HTML

في حالة عدم تحديد تاريخ ووقت انتهاء الصلاحية ، فسيتم حذف ملف تعريف الارتباط عند إغلاق المتصفح.

  • تعيين اسم المؤلف

يمكن أيضًا تحديد اسم المؤلف باستخدام العلامة.

العلامات الوصفية في HTML
  • حدد مجموعة الأحرف

يمكننا أيضًا الاستفادة من العلامات لتحديد مجموعة الأحرف المستخدمة في صفحة الويب. بشكل افتراضي ، يتم استخدام ترميز ISO-8859-1 لمعالجة صفحات الويب بواسطة مستعرض الويب والخوادم.

العلامات الوصفية في HTML

بهذا نصل إلى نهاية مقالة HTML Meta Tags.الآن بعد تنفيذ المقتطفات أعلاه ، ستفهم كيف يمكنك إضافة البيانات الوصفية إلى صفحة الويب الخاصة بك باستخدام بطاقة شعار. آمل أن تكون هذه المدونة مفيدة وذات قيمة مضافة لك.

تحقق من الذي يأتي مع تدريب مباشر بقيادة مدرب وخبرة مشروع واقعية. يجعلك هذا التدريب بارعًا في مهارات العمل باستخدام تقنيات الويب الخلفية والأمامية. يتضمن التدريب على تطوير الويب ، jQuery ، Angular ، NodeJS ، ExpressJS ، و MongoDB.

لديك سؤال لنا؟ يرجى ذكر ذلك في قسم التعليقات في مدونة 'علامات HTML الوصفية' وسنقوم بالرد عليك.