انتقل إلى محتوى الدرس

Meta description in HTML وصف صفحة الويب مع عنصر meta في لغة HTML

سوف تتعلم في هذا الدرس كل ما يتعلق بعنصر [meta]، والذي يُكتب دائمًا داخل عنصر head في صفحة HTML، بالإضافة إلى الخصائص التي تضاف إليه مثل [charset] وغيرها.

1 صفوف تعليمية
لغة HTML
11,612 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يمكنك استخدام عنصر <meta> لإضافة وصف موجز لمحتوى المستند بوضع description قيمةً لسمة name. يُستخدم هذا الوصف لتقديم فكرة مختصرة عن محتوى الصفحة وقد يستخدمه محرك البحث مقتطفًا أسفل رابط النتيجة، أو يختار نصًا آخر من الصفحة بحسب البحث. تهتم محركات البحث الحديثة بعرض هذا الوصف للمستخدمين، ويوصى بأن يكون الوصف دقيقًا وجذابًا ومرتبطًا بمحتوى الصفحة.

  • يتم تحديد نوع [meta] عن طريق خاصية [name] مع القيمة [description].

  • يتم كتابة الوصف داخل خاصية [content] لعنصر [meta].

  • لا يمكن تكرار [meta description] في نفس صفحة الويب أكثر من مرة.

  • يفضل وصف مميز ودقيق لكل صفحة؛ تكرار النص عبر صفحات مختلفة ليس حظرًا تقنيًا في HTML، لكنه لا يساعد على تمييز نتائجها.
وصف صفحة الويب مع عنصر meta في لغة HTML

Meta tags description

المحتوى النصي داخل خاصية content في عنصر meta description لا يظهر للمستخدم في الصفحة، وقد يختاره محرك البحث للمقتطف؛ ظهوره نفسه ليس مضمونًا.

HTML
<!DOCTYPE html>
<html>
   <head>
      <title>Meta Tags description</title>
      <meta name="description" content="Meta Tags description Free HTML tutorials from closetag.com ">
   </head>
   <body>
      <h1>Meta Tags description</h1>
   </body>   
</html>