آموزش طراحی سایتآموزش HTML

تگ title در HTML

چگونه عنوان برای صفحات HTML ایجاد کنیم؟

تگ title چیست؟ محل استفاده از تگ title کجاست؟ آیا محدودیتی در استفاده از تگ <title> در سند HTML وجود دارد؟ در این مقاله به صورت کامل با تگ <title> که یکی از ساده ترین ولی در عین حال از مهم ترین تگ های موجود در HTML می‌باشد، آشنا شویم.

تگ title

تگ <title> در همه اسناد HTML الزامی است. این تگ عنوان سند را مشخص می کند.

به طور کلی تگ <title> عنوان صفحه را در بخش تولبار مرورگر مشخص می کند همچنین در هنگام اضافه شدن صفحه به بخش مورد علاقه ها (Bookmark) از این تگ برای عنوان استفاده می شود.

در کنار تاثیرات تگ <title> در مرورگر، این تگ در نتایج موتور های جستجو نمایش داده خواهد شد.

ارتباط تگ title با سئو

همانطور که گفته شد در موتور های جستجو عنوان نتایج نمایش داده شده با استفاده از تگ title امکان پذیر است. بنابر این تگ <title> مستقیما با سئو صفحه شما در ارتباط است و برای اینکه موتور های جستجوگر مانند گوگل بتوانند در نتایج صفحات شما را نمایش دهند می‌بایست عنوان مناسبی را در تگ <title> قرار دهید.

مثال

یک نمونه از استفاده از تگ <title> و نحوه صحیح استفاده از آن را برای شما آورده ایم:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Mizfa Head tag sample</title>

</head>
<!-- This Sample Page is Completely -->
<!-- For Mizfa Blog -->
<body>

</body>
</html>

در مثال بالا مشاهده می‌کنید که عنوان صفحه ما Mizfa Head Tag Sample قرار گرفته است و برای قرار دادن عنوان ، آن را بین تگ باز و بسته title قرار داده ایم.

مثال تگ head
مثال تگ head

نکات

در زیر نکات مهمی که می‌بایست در مورد تگ title بدانید را ذکر کرده ام خوبه که توجه کنید بهشون :

نکته شماره ۱ :

شما نمی توانید بیش از یک تگ <title> در هر سند html داشته باشید. همچنین اگر از تگ <title> استفاده نکنید، سند HTML شما معتبر نخواهد بود.

نکته شماره ۲ :

برای استفاده از تگ <title> می‌بایست حتما آن را در داخل تگ <head> قرار دهید.

اگر با جستجو وارد این قسمت از آموزش شدید و مقالات آموزشی دیگر من در رابطه با HTML را بررسی نکردید یا به طور کلی اطلاعات در مورد ساختار صفحات HTML‌ را فراموش کرده‌اید، پیشنهاد می‌کنم مقاله ساختار صفحات در HTML را مطالعه کنید.

 

نتیجه گیری

در این مقاله با تگ title آشنا شدیم و نحوه استفاده از آن را بررسی کردیم. امیدوارم مطالب این جلسه براتون مفید بوده باشه و اهمیت این تگ را به صورت کامل قابل درک توضیح داده باشم.

اگر سوال ، پیشنهاد یا انتقادی داشتید خوشحال میشم که برام بنویسید و در اولین فرصت جواب میدم.

 

برچسب ها

علی اسماعیلی

درباره خودم گفتن یا نوشتن کار آسونی نیست. باید تو کم‌ترین حجم مهم‌ترین اطلاعات رو بنویسی. وقتی که اولین بار دستم به کیبورد خورد، ۶ سالم بود. حس جالبی بود؛ زندگیم شده بود ۴ تا کلید WASD روی کیبورد کامپیوتر برای کنترل ماشین. از ۱۰ سالگی که مادرم با فوتوشاپ کار می‌کرد کنارش نشستم و یاد گرفتم. ۱۳ سالم بود که اولین وب‌سایتم رو با پی اچ پی نیوک ایجاد کردم. تا الان وب سایت‌های زیادی رو شروع کردم و شاید به خاطر اینکه هدف تجربه کردن رو داشتم شکست خوردند. موفق‌ترین پروژه شکست خوردم رو می‌تونم اوکسو معرفی کنم که شاید اسمش رو شنیده باشید. الانم دارم کار‌هایی رو شروع می‌کنم چون با خودم عهد کرده بودم که تا بیست سالگی جاهای مختلفی کار کنم و تجربه کنم و بعد از تجربیاتم استفاده کنم. بعد از رسیدن به بیست سالگی خوشحالم که یکی از تجربیات خوبم همکاری با میزفاست و دارم ادامش میدم...

نوشته های مشابه

‫4 نظر داریم، تو هم نظر بذار، پاسخ کامل میدیم :)

  1. سلام من چون هد رو یک بار نوشتم و تو همه صفحاتم ریکوایر کردم نمیتونم تو هد بزارم میشه توی بادی بزارم یه تگ هد رو یک بار توی از تگ بادی باز کنم؟

    1. سلام محمد جان ، نه نمیتونی داخل تگ body این کار رو بکنی، چون این تگ مخصوص بخش head هستش. شاید در آینده توی آپدیت های HTML این اتفاق بیوفته ولی تا جایی که من میدونم این امکان تا الان که فعال نشده.

  2. سلام
    می خواستم بدونم که چطور میشه تگ title رو داینامیک کردن. هر وقت محصولی باز میشه، اسم محصول دیده بشه نه اسم سایت. از وردپرس استفاده نمی کنم.

    1. سلام داوود بستگی به سیستم مدیریت محتوایی داره که داری ازش استفاده میکنی. اگر هم اختصاصی هست باز هم باید خودت مشخص کنی که چطور تایتل دریافت بشه.
      مثلا یک مدل بنویسی که از دیتابیس عنوان هر صفحه رو دریافت کنه و داخل صفحت نمایش بده.
      بستگی داره کاملا به خودت.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *


حداکثر حجم فایل برای آپلود: 1 مگابایت.
فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ.
شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید.

دکمه بازگشت به بالا
Share via
سایت خود را در گوگل مدیریت کنید + ۱۵ ساعت فیلم آموزشیجزئیات بیشتر اینجا کلیک کنید
بستن
با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
ترک میزفا خوب نیست!
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر