عنوان صفحه HTML
ایموجی در جریان متن صفحه زندگی میکند. عنوان صفحه کار دیگری دارد: کل سند را برای نوار مرورگر و سامانههای کشف نامگذاری میکند. کاربر آن را روی زبانه، در تاریخچه، و هنگام نشانهگذاری میبیند. موتورهای جستجو اغلب از آن بهعنوان سرنخ قوی برای متن لینک نتیجه استفاده میکنند. سایتهای آموزشی و مستندات محصول باید زود درستش کنند، چون عنوان ضعیف قبل از خواندن اولین پاراگراف توجه را هدر میدهد.
عنصر title چیست؟
عنصر HTMLی title داخل head سند قرار میگیرد. محتوای متنیاش فراداده برای کل صفحه است. عنوان استایلخوردهای که در body ظاهر شود نیست. همچنان به h1 (و عنوانهای دیگر) برای طرح کلی قابلدیدن که خواننده روی خود صفحه اسکن میکند نیاز دارید.
پاسخ مستقیم
دقیقاً یک <title>...</title> داخل <head> بگذارید. متن کوتاه، مشخص و انسانخوان بنویسید — مثلاً City Guide — Home یا HTML Page Title — نه Untitled، نه نام خام فایل، و نه انبوه کلیدواژهای که هیچکس روی زبانه نمیخواهد. title جایگزین h1 قابلدید نیست. هر دو اغلب یک موضوع مشترک دارند؛ هنوز عنصرهای متفاوت با کار متفاوتاند.
کجا در سند زندگی میکند؟
یک صفحهٔ مینیمال رابطه را روشن میکند: DOCTYPE، html، head با title، سپس body با عنوان قابلدید و محتوا.
title داخل head
html<!DOCTYPE html>
<html>
<head>
<title>City Guide — Home</title>
</head>
<body>
<h1>Welcome to the City Guide</h1>
<p>The h1 is visible on the page; the title labels the browser tab.</p>
</body>
</html>خواندن نمونه
<title>City Guide — Home</title>داخلheadاست- زبانهٔ مرورگر باید همان برچسب را نشان دهد (جزئیات UI کمی بین مرورگرها فرق دارد)
<h1>Welcome to the City Guide</h1>چیزی است که خواننده در بدنه میبیند- تگهای بسته و تودرتویی HTML معمولیاند — فراتر از خود عنصر، نحو ویژهای برای title نیست
title در برابر h1 در یک نگاه
📊 title در برابر h1
| موضوع | title | h1 |
|---|---|---|
| جای سند | داخل head | داخل body |
| کاربر میبیند بهعنوان | زبانه / نشانک / بسیاری از عناوین نتایج | عنوان اصلی روی صفحه |
| نقش SEO | سیگنال قوی برچسب سند | کمک به طرح کلی و ارتباط صفحه |
| چند تا | یکی در هر سند | معمولاً یک h1 اصلی (عنوانهای بیشتر بهصورت h2+) |
| جایگزین دیگری؟ | خیر | خیر |
چرا عنوان خوب مهم است؟
وقتی با چند صفحهٔ باز یاد میگیرید، زبانهها زود پر میشوند. عنوان دقیق کمک میکند به درس درست برگردید. نشانکها همان متن را به ارث میبرند. فهرست نتایج جستجو اغلب عنوان را بهعنوان تیتر قابلکلیک نشان میدهد. عناوین مبهم مثل Document یا Page 2 کاربر را مجبور میکند زبانه را باز کند فقط تا یادش بیاید چه بوده است.
نوشتن متن عنوان واضح
عبارتی بنویسید که انسان در نوار شلوغ زبانهها بشناسد. موضوع را بیاورید و وقتی مفید است زمینهٔ سایت یا درس را. قابلخواندن با صدای بلند نگه دارید. از چپاندن هر مترادف در یک رشته پرهیز کنید. HTML Lists — Practice را به lists ul ol html tutorial best seo lists lists ترجیح دهید.
عنوان واضح در برابر ضعیف
html<!-- Prefer -->
<title>HTML Lists — Practice</title>
<!-- Avoid -->
<title>Untitled</title>
<title>aaaaaaaa</title>
<title>lists lists lists seo seo seo</title>الگوهایی که برای مبتدی کار میکنند
- اول موضوع، بعد زمینهٔ کوتاه:
Forms — Contact page - نام دوره یا برند بعد از خط تیره وقتی چند سایت موضوع شبیه دارند
- با وعدهٔ صفحه همخوان باشید: اگر درس دربارهٔ title است، بگویید
- وقتی فایل را برای درس جدید کپی میکنید عنوان را عوض کنید — برچسب دیروز را نگه ندارید
یک عنصر title در هر صفحه
اسناد HTML باید یک title در head داشته باشند. چند title ابزارها را گیج میکند و زبانهٔ چندخطی مفیدی نمیسازد. اگر قالب اشتباهاً دو title خروجی دهد، قالب را درست کنید نه اینکه «برچسب بیشتر» اضافه کنید.
title و SEO بدون اسطوره
عنوان واضح به موتور جستجو کمک میکند صفحه را بفهمد و به انسان کمک میکند نتیجهٔ درست را کلیک کند. کد تقلب جادویی رتبهبندی نیست. انباشتن کلیدواژه که تجربهٔ زبانه را خراب میکند معمولاً بیشتر از فایده ضرر میزند. اول برای کسی بنویسید که زبانهها و نتایج را اسکن میکند؛ سود جستجو از برچسب صادقانه میآید.
تمرین در ویرایشگر
- صفحهٔ HTML مینیمال با
headوbodyبسازید. <title>را به عبارت واضحی دربارهٔ صفحهٔ تمرین تنظیم کنید.- یک
h1اضافه کنید که موضوع مشترک دارد اما واژههای متفاوت. - فایل را باز کنید و متن زبانهٔ مرورگر را بخوانید.
- فقط title را عوض کنید، ذخیره و تازهسازی — تأیید کنید زبانه عوض میشود در حالی که
h1همان میماند. - یک عنوان ضعیف (
Untitled) را به عنوان مشخص بازنویسی کنید و حس زبانه را مقایسه کنید.
اشتباهات رایج
- گذاشتن
titleدرbodyبهجایhead - ماندن همیشگی روی
Untitled documentیا نام موقت فایل - انتظار اینکه
titleبهعنوان عنوان بزرگ روی صفحه ظاهر شود (آن کارh1است) - پر کردن عنوان با کلیدواژهٔ تکراری تا بهعنوان برچسب زبانه ناخوانا شود
- کپی کردن همان عنوان روی درسهای متفاوت تا همهٔ زبانهها یکسان به نظر برسند
- استفاده فقط از ایموجی یا فقط نقطهگذاری بهعنوان کل عنوان
خلاصه
titleدرheadاست و کل سند را برچسب میزند- کاربر آن را روی زبانه، نشانک، و اغلب نتایج جستجو میبیند
h1عنوان اصلی قابلدید درbodyاست — موضوع مرتبط، کار متفاوت- برای هر صفحه یک عنوان واضح و مشخص بنویسید
- برچسب انسانخوان را به
Untitledیا تودهٔ کلیدواژه ترجیح دهید
🧠 دانش خود را بیازمایید
دانش خود را بیازمایید
خود را با این آزمون تعاملی به چالش بکشید و ببینید موضوع را چقدر خوب درک کردهاید
📝 دستورالعملها
- هر سوال را با دقت بخوانید
- بهترین پاسخ را برای هر سوال انتخاب کنید
- میتوانید آزمون را هر چند بار که میخواهید تکرار کنید
- پیشرفت شما در بالا نمایش داده میشود