اطلاعات سند را کامل کن
عنوان هر صفحه را مشخص، کوتاه و متفاوت بنویس. meta description خلاصهٔ صادقانهٔ همان صفحه است و ممکن است در نتیجهٔ جست‌وجو استفاده شود؛ نمایش یا رتبه را تضمین نمی‌کند. charset را نزدیک آغاز head بگذار.
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>کارگاه HTML | برنامه و ثبت‌نام</title>
<meta name="description" content="معرفی کارگاه، برنامهٔ جلسه‌ها و فرم ثبت‌نام HTML.">
<link rel="icon" href="images/favicon.png" type="image/png">
<link rel="canonical" href="https://example.com/workshop/">
<meta property="og:title" content="کارگاه HTML">
<meta property="og:description" content="از اولین تگ تا یک صفحهٔ واقعی">
<meta property="og:image" content="https://example.com/images/workshop.jpg">
<meta property="og:url" content="https://example.com/workshop/">
<meta property="og:type" content="website">
</head>
canonical نشانی ترجیحیِ همان محتوا را معرفی می‌کند؛ نشانی مثال را باید با نشانی واقعی خودت عوض کنی. Open Graph قراردادی برای معرفی صفحه هنگام اشتراک‌گذاری است؛ بخشی از فرادادهٔ کاربردی وب است و تضمین نمی‌کند هر سرویس ظاهر یکسانی بسازد.
برای نسخه‌های واقعی با زبان‌های مختلف، link با rel="alternate" و hreflang زبان نسخهٔ دیگر را معرفی می‌کند. meta robots راهنمای خزنده‌هاست و کنترل دسترسی یا مخفی‌کردن اطلاعات نیست.
تمرین دستی: برای index.html و about.html عنوان و توضیح متفاوت بنویس. فایل آیکون را واقعاً در مسیر اعلام‌شده قرار بده.