تگ هدینگ چیست؟

حامد مهدی زاده
آوریل 28, 2021
بلاگ, سئو

وب آنجل / بلاگ / تگ هدینگ چیست؟

تگ هدینگ Heading می تواند اطلاعات کاملی را درباره ارتباط بین بخش های مختلف محتوا و سلسله مراتب محتوای سایت شما در اختیار کاربران و موتورهای جستجو قرار دهد. شش سطح اهمیت برای تگ هدینگ می توان تعریف کرد که تگ H1 مهمترین آنها و تگ H6 کم اهمیت ترین آنها می باشد.

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

آشنایی با هدینگ ها

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

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

به همین علت نیز هدینگ ها از اهمیت ویژه ای در سئو سایت برخوردار می باشند. به طور کلی هدینگ ها در شش سطح موجود هستند که این شش شامل H1 تا H6 می شود و در انواع محتوا بیشتر از هدینگ های H1، H2 و H3 استفاده می شود.

توجه داشته باشید که تگ هدینگ در بخش HTML از صفحه سایت شما قرار می گیرد. تگ H1 بیشتر به عنوان هدینگ اصلی صفحه شناخته می شود و این در حالی است که هدینگ های H2 تا H6 بیشتر به نام زیرعنوان شناخته می شوند چرا که شامل سطوح جزئی تر محتوای شما می باشند.

تگ هدینگ

معمولا هر زمان که صحبت از هدینگ ها می شود اکثر افراد به تگ هدینگ فکر می کنند و گاهی اوقات نیز ممکن است افراد دچار سردرگمی هایی در این خصوص شوند. برای جلوگیری از بروز هرگونه سردرگمی اجازه دهید تا مثالی را در اختیار شما قرار دهیم: متن زیر در واقع یک هدینگ H1 است که در کدهای HTML صفحه سایت شما قرار می گیرد:

<h1>This is the H1 heading</h1>

<h1> نشان دهنده باز شدن یک تگ H1 است که هر چیزی که بعد از آن نوشته شود به عنوان یک هدینگ H1 در صفحه شما قرار می گیرد.

This is the H1 heading متنی است که به عنوان هدینگ انتخاب شده و در تگ هدینگ قرار گرفته است.

</h1> نیز نشان دهنده به اتمام رسیدن تگ هدینگ می باشد.

نکاتی درباره تگ های header

قبل از هر چیز به هیچ وجه تگ header را با بخش <head> از صفحه سایت خود اشتباه نگیرید.

تگ های header گاهی اوقات به صورت اشتباه به عنوان هدینگ استفاده می شوند.

در واقع می توان از این تگ ها به عنوان header یک سند یا یک بخش از صفحه سایت استفاده کرد.

این به آن معناست که شما می توانید از آنها در اطراف تگ هدینگ استفاده کنید.

استفاده کردن از این تگ ها کاملا اختیاری است. در ادامه یک مثال از این تگ ها را در اختیار شما قرار می دهیم:

<html>

    <head>

        <title>Headings H1-H6 and SEO</title>

    </head>

    <body>

        <article>

            <header>

                <h1>Header tags explained</h1>

                <h2>A brief introduction to header tags</h2>

            </header>

        </article>

    </body>

</html>

چرا باید از هدینگ ها و تگ هدینگ استفاده کنیم؟

تگ هدینگ هم برای کاربران و هم برای موتورهای جستجو مفید و کاربردی خواهد بود و می توان مزایای زیادی از جمله موارد زیر را داشته باشد:

بازدیدکنندگان سایت شما می توانند با استفاده از تگ هدینگ به سرعت سایت شما را از نظر بگذرانند و اطلاعات کلی درباره محتوای صفحه سایت شما بدست بیاورند تا متوجه شوند که اطلاعات این صفحه برای آنها مفید است یا خیر؟

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

استفاده از هدینگ ها می تواند به کاربران کمک کند تا سریع تر به اطلاعات مد نظر خود دسترسی پیدا کنند.

موتورهای جستجو از هدینگ ها و تگ هدینگ برای درک بهتر ساختار صفحه سایت و موضوعات آن استفاده می کنند.

بنابراین هدینگ ها می توانند به عنوان یک عامل مهم در الگوریتم های رتبه بندی موتورهای جستجو باشند و به بهبود عملکرد سئو سایت شما کمک کنند.

حتی اگر هدینگ ها و تگ هدینگ به صورت مستقیم روی بهبود رتبه وب سایت شما در لیست موتورهای جستجو تاثیرگذار نباشد باید بدانید که تجربه کاربری بهتر می تواند به میزان زیادی روی سئو سایت شما تاثیر بگذارد.

استفاده از هدینگ ها برای نمایش مطالب مهم سایت

موتورهای جستجو گاهی اوقات ممکن است بخش های ویژه ای از سایت شما که به عنوان خلاصه صفحه وب سایت شما است را در بخش جستجوی خود به نمایش بگذارند.

محتوای دست چین شده برای شما:

بازاریابی عصبی چیست؟

