36. وسوم Meta الأساسية لتحسين محركات البحث ووسائل التواصل الاجتماعي
توفر وسوم Meta، الموضوعة في <head>، معلومات حاسمة لمحركات البحث ومنصات التواصل الاجتماعي حول محتوى صفحتك.
36.1 الوصف والكلمات المفتاحية
description(الوصف): الملخص القصير الذي يظهر في نتائج محرك البحث. حاسم لنسبة النقر إلى الظهور (click-through rate).keywords(الكلمات المفتاحية) (أقل أهمية اليوم): قائمة بالكلمات المفتاحية ذات الصلة.
html <meta name="description" content="تعلم HTML من الصفر مع 40 درساً مفصلاً ومناسباً للمبتدئين."> <meta name="keywords" content="html, web development, coding, beginner">
36.2 وسم Canonical (تجنب المحتوى المكرر)
إذا كان نفس المحتوى موجوداً في عدة روابط URL، يخبر الوسم الكنسي (canonical tag) محركات البحث برابط URL الذي يمثل النسخة "الأصلية" أو المفضلة.
html
<link rel="canonical" href="https://www.example.com/preferred-page-url">36.3 وسوم Open Graph (وسائل التواصل الاجتماعي)
تتحكم هذه الوسوم في كيفية ظهور روابطك عند مشاركتها على منصات مثل Facebook و LinkedIn.
html
<!-- العنوان المعروض في معاينة الرابط --> <meta property="og.title" content="The HTML Masterclass"> <!-- الصورة المعروضة في معاينة الرابط --> <meta property="og.image" content="https://example.com/img/social-share.jpg"> <meta property="og.type" content="website">