Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Metadata - Section 2: Simple Metadata & Meta Tags

Metadata - Section 2: Simple Metadata & Meta Tags

This presentation introduces simple metadata tags in HTML and explains how they are used to describe a web page. It covers the tag inside the section, including metadata attributes such as title, author, copyright, description, keywords, language, and character encoding.

Avatar for mohab soliman

mohab soliman

October 20, 2026

More Decks by mohab soliman

Other Decks in Technology

Transcript

  1. ‫جامعة القاهرة – كلية اآلداب‬ ‫قسم المكتبات والوثائق والمعلومات‬ ‫مقرر

    الميتاداتا‬ ‫ر‬ ‫المحاضات العملية لمقرر الميتاداتا‬ ‫من البنية إىل الوصف ‪ :‬إنشاء‬ ‫الميتاداتا البسيطة وتطبيق‬ ‫وسوم الويب‬
  2. ‫إنشاء الميتاداتا‬ ‫مقومات إنشاء الميتاداتا‬ ‫منشئ الميتادا تا‬ ‫تصنيف‬ ‫ي‬

    ‫ن ن‬ ‫فئات األشخاص المشار‬ ‫كي يف‬ ‫إنشاء الميتاداتا‬ ‫كيفية إنشاء الميتادات ا‬ ‫ً‬ ‫ً‬ ‫إنشاء الميتاداتا يدويا و آليا‬ ‫أنواع وسوم الميتاداتا‬ ‫فئات وسوم الميتاداتا من‬ ‫الناحية البنائية‬ ‫مثال‬ ‫مثال عىل بعض عنارص‬ ‫الميتاداتا البسيطة‬
  3. ‫قسم المكتبات والوثائق والمعلومات‬ ‫جامعة القاهرة ‪ -‬كلية اآلداب ‪-‬‬

    ‫إنشاء الميتاداتا‬ ‫يستند إنشاء الميتاداتا إىل المقومات اآلتية‪:‬‬ ‫▪‬ ‫األشخاص ‪ :‬األفراد‬ ‫▪‬ ‫الت تنظم طريقة وصف الموارد‪.‬‬ ‫تقنيات الميتاداتا وإرشادات إعداد المحتوى ‪ :‬المعايي والقواعد ي‬ ‫ّ‬ ‫ُ‬ ‫ن‬ ‫الت تستخدم يف تسجيل الميتاداتا‪،‬ث م تخزينها‬ ‫أدوات التجميع‬ ‫الفن ‪ :‬ن وتشمل القوالب ن والمحررات والمولدات ي‬ ‫ي‬ ‫ن‬ ‫يف قاعدة بيانات أو يف قسم ‪ head‬يف صفحة ‪HTML‬‬ ‫▪‬ ‫المؤهلون القادرون عىل إعداد الميتاداتا وإدخالها‪.‬‬
  4. ‫قسم المكتبات والوثائق والمعلومات‬ ‫جامعة القاهرة ‪ -‬كلية اآلداب ‪-‬‬

    ‫الم تاداتا‬ ‫تصنيف‬ ‫منشن ي‬ ‫ي‬ ‫ُ َّ‬ ‫يصنف األشخاص‬ ‫المشاركون يف إنشاء الميتاداتا إىل ثالث فئات‪:‬‬ ‫ّ‬ ‫والمكش ن‬ ‫في‪،‬‬ ‫‪o‬‬ ‫ر‬ ‫ن‬ ‫المفهرسي‪،‬‬ ‫محتف إنشاء الميتاداتا ‪ :‬ويشمل‬ ‫ن‬ ‫رسم يف معايي الميتاداتا‪.‬‬ ‫متخصص أو تعليم‬ ‫ي‬ ‫‪o‬‬ ‫قادرا عىل إنتاج ميتاداتا ذات جودة عالية ألنه ر‬ ‫ً‬ ‫أكي دراية بمحتوى مصدره؛ لك ن قد‬ ‫صاحب المصدر أو المؤلف ‪ :‬وقد يكون‬ ‫تكون جودتها أقل إذا لم يكن لديه معرفة كافية بوسوم الميتاداتا وقواعد استخدامها‪.‬‬ ‫‪o‬‬ ‫ن‬ ‫رسم يف إنشاء الميتاداتا‪ ،‬لكن لديهم معرفة أو اهتم ام خاص‬ ‫المتحمسون للموضوع ‪ :‬أشخاص لم يحصلوا عىل تدريب‬ ‫ي‬ ‫بموضوع المصدر‪.‬‬ ‫ومسؤوىل الويب‪ ،‬وغيهم ممن حصلوا عىل تدريب‬ ‫ي‬
  5. ‫قسم المكتبات والوثائق والمعلومات‬ ‫جامعة القاهرة ‪ -‬كلية اآلداب ‪-‬‬

    ‫كيفية إنشاء الميتاداتا‬ ‫ن‬ ‫بطريقتي‪:‬‬ ‫يمكن إنشاء الميتاداتا‬ ‫ً‬ ‫▪ يدويا ‪ :‬عندما يكتب الشخص المعلومات الوصفية بنفسه‪ ،‬مثل العنوان والوصف‬ ‫والكلمات المفتاحية واسم المؤلف‪.‬‬ ‫ّ‬ ‫ً‬ ‫ً‬ ‫اليمجيات أو األدوات الميتاداتا تلقائيا من خصائصال مصدر‪ ،‬مثل‬ ‫▪ آليا ‪ :‬عندما تولد ر‬ ‫اسم الملف أو تاري خ اإلنشاء أو بيانات المستند‪.‬‬ ‫وسوم الميتاداتا البسيطة >‪: <meta‬‬ ‫ُ‬ ‫ه وسوم تستخدم إلضافة معلومات تصف صفحة الويب‪ ،‬مثل‬ ‫وسوم الميتاداتا‬ ‫ي‬ ‫ُ‬ ‫ن‬ ‫وصفها أو الكلمات المفتاحية أو اسم المؤلف أو ترميها ‪ .‬وتضاف داخل قسم ‪head‬‬ ‫ن‬ ‫يف بداية كود الصفحة‪:‬‬ ‫>‪<head‬‬ ‫>‪<meta ...‬‬ ‫>‪</head‬‬ ‫ويتكون وسم الميتاداتا من عنرصين أساسيي‪:‬ن‬ ‫• ‪ : Name‬اسم المعلومة الوصفية‪ ،‬مثل ‪ description‬أو ‪author.‬‬ ‫• ‪ : content‬قيمة المعلومة‪ ،‬مثل نص الوصف أو اسم المؤلف‬ ‫مثال‬ ‫>‪<head‬‬ ‫>"مقدمة في إنشاء الميتاداتا لطلبة المكتبات والمعلومات"=‪<meta name="description" content‬‬ ‫>"اسم المؤلف"=‪<meta name="author" content‬‬ ‫>‪</head‬‬
  6. ‫قسم المكتبات والوثائق والمعلومات‬ ‫جامعة القاهرة ‪ -‬كلية اآلداب ‪-‬‬

    ‫أنواع وسوم الميتاداتا‬ ‫من الناحية البنائية‪ ،‬يمكن تقسيم وسوم الميتاداتا البسيطة إىل نوعي رئيسيي‪:‬‬ ‫ُ‬ ‫▪ وسوم ‪ : name‬تستخدم لوصف الصفحة بمعطيات مثل الوصف والمؤلف والكلمات المف تاحية‪.‬‬ ‫▪ وسوم ‪ُ : http- equiv‬تستخدم إلرسال تعليمات إىل المتصفح‪ ،‬مثل تحديد الي ن‬ ‫مي أو إعادة التوجيه‪.‬‬ ‫ا‬ ‫✓أوًل ‪ :‬وسوم ‪meta name‬‬ ‫ن‬ ‫وينبغ استخدامهاف ي‬ ‫الت تستخدمها محركات البحث كمصدر للمعلومات لزواحفها‪،‬‬ ‫ي‬ ‫ه الوسوم ي‬ ‫ي‬ ‫اآلت‪:‬‬ ‫النحو‬ ‫عىل‬ ‫صياغتها‬ ‫ويتم‬ ‫ها‪،‬‬ ‫وغي‬ ‫المفتاحية‬ ‫والكلمات‬ ‫الوصف‬ ‫وسوم‬ ‫ي‬ ‫>"‪<meta name=" name" content="content‬‬ ‫أهم الوسوم‪:‬‬ ‫وسم العنوان ‪<title> :‬‬ ‫‪o‬‬ ‫وسم الوصف ‪<meta name=" description"> :‬‬ ‫‪o‬‬ ‫وسم الكلمات المفتاحية ‪<meta name=" keywords"> :‬‬ ‫‪o‬‬ ‫ر‬ ‫وسم حق النش ‪<meta name=" copyright"> :‬‬ ‫‪o‬‬ ‫وسم المؤلف ‪<meta name=" author"> :‬‬ ‫‪o‬‬
  7. ‫قسم المكتبات والوثائق والمعلومات‬ ‫جامعة القاهرة ‪ -‬كلية اآلداب ‪-‬‬

    ‫وسم العنوان>‪: <title‬‬ ‫ُ‬ ‫ن‬ ‫الت‬ ‫العالم )‪ (W3C‬وسم العنوان‬ ‫ينبغ توافرها؛ إذ يصف اتحاد الويب‬ ‫ي‬ ‫ي‬ ‫يعد عنوان الصفحة من أهم المعلومات ي‬ ‫بأنه عنرص مطلوب ن‬ ‫وتعتيه من أهم المعلوماتالمت احة عن‬ ‫ورصوري لصفحة الويب‪ ،‬وتدعمه جميع محركات البحث‪،‬‬ ‫ر‬ ‫الصفحة‪.‬‬ ‫>‪ <title‬طريق‬ ‫المعلومات >‪</title‬‬ ‫وسم الوصف >"‪: <meta name="description‬‬ ‫يقوم وسم الوصف بإعالم الزاحف أو الزائر بمحتوى الموقع من خالل مجموعة من الجمل المفتاحية ‪ .‬ويسمح هذا‬ ‫ن‬ ‫ن‬ ‫ر ئ‬ ‫الت تظهر لوصف الصفحة يف صفحةالنتائج الخاصة ببعض‬ ‫الوسم لمنش صفحة الويب بالتحكم يف المعلومات ي‬ ‫محركات البحث‪.‬‬ ‫وعادة ما ُيدرج وسم الوصف بعد وسم العنوان وقبل وسم الكلمات المفتاحية‪ ،‬وإن لم تكن هناك أهميةف علية‬ ‫ليتيب الوسوم‪.‬‬ ‫>" وصف الصفحة "=‪<meta name="description" content‬‬ ‫وسم الكلمات المفتاحية >"‪: <meta name="keywords‬‬ ‫ن‬ ‫هو الوسم الذي يشتمل عىل كلمات مفتاحية ذات صلة بمحتوى الموقع‪ ،‬لدعم اسيجاع الموقع يف محر كات‬ ‫البحث‪.‬‬ ‫>“ المعلومات‪ ،‬المكتبات‪ ،‬الميتاداتا‪ ،‬المصادر اإللكيونية "=‪<meta name="keywords" content‬‬
  8. ‫قسم المكتبات والوثائق والمعلومات‬ ‫جامعة القاهرة ‪ -‬كلية اآلداب ‪-‬‬

    ‫وسم حق ر‬ ‫النش >"‪: <meta name="copyright‬‬ ‫ن‬ ‫ن‬ ‫وينبغ استخدامه يف كافة‬ ‫يوضح هذا الوسم الجهة المالكة لمحتوى الصفحة أو مالك حق التصميم‪،‬‬ ‫ي‬ ‫صفحات الموقع‪ ،‬ويتم صياغته بهذا الشكل‪:‬‬ ‫>" اسم صاحب حق ر‬ ‫النش"=‪<meta name="copyright" content‬‬ ‫وسم المؤلف >"‪: <meta name="author‬‬ ‫اآلت‪:‬‬ ‫يحدد هذا الوسم اسم مؤلف صفحة الويب‪ ،‬ويتم صياغته عىل النحو‬ ‫ي‬ ‫>" اسم المؤلف"=‪<meta name="author" content‬‬
  9. ‫قسم المكتبات والوثائق والمعلومات‬ ‫جامعة القاهرة ‪ -‬كلية اآلداب ‪-‬‬

    ‫✓ ً‬ ‫ثانيا ‪ :‬وسوم ‪http- equiv‬‬ ‫ن‬ ‫ن‬ ‫ه وسوم تتحكم يف نشاط متصفح اإلنينت )‪ ،(Browser‬وتساعد المتصفح يف معرفة‬ ‫ي‬ ‫كيفية العرض األفضل لصفحة الويب‪ ،‬وتدعمها أغلب متصفحات اإلنينت الش هية‪.‬‬ ‫اآلت‪:‬‬ ‫ويتم صياغة هذه الوسوم عىل النحو‬ ‫ي‬ ‫>"‪<meta http- equiv="name" content="content‬‬ ‫وسم اللغة >"‪: <meta http- equiv="language‬‬ ‫ن‬ ‫هو الوسم الذي يحدد اللغة المستخدمة يف كتابة نصوص الصفحة‪ ،‬ويمكنتحرير هذا‬ ‫ً‬ ‫ُ ّ‬ ‫ويفضل صياغة وسم اللغة وفقا لمعيار ‪،ISO 639‬‬ ‫الوسم باسم اللغة أو رمز الدولة ‪.‬‬ ‫ن‬ ‫الحرفي أو الحروف الثالثة األوىل من اسم اللغة‪.‬‬ ‫وذلك بكتابة‬ ‫>"‪<meta http- equiv="language" content="en, fr‬‬ ‫وسم نوع المحتوى >"‪: <meta http- equiv="Content- Type‬‬ ‫يفيد هذا الوسم المتصفح لتحديد خطة الي ن‬ ‫مي أو التمثيل المطلوبة لتحم يلها قبل عرض‬ ‫ُ ّ‬ ‫ويفضل استخدام هذا الوسم بشكل دائم‪ ،‬ويؤدي عدم استخدامه إىل حد وث‬ ‫الصفحة ‪.‬‬ ‫ن‬ ‫مشكالت عند عرض الصفحة‪ ،‬خاصة إذا كانت الصفحة تستخدم نظام اليمي ‪ ،UTF - 8‬بينما‬ ‫ن‬ ‫ترميآخر مثل ‪ ASCII‬أو ‪ISO.‬‬ ‫يعرضها المتصفح بنظام‬ ‫>"‪<meta http- equiv="Content- Type" content="text/html; charset= UTF - 8‬‬
  10. ‫مثال‬ ‫موقع بعنوان « مكتبة‬ ‫ر‬ ‫الذكاء‬ ‫اع‬ ‫االصطناع‬ ‫يف

    المكتبات»‪ ،‬يتحدث عن تطبيقات الذكاء االصطن ي‬ ‫ي‬ ‫ر‬ ‫ر‬ ‫اإللكتونية‪ .‬المسؤول عن الموقع أحمد سعيد‪،‬ت م‬ ‫يف المكتبات والمصادر‬ ‫ر‬ ‫نش هذا الموقع عىل الويب عام ‪ ،2025‬ويشتمل عىل مجموعة من‬ ‫المعرفة‬ ‫الرقمية» به صفحة‬ ‫عنوانها « تطبيقات‬ ‫ر‬ ‫يف المكتبات‪ ،‬باإلضاف ة‬ ‫المقاالت الخاصة بتطبيقات الذكاء‬ ‫االصطناع‬ ‫ي‬ ‫ر‬ ‫الئ توضح هذه التطبيقات‪،‬‬ ‫مجموعة من الصور والجداول‬ ‫ي‬ ‫باللغة العربية فقط‪.‬‬ ‫إىل‬ ‫والموقع متاح‬
  11. ‫>‪</title‬مكتبة المعرفة الرقمية>‪<title‬‬ ‫>"تطبيقات الذكاء االصطناعي في المكتبات"=‪<meta name="title" content‬‬

    ‫>"أحمد سعيد"=‪<meta name="author" content‬‬ ‫>"أحمد سعيد"=‪<meta name="copyright" content‬‬ ‫يشتمل هذا الموقع على مجموعة من المقاالت الخاصة بتطبيقات "=‪<meta name="description" content‬‬ ‫>"‪.‬الذكاء االصطناعي في المكتبات‪ ،‬باإلضافة إلى مجموعة من الصور والجداول التي توضح هذه التطبيقات‬ ‫الذكاء االصطناعي‪ ،‬المكتبات‪ ،‬الميتاداتا‪ ،‬المصادر اإللكترونية‪<meta name="keywords" content=" ،‬‬ ‫>"تطبيقات الويب‬ ‫>"‪<meta http-equiv="language" content="ar‬‬ ‫>"‪• <meta http-equiv="Content-Type" content="text/html; charset=UTF-8‬‬
  12. ‫تكلیف ( ‪)2‬‬ ‫ر ئ‬ ‫التاىل ة‬ ‫انش تسجيلة ميتاداتا

    بالصيغة البسيطة للبيانات ي‬ ‫ُ‬ ‫ن‬ ‫ن‬ ‫مقال بعنوان تطبيقات الهواتف المحمولة يف األرشيف‪ ،‬ن رش يف مجلة مكتبة الملكف هد الوطنية‬ ‫عام ‪ ،2017‬تأليف محمد أحمد ‪ .‬يناقش المقال تطبيقات الهواتف الذكية المتعلقة بمراكز الو ثائق‬ ‫ن‬ ‫وأهميتها يف تعزيز الخدمات المقدمة للمستفيدين‪ ،‬وس ماتها‬ ‫واألرشيف‪ ،‬وأسباب استخدامها‪،‬‬ ‫( مسم التطبيق‪ ،‬أهداف التطبيق‪ ،‬عدد التطبيقات لكل أرشيف‪ ،‬اللغات المتوفر بهاالت طبيق‪ ،‬منصة‬ ‫ن‬ ‫الت واجهت مراكز الوثائق واألرشيف يف تطوير تطبيقات للهواتف الذكية ‪.‬‬ ‫التشغيل‪ ،)...‬والتحديات‬ ‫ي‬ ‫ن‬ ‫ن‬ ‫وطت ة ‪ :‬الواليات‬ ‫أرشيفات‬ ‫ثالثة‬ ‫ف‬ ‫المحمولة‬ ‫واألجهزة‬ ‫الذكية‬ ‫الهواتف‬ ‫تطبيقات‬ ‫شملت الدراسة‬ ‫ي‬ ‫ي‬ ‫ً‬ ‫والمملكة المتحدة‪ ،‬واإلمارات العربية المتحدة ‪ .‬وكان المقال متاحا باللغة العربية‬ ‫المتحدة‪،‬‬ ‫ن‬ ‫واإلنجليية‪.‬‬