به همین علت آنها باید به خوبی مطالب وب سایت شما را درک کنند تا با اطمینان بیشتری خلاصه وب سایت شما را انتخاب کرده و آن را به نمایش بگذارند.

به طور خلاصه می توان گفت استفاده هوشمندانه از هدینگ ها و تگ هدینگ می تواند به شما کمک کند تا بخش های برجسته وب سایت خود را به نمایش بگذارید و در نتیجه به این ترتیب نرخ کلیک روی لینک های سایت خود را در لیست موتورهای جستجو افزایش دهید.

این کار می تواند میزان کاربران و بازدیدکنندگان وب سایت شما را به طور کاملا طبیعی افزایش دهد و از این نظر روی سئو سایت شما تاثیرگذار باشد.

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

هدینگ ها و تگ هدینگ باید به صورت کاملا منطقی در یک صفحه قرار گیرند.

یک صفحه باید با هدینگ H1 آغاز شود و بعد از آن تگ هدینگ H2 قرار گیرد و در صورت نیاز سایر هدینگ ها نیز بعد از آن قرار بگیرند.

توجه داشته باشید که در صورت نیاز در محتوای وب سایت خود شما می توانید حتی از هدینگ های H5 و H6 نیز در به همین ترتیب استفاده کنید.

نکته ای که باید توجه داشته باشید این است که هر تگ هدینگ سطح بالا می تواند چندین هدینگ سطح پایین را در زیر مجموعه خود داشته باشد. به عنوان مثال یک تگ H1 می تواند شامل چندین تگ H2 باشد.

نکته مهم دیگر در زمان استفاده از این تگ ها این است که نباید بدون استفاده از یک تگ سطح بالا به تگ سطح پایین تر بروید. به عنوان مثال تا زمانی که یک تگ H2 را استفاده نکرده اید نباید از تگ H3 استفاده کنید.

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

<h1>This should describe the page’s topic</h1>

<h2>This is an H2 subheading</h2>

<h3>This is an H3 subheading</h3>

<h2>This is another H2 subheading</h2>

<h3>This is another H3 subheading</h3>

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

به عنوان مثال شما می توانید یک ساختار هدینگ مانند شکل زیر داشته باشید:

<h1>This should describe the page’s topic</h1>

<h2>This is an H2 subheading</h2>

<h2>This is another H2 subheading</h2>

<h3>This is an H3 subheading</h3>

<h4>This is an H4 subheading</h4>

<h5>This is an H5 subheading</h5>

<h6>This is an H6 subheading</h6>

<h2>This is yet another H2 subheading</h2>

<h3>This is an H3 subheading</h3>

<h4>This is an H4 subheading</h4>

<h5>This is an H5 subheading</h5>

<h6>This is an H6 subheading</h6>

یک مثال نادرست از ساختار هدینگ ها نیز مثالی است که در ادامه برای شما آوردم:

<h4>And why is this an H4 heading?</h4>

<h1>This H1 heading should actually have been at the top</h1>

<h3>A random H3 heading here</h3>

اندازه هدینگ ها و انواع تگ هدینگ

هرچه به سطوح پایین تر تگ هدینگ نزدیک شوید اندازه هدینگ ها نیز کوچکتر می شود.

بنابراین تگ H1 باید دارای بزرگترین اندازه در صفحه باشد و به همین ترتیب تگ های H2، H3 و … قرار می گیرند و تگ H6 نیز دارای کوچکترین اندازه می باشد.

ترتیب هدینگ ها در فایل HTML

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

شما می توانید ترتیب دلخواه خود را طراحی کنید و به همین ترتیب نیز این هدینگ ها برای کاربران و همینطور موتورهای جستجو به نمایش در می آیند.

تگ هدینگ H1

تگ هدینگ H1 موضوع اصلی صفحه وب سایت شما را توصیف می کند.

این هدینگ باید ارتباط نزدیکی با محتوای وب سایت شما داشته باشد، در کل وب سایت شما منحصر به فرد باشد و باید توجه کنید که هر صفحه تنها می تواند شامل یک هدینگ H1 باشد.

توجه داشته باشید که این هدینگ را نباید در کنار یک تصویر قرار دهید چرا که موتورهای جستجو نمی توانند تصاویر را به خوبی متن درک کنند.

بنابراین شما فرصت خود برای نمایش موضوع اصلی صفحه به موتورهای جستجو را از دست خواهید داد.

در مثال بالا هدینگ H1 به شکل نامناسبی در فایل Html قرار گرفته است.

متنی که در تگ هدینگ H1 قرار می گیرد باید با عنوان صفحه شما تناسب داشته باشد اما نیازی نیست که کاملا مشابه با آن نوشته شود.

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

بنابراین همواره اطمینان حاصل کنید که هدینگ H1 خود را به صورت کاملا منطقی و جذاب نوشته باشید.

<title>What are H1-H6 Headings?</title>

<h1>H1-H6 Headings explained</h1>

این مثال یک مثال بسیار مناسب از استفاده همزمان از تگ عنوان و هدینگ h1 است.

طول هدینگ H1

در زمان استفاده از تگ هدینگ H1 باید به این نکته توجه داشته باشید که طول آن را تا جای ممکن کوتاه نگه دارید.

محتوای دست چین شده برای شما:

بهینه سازی سایت برای اسنیپت های گوگل

در صورتی که طول هدینگ h1 شما خیلی زیاد باشد احتمالا کاربران علاقه ای به مطالعه آن نخواهند داشت و در نتیجه این موضوع می تواند روی تجربه کاربری شما تاثیر منفی بگذارد.

توصیه ما به شما این است که سعی کنید حداکثر 60 کاراکتر را برای هدینگ h1 خود در نظر بگیرید.

درباره حداقل طول این هدینگ نیز باید بدانید که حداقل طول هدینگ h1 شما باید به اندازه ای باشد که منطقی باشد.

تجربه من ثابت کرده است که پایبند بودن به حداقل 4 کاراکتر در هدینگ h1 می تواند هم برای کاربران و هم برای موتورهای جستجو مناسب باشد.

در نهایت باید دقت کنید که متنی که برای هدینگ h1 در نظر میگیرید حتما باید برای کاربران مناسب و منطقی باشد.

عدم استفاده از چندین تگ هدینگ H1 حتی در HTML 5

زمانی که HTML 5 برای اولین بار منتشر شد پشتیبانی از چندین تگ هدینگ H1 را برای کاربران خود فراهم کرد

ولی از آن جایی که این مسئله مورد علاقه مرورگرها نبود و اکثر آنها از این قابلیت پشتیبانی نمی کردند این پشتیبانی در نسخه بعدی به طور کامل قطع شد.

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

هدینگ های H2 تا H6

هدینگ های H2 تا H6 برای ساختاربندی بهتر محتوا در صفحه وب سایت مورد استفاده قرار می گیرند.

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

یک نکته بسیار مهم درباره انواع تگ هدینگ این است که شما باید سعی کنید از آنها در جای منطقی خود استفاده کنید تا هم برای کاربران و هم برای موتورهای جستجو مفید و کاربردی باشد.

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

در ادامه پاسخ سوالات رایجی که در زمینه تگ هدینگ وجود دارد را به شما ارائه خواهیم داد.

آیا استفاده از هدینگ ها واقعا رتبه سایت ما را بهبود می دهد؟

بله استفاده از آنها به میزان زیادی روی بهبود سئو و رتبه وب سایت شما تاثیر می گذارد.

هدینگ ها حتی می توانند برای برقراری ارتباط بین کلمات کلیدی سایت و موتورهای جستجو نیز بسیار موثر واقع شوند.

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

آیا عنوان صفحه و هدینگ H1 می توانند یکسان باشند؟

بله این دو می توانند یکسان باشند ولی همیشه این نکته را به خاطر داشته باشید که هدینگ H1 را انتخاب کنید که بیشترین تاثیر روی روی کاربران سایت شما داشته باشد.

آیا می توان از چندین هدینگ H1 در یک صفحه استفاده کرد؟

از نظر سئو سایت معمولا توصیه می شود که تنها از یک هدینگ H1 در صفحه خود استفاده کنید.

استفاده از چندین تگ هدینگ H1 در ابتدا توسط HTML5 پشتیبانی می شد ولی بعدها این پشتیبانی نیز قطع شد.

بنابراین توصیه من به شما این است که تنها از یک هدینگ H1 در صفحه وب سایت خود استفاده کنید تا بتوانید بهترین نتیجه را از آن دریافت کنید.

تگ هدینگ یکی از مهمترین تگ های صفحات وب سایت است که می تواند تاثیر بسیار زیادی روی سئو سایت شما داشته باشد و به همین علت نیز اکثر متخصصان سئو سایت توصیه می کنند که در استفاده از آنها نهایت دقت را داشته باشید.

با استفاده درست از هدینگ ها شما نه تنها می توانید وب سایت خود را برای موتورهای جستجو بهینه کنید بلکه می توانید تجربه بهتری را نیز به کاربران خود ارائه دهید و در نتیجه کاربران بیشتری را جذب وب سایت خود کنید.

به پایان آمد این دفتر حكایت همچنان باقیست

نظر شما برای بهبود کیفیت کار ما ارزشمند است

نوشته های مرتبط و آموزنده:

حامد مهدی زاده

مدیر شرکت کاوشگران آداک و مدیر وبسایت وب آنجل هستم، با بیش از 14 سال سابقه در سئو و دیجیتال مارکتینگ به کسب و کارهای بزرگ و کوچک در موضوعات مختلف برای برندها مشاوره دادم، این آموزش‌ها در وب آنجل، تجارب و نظریه های من در طی این سالهاست که برای شما به اشتراک میزارم. متخصص پروژه ها و موضوعات رقابتی در سئو هستم.

همه مقالات من

حامد مهدی زاده

همه مقالات من

مسیر موفقیت شما با خدمات VIP وب آنجل