تگ title در HTML

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

آشنایی با تگ title
آشنایی با تگ title

تگ 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 بدانید را ذکر کرده ام خوبه که توجه کنید بهشون :

[box type=”note” class=”” width=””]

نکته شماره ۱ :

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

نکته شماره ۲ :

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

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

[/box]

پایانترم

[box type=”info” class=”question-from-users” width=””]

سوال:

از تگ title در کجای سند HTML استفاده می‌شود و این تگ چه کاری انجام می‌دهد؟

به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)

[/box]

نتیجه گیری

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

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

فیلم آموزشی asp.net core 2

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

روی فصل بالا کلیک کنید.

ازمون HTML شرکت کن

روی لینک بالا کلیک کن

فیلم آموزشی asp.net core 2

19 نظر

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

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

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