تگ هدینگ یا سر تیتر به طور خلاصه: تیترها به بازدیدکنندگان و موتورهای جستجو سرنخ های مهمی درباره سلسله مراتب و مرتبط بودن محتوا می دهند. شش “سطح اهمیت” وجود دارد، از مهمترین تیتر H1 تا کم اهمیت ترین تیتر H6 است.
تگ هدینگ چیست؟
تگ های هدینگ عباراتی در ابتدای یک بخش هستند که توضیح می دهند آن قسمت در مورد چه چیزی است. استفاده درست از تیتر در یک صفحه، سلسله مراتب و بررسی اجمالی را فراهم می کند و به شما کمک می کند تا به سرعت متوجه شوید صفحه وب در مورد چیست. آنها به بازدیدکنندگان کمک می کنند تا به سرعت یک صفحه را مرور کنند، و به موتورهای جستجو در درک سریع ساختار یک صفحه و موضوع آن کمک می کنند.
تیتر ها در شش سطح وجود دارند: H1 تا H6 ، که از این میان تیتر های H1 ،H2 و H3 بیشتر استفاده می شوند. تگ های هدینگ در HTML صفحه تعریف می شوند.
تیتر H1 اغلب به عنوان “تیتر اصلی” شناخته می شود، در حالی که تیترهای H2-H6 به عنوان “تیتر های فرعی” شناخته می شوند زیرا نشان دهنده سطح های پایین تر هستند.
در مورد تگ عنوان چطور؟
بسیاری افراد گاهی تگ هدینگ را با “تایتل تگ ها” اشتباه می کنند.
برای جلوگیری از هرگونه سردرگمی، بیایید مثالی بزنیم و المان عنوان H1 را همانطور که در سورس کد HTML نشان داده می شود، بررسی کنیم:
< h1 > این جمله یک مثال است </ h1 >
- < h1 >: تگ مربوط به باز کردن تیتر H1
- این جمله یک مثال است: متنی که در صفحه بازدید کننده برای تیتر H1 ظاهر می شود.
- < /h1 >: تگ بستن تیتر H1
و در مورد تگ هد چطور؟
در ابتدا تگ هدینگ را با بخش < head > اشتباه نگیرید.
در واقع می توان از آنها برای تعریف تیتر یک بخش استفاده کرد. این بدان معناست که می توان آنها را در کنار قسمت ناوبری قرار داد، یا می توان آنها را در اطراف عناوین قرار داد. استفاده از آنها اختیاری است، در اینجا مثالی آورده شده است:
<!--
<html>
<head>
<title>عناوین اچ1 تا اچ6 در سئو</title>
</head>
<body data-rsssl=1>
<article>
<header>
<h1>توضیخ در باره هدر صفحه</h1>
<h2>معرفی کوتاه تگ های سرصفحه</h2>
</header>
</article>
</body>
</html>
-->
مطلب مفید توضیح تگ هدر نوشته شده توسط موزیلا
چرا از تگ هدینگ استفاده کنیم؟
تیترها هم برای بازدیدکنندگان و هم برای موتورهای جستجو مفید هستند:
- بازدید کنندگان با دیدن سر تیتر، سریع صفحه را مرور می کنند تا دریابند که آیا صفحه با مطلب مدنظرشان مرتبط است یا خیر. علاوه بر این، بازدیدکنندگان کم بینا از صفحه خوان برای مرور وب استفاده می کنند. و صفحه خوان ها برای درک “صفحات وب” و کمک به کاربران خود در جستجو، وابسته به عناوین هستند.
- موتورهای جستجو برای درک ساختار یک صفحه و موضوعات مربوط به آن از تگ هدینگ استفاده می کنند. در حالی که تنها یک عامل کوچک در الگوریتم های رتبه بندی موتورهای جستجو، از جمله استفاده کلمات کلیدی در تیتر ها به بهبود عملکرد سئو کمک می کند. حتی اگر با این ایده که تیتر یک فاکتور رتبه بندی کوچک ایجاد می کنند موافق نیستید، به خاطر داشته باشید که هر کاری برای بهبود تجربه کاربر انجام می دهید به طور کلی به عملکرد بهتر سئو تبدیل می شود.
تیتر ها و محتوای خاص (Featured Snippets)
موتورهای جستجو می توانند featured snippets، محتوای خاصی که حاوی چکیده یک صفحه است را در SERP خود نمایش دهند. آنها باید مطالب را به اندازه کافی درک کنند تا با اطمینان این چکیده ها را انتخاب کنند و برای این کار به تگ هدینگ متکی هستند. به طور خلاصه، استفاده هوشمند و صحیح از تیتر به شما کمک می کند تا در featured snippets ظاهر شوید، که به نوبه خود باعث افزایش دیده شدن شما در SERP می شود و ترافیک ارگانیک بیشتری را به سایت شما هدایت می کند.
در اینجا مثالی از featured snippets آورده شده است:
سلسله مراتب در تگ هدینگ
سر تیتر ها باید به صورت منطقی در یک صفحه قرار بگیرند. یک صفحه با تیتر H1 شروع می شود، و بعد از آن با تیتر H2 اگر به یک زیرگروه دیگر نیاز دارید می تواند با تیتر H3 دنبال شود. اگر به زیرمجموعه های بیشتری نیاز دارید، حتی می توانید تیترهای فرعی H4-H6 را اضافه کنید.
در تصویر زیر ما از سه سطح تگ هدینگ استفاده می کنیم:
از هیچ سطحی در سلسله مراتب عبور نکنید. به عنوان مثال، از تیتر H1 به تیتر H3 نپرید. در این بین باید یک تیتر H2 وجود داشته باشد.
در اینجا یک مثال خوب در مورد استفاده صحیح از تگ هدینگ وجود دارد:
<!--
<h1>توضیح مو در باره موضوع صفحه</h1>
<h2>تیتر اچ2</h2>
<h3>تیتر فرعی اچ3</h3>
<h2>یک تیتر اچ2 دیگر</h2>
<h3>یک تیتر فرعی اچ3 دیگر</h3>
-->
اگر در حال نوشتن محتوای بلند هستید، می توانید این کارها را در رابطه با تیترها انجام دهید. همچنین شما می توانید یک ساختار عنوان به این شکل داشته باشید:
<!--
<h1>توضیح مو در باره موضوع صفحه</h1>
<h2>تیتر اچ2</h2>
<h2>یک تیتر اچ2 دیگر</h2>
<h3>تیتر اچ3</h3>
<h4>تیتر اچ4</h4>
<h5>تیتر اچ5</h5>
<h6>تیتر اچ6</h6>
-->
و در اینجا مثالی از سلسله مراتب عنوان وجود دارد که باید از آن اجتناب کنید:
<!--
<h2>تیتر اچ2</h2>
<h4>تیتر اچ4</h4>
<h1>این تیتر باید در بالای صفحه قرار میگرفت</h1>
<h3>تیتر رندوم</h3>
-->
اندازه تیتر ها
هرچه با تیتر پایین بروید، آنها باید کوچکتر شوند. تیتر H1 باید بزرگترین عنوان صفحه باشد. تیتر H2 کمی کوچکتر از H1 است و به نوبه خود تیتر H3 کوچکتر از تیتر H2 و الی آخر.
از آنجا که یک عکس برابر با هزار کلمه ارزش دارد، تصویری که در ابتدا مشاهده کردید را دوباره بررسی کنید:
ترتیب عنوان در سورس کد HTML
مهم نیست که سر تیتر ها با چه ترتیبی در سورس کد HTML شما نشان داده شوند. ترتیب ارائه تیتر در صفحه بازدید کننده یا زمانی که صفحه توسط موتورهای جستجو ارائه می شود اولویت اول است.
سر تیتر H1
تیتر H1 موضوع اصلی یک صفحه را توصیف می کند. این عنوان باید به محتوای صفحه بسیار مرتبط باشد، در وب سایت شما منحصر به فرد باشد و یک صفحه می بایست فقط دارای یک تیتر H1 باشد.
تصویر را در تیتر H1 قرار ندهید، زیرا موتورهای جستجو تصاویر را به خوبی متن درک نمی کنند. شما فرصت سیگنال دادن به موتورهای جستجو در مورد اینکه یک صفحه مربوط به چیست را از دست می دهید.
<!--
<h1><img decoding="async" src="logo.png"></h1>
-->
تیتر H1 شما می تواند با عنوان صفحه شما مطابقت داشته باشد، اما نیازی به این امر نیست. به احتمال زیاد بازدیدکنندگان بیشتر متوجه تیتر H1 شما می شوند تا عنوان صفحه تان، بنابراین همیشه اطمینان حاصل کنید که تیتر H1 برای بازدید کنندگان نوشته شده است.
<!--
<title>تگ های اچ1-اچ6 چی هستند؟</title>
<h1>توضیح تگ های اچ1-اچ6</h1>
-->
طول تگ H1 چقدر باشد؟
باید از طولانی شدن تگ H1 خودداری کنید. اگر تیتر را طولانی انتخاب کنید، احتمال زیادی وجود دارد که H1 برای بازدیدکنندگان شما قابل خواندن نباشد که به تجربه کاربری آنها آسیب می رساند. ما توصیه می کنیم طول حداکثر 60 حرف را رعایت کنید. حداقل طول باید آن قدر طولانی باشد که قابل فهم باشد. طبق تجربه ما، پایبند بودن به حداقل 20 کاراکتر به شما در این امر کمک می کند. از همه مهمتر مطمئن شوید تیتر H1 برای بازدیدکنندگان شما قابل فهم باشد.
میتوان بیش از یک تیتر H1 استفاده کرد؟
هنگامی که مشخصات HTML5 برای اولین بار ارائه شد، پشتیبانی از چندین تیتر H1 را در هر صفحه شامل می شد. با این حال، از آنجا که مرورگرها این توصیه را قبول نکردند، بعدها با انتشار استاندارد HTML5.1، پشتیبانی از این مورد قطع شد. برای اطلاعات بیشتر، به موضوع W3C مراجعه کنید.
سایر کاربردها برای تگ H1
اگر عنوان صفحه را تعریف نکرده اید، یا اگر موتورهای جستجو عنوان شما را به اندازه کافی مرتبط نمی دانند ممکن است تیتر H1 صفحه را در نتایج مربوط به موتور جستجو (snippets) در نظر بگیرند.
سر تیتر های H2-H6
تیتر های فرعی H2-H6 برای ایجاد ساختار بیشتر مطالب استفاده می شود.
بیشتر صفحات از داشتن حداقل یک تیتر H2 سود می برند، اما اگر برای بازدیدکنندگان ارزشی ایجاد نمی کند، می توانید آن را کنار بگذارید.
از تیتر های H2-H6 در جایی که منطقی است استفاده کنید و بخاطر داشته باشید که سلسه مراتب را رعایت کنید.
سوالات متداول در مورد تگ هدینگ
حداقل و حد اکثر طول تیتر H1 چقدر باشد؟
ما توصیه میکنیم طول حداکثر 60 و حداقل 20 کاراکتر را رعایت کنید. از همه مهمتر مطمئن شوید تیتر H1 برای بازدیدکنندگان شما قابل فهم باشد.
آیا تیتر ها واقعاً باعث بهبود رتبه من می شوند؟
بله، آنها این کار را انجام می دهند! حتی امروزه نیز عنوان ها در برقراری ارتباط بین کلمات کلیدی و موتورهای جستجو نقش دارند.
در حالی که در طول سال ها نقش تیتر در الگوریتم های موتور جستجو کاهش یافته است، اما سیگنال روشنی را در رابطه با یک صفحه به موتورهای جستجو ارسال می کند.
آیا عنوان صفحه و تیتر H1 من می توانند یکسان باشد؟
بله می توانند، اما به خاطر داشته باشید که همیشه یک تیتر H1 را انتخاب کنید که قابل فهم ترین مورد برای بازدید کنندگان شما باشد.
آیا می توانم چندین عنوان H1 در یک صفحه داشته باشم؟
توصیه می شود فقط از یک تیتر H1 در هر صفحه استفاده کنید. چند تیتر H1 در هر صفحه با HTML5 معرفی شده است، اما مرورگرها این روش را قبول نمی کنند. بعد از نسخه HTML5.1 بیش از یک تیتر H1 پشتیبانی نمی شود.
