تگ title و نقش آن title و نقش آن title
تگ <title>: نام و نشان صفحه شما! 🏷️
سلام به همه دوستای گلم! امروز می‌خوایم درباره یکی از تگ‌های داخل بخش <head> صحبت کنیم که شاید خیلی هم به چشم نیاد، ولی نقش خیلی مهمی داره: تگ <title>. فکر کنید صفحه وب شما یه کتابه، خب، عنوان کتاب کجای صفحه قرار می‌گیره؟ احتمالاً روی جلدش، درسته؟ تگ <title> دقیقاً همین کار رو برای صفحه وب ما انجام می‌ده!
تگ <title>، عنوانی رو برای سند HTML تعیین می‌کنه که در نوار عنوان مرورگر یا در تب صفحه نمایش داده می‌شه.
نقش‌های کلیدی تگ <title> 🔑
چرا این تگ اینقدر مهمه؟ بذارین چند تا از مهم‌ترین نقش‌هاش رو بگیم:
- شناسایی در مرورگر: مهم‌ترین جایی که تگ <title> دیده می‌شه، نوار عنوان مرورگر یا تب باز شده‌ی صفحه است. این عنوان به کاربر کمک می‌کنه تا بفهمه توی کدوم صفحه یا پنجره قرار داره، مخصوصاً وقتی چندین تب باز هست.
- نتایج جستجو (SEO): این یکی از مهم‌ترین نقش‌هاشه! وقتی شما چیزی رو توی گوگل یا سایر موتورهای جستجو سرچ می‌کنین، عنوان صفحه (همون متن تگ <title>) اولین چیزیه که زیر لینک صفحه نشون داده می‌شه. پس انتخاب یه عنوان دقیق، جذاب و شامل کلمات کلیدی، می‌تونه کاربران بیشتری رو ترغیب کنه که روی لینک شما کلیک کنن.
- بوک‌مارک‌ها (Bookmarks): وقتی کاربر صفحه شما رو بوک‌مارک می‌کنه، معمولاً همین عنوان به عنوان اسم بوک‌مارک ذخیره می‌شه.
- موتورهای جستجو: موتورهای جستجو از این عنوان برای فهمیدن موضوع اصلی صفحه شما استفاده می‌کنن. پس باید سعی کنیم عنوان تا حد امکان موضوع صفحه رو درست و کامل توضیح بده.
نحوه استفاده از تگ <title> 📝
تگ <title> مثل بیشتر تگ‌ها، یه تگ بازکننده و یه تگ پایان‌دهنده داره و باید داخل بخش <head> سند HTML قرار بگیره.
مثال:
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<title>آموزش جامع HTML - فصل تگ عنوان</title> <!-- این متن در تب مرورگر دیده می‌شود -->
</head>
<body>
<h1>محتوای اصلی صفحه</h1>
<p>اینجا محتوایی که کاربر می‌بینه قرار می‌گیره.</p>
</body>
</html>
توی این مثال، متنی که بین <title> و </title> نوشته شده (“آموزش جامع HTML – فصل تگ عنوان”)، همون چیزیه که در تب مرورگر شما نمایش داده می‌شه و در نتایج جستجو هم به عنوان لینک صفحه ظاهر می‌شه.
انتخاب یک عنوان خوب و دقیق برای صفحه، هم به کاربر کمک می‌کنه و هم برای سئو سایت شما فوق‌العاده مؤثره.
پس دفعه بعدی که یه صفحه وب ساختین، حتماً به تگ <title> توجه ویژه کنین و یه عنوان مناسب براش انتخاب کنین. موفق باشین! ✨