جدید!
سرور ابری ساعتی فعال شد. ۱۰۰ هزار تومان اعتبار هدیه بگیرید
به اشتراک بگذارید
سئو | بلاگ وبداده
تگ Heading در وردپرس؛ از H1 تا H6 درست استفاده کنید
ساختار درست تیترها کلید خوانایی، سئو و دسترسپذیری سایت وردپرسی شماست؛ در این راهنما گامبهگام یاد میگیرید.
تگ Heading در وردپرس همان تیترها و زیرتیترهایی است که از H1 تا H6 به محتوای شما ساختار میدهند. استفادهی درست از این تگها همزمان خوانایی، سئو و دسترسپذیری سایت را بهتر میکند؛ در این راهنما تفاوت ساختار درست و اشتباههای رایج را میبینید و یاد میگیرید چطور در ویرایشگر وردپرس آنها را بهدرستی به کار ببرید.
- یک H1 برای هر صفحه: وردپرس بهطور پیشفرض عنوان نوشته را H1 میکند؛ پس داخل متن دوباره H1 نگذارید.
- سلسلهمراتب منطقی: از H2 برای بخشهای اصلی و H3 برای زیربخشها استفاده کنید و هیچ سطحی را نپرید.
- تیتر برای ساختار است نه ظاهر: فقط برای بزرگتر شدن متن از تگ هدینگ استفاده نکنید.
- کیورد طبیعی: کلمهی کلیدی را در چند زیرعنوان بگنجانید اما از انباشت کلمهی کلیدی بپرهیزید.
- بررسی نهایی: با ابزار Outline ویرایشگر بلوک ترتیب تیترها را چک کنید.
در یک نگاه
تگهای هدینگ شش سطح دارند (H1 تا H6) که مثل فهرست یک کتاب، سلسلهمراتب محتوا را مشخص میکنند. قاعدهی طلایی این است: یک H1 در هر صفحه، سپس H2 و H3 بهترتیب و بدون پرش سطح.
احتمالاً این مقاله را باز کردهاید چون شنیدهاید ساختار تیترها روی رتبهی گوگل اثر دارد، یا افزونهی سئو دربارهی «توزیع زیرعنوانها» به شما هشدار داده است. خبر خوب اینکه درستکردن این ساختار در وردپرس بسیار ساده است و به دانش فنی خاصی نیاز ندارد.
تگ Heading در وردپرس چیست و چرا مهم است؟
برای شروع، خود مفهوم را روشن کنیم. تگهای هدینگ در زبان HTML شش سطح دارند، از
<h1> تا <h6>، و وظیفهشان این است که به مرورگر، موتورهای جستجو و فناوریهای کمکی بگویند هر بخش از محتوا چه جایگاهی در ساختار صفحه دارد. به بیان ساده، این تگها تیتر و زیرتیترهای مطلب شما هستند و نقشهی منطقی صفحه را میسازند.برای درک بهتر، ساختار تیترها را مثل فهرست یک کتاب تصور کنید؛ عنوان کتاب همان H1 است، فصلهای اصلی H2 هستند و زیرفصلها H3. خواننده با یک نگاه به این فهرست میفهمد مطلب دربارهی چیست و هر بخش کجاست. در وردپرس هم عنوان (Title) نوشته یا برگه بهصورت خودکار با تگ H1 نمایش داده میشود؛ به همین دلیل وقتی اولین بلاک Heading را داخل متن اضافه میکنید، بهطور پیشفرض H2 انتخاب میشود.
نکته: عنوان نوشته همان H1 است
در وردپرس لازم نیست داخل متن دوباره H1 بسازید. عنوان نوشته یا برگه بهصورت خودکار تگ H1 میگیرد و اگر یک H1 دیگر دستی اضافه کنید، صفحه دو H1 خواهد داشت که از نظر سئو و دسترسپذیری توصیه نمیشود. زیرعنوانهای متن را از H2 شروع کنید.
اما چرا این موضوع مهم است؟ سه دلیل اصلی دارد: نخست سئو، چون موتورهای جستجو با تیترها میفهمند صفحه دربارهی چیست و موضوعات فرعی چطور به هم ربط دارند. دوم خوانایی، چون بیشتر کاربران ابتدا صفحه را اسکن میکنند و با دیدن زیرعنوانها تصمیم میگیرند کدام بخش را بخوانند. سوم دسترسپذیری، چون صفحهخوانها و کاربران کیبوردی با کمک همین تیترها بین بخشهای صفحه حرکت میکنند.
ساختار درست در برابر اشتباههای رایج هدینگ
بیشتر مشکلات تیترها از یک عادت ساده شروع میشود: انتخاب سطح هدینگ بر اساس «اندازهی ظاهری» بهجای «جایگاه منطقی». کاربر میخواهد متنی بزرگتر دیده شود، پس آن را H2 یا H3 میکند؛ در حالیکه تگ هدینگ برای ساختار است نه ظاهر. جدول زیر روش درست و اشتباه رایج را کنار هم میگذارد تا تفاوت روشن شود.
| موضوع | روش درست | اشتباه رایج |
|---|---|---|
| تعداد H1 | یک H1 در هر صفحه (عنوان نوشته) | چند H1 یا افزودن H1 دستی داخل متن |
| ترتیب سطحها | H2 سپس H3 سپس H4 بدون پرش | پرش از H2 مستقیم به H4 |
| هدف از تگ | مشخصکردن ساختار محتوا | بزرگ یا پررنگ کردن متن |
| متن تیتر | توصیفی، یکتا و گویا | مبهم مثل «مقدمه» یا تکراری |
| کلمهی کلیدی | طبیعی در چند زیرعنوان | انباشت کلمهی کلیدی در همهی تیترها |
چرا رعایت ستون «روش درست» ارزش دارد؟ یک ساختار منطقی همزمان چند سود میرساند:
- درک بهتر موتور جستجو: گوگل ارتباط موضوع اصلی و زیرموضوعها را راحتتر تشخیص میدهد.
- اسکنپذیری برای کاربر: خواننده با مرور زیرعنوانها سریع به بخش موردنظرش میرسد.
- دسترسپذیری واقعی: صفحهخوانها بر اساس همین سطحها فهرست ناوبری میسازند.
- شانس قطعهی ویژه و پاسخ هوش مصنوعی: ساختار تمیز، استخراج پاسخ از محتوای شما را آسانتر میکند.
هشدار: هیچ سطحی را نپرید
پریدن از H2 مستقیم به H4 ساختار منطقی صفحه را خراب میکند و برای صفحهخوانها و موتورهای جستجو گیجکننده است. اگر از نظر ظاهری اندازهی تیتر را دوست ندارید، سطح را عوض نکنید؛ بهجای آن ظاهر را با CSS قالب تنظیم کنید.
آموزش گامبهگام استفاده از تگهای هدینگ در وردپرس
حالا که اصول را میدانید، ببینیم در عمل چطور تیترها را در وردپرس درست به کار ببرید. مراحل زیر برای ویرایشگر بلوک (Gutenberg) نوشته شدهاند، اما روش ویرایشگر کلاسیک را هم در پایان توضیح میدهیم.
گام ۱: افزودن بلاک Heading در ویرایشگر بلوک
در ویرایشگر، روی دکمهی + کلیک کنید و «Heading» را جستجو و انتخاب کنید، یا در یک خط خالی عبارت
/heading را تایپ کنید. میتوانید یک بلاک پاراگراف موجود را هم انتخاب و از نوار ابزار آن به بلاک Heading تبدیل کنید. بهمحض افزودن، وردپرس بهطور پیشفرض سطح H2 را انتخاب میکند؛ چون عنوان نوشته همان H1 صفحه است.گام ۲: انتخاب سطح درست (H2 تا H6)
روی بلاک Heading کلیک کنید؛ در نوار ابزار بالای بلاک، گزینهای برای انتخاب سطح (H2، H3 و…) میبینید. بخشهای اصلی مطلب را H2 بگذارید و هر زیربخش را که زیرمجموعهی یک H2 است، H3 کنید. اگر زیربخش باز هم جزئیات بیشتری داشت، میتوانید به H4 بروید؛ اما برای بیشتر مقالهها H2 و H3 کافی است.
گام ۳: بررسی ساختار با ابزار Outline (نمای کلی)
وردپرس ابزار سادهای برای دیدن ساختار تیترها دارد. روی آیکون List View در بالای ویرایشگر کلیک کنید و سپس زبانهی «Outline» را باز کنید. اینجا کل سلسلهمراتب تیترهای صفحه را یکجا میبینید و اگر سطحی را پریده باشید، وردپرس همانجا هشدار میدهد. این بهترین راه برای پیداکردن خطاهای ساختاری پیش از انتشار است.
گام ۴: روش HTML و ویرایشگر کلاسیک
اگر با کد راحتترید، در ویرایشگر بلوک از منوی سهنقطهی بلاک گزینهی «Edit as HTML» را بزنید و مستقیم از تگهای
<h2>...</h2> استفاده کنید. در ویرایشگر کلاسیک هم کافی است در زبانهی Visual متن را انتخاب کنید و از فهرست کشویی، «Heading 2» یا سطح دلخواه را بزنید. برای آشنایی بیشتر با تگها میتوانید به راهنمای ساختار تگها و عناصر HTML و مرجع عناصر HTML5 سر بزنید.نکته: برای تغییر ظاهر، سطح را عوض نکنید
اگر اندازه یا رنگ یک تیتر را نمیپسندید، سطح هدینگ را تغییر ندهید. در عوض از تنظیمات استایل قالب یا CSS قالب فرزند استفاده کنید تا ظاهر دلخواه را بسازید بدون آنکه ساختار منطقی صفحه بههم بریزد.
عیبیابی مشکلات رایج تگهای هدینگ
گاهی ساختار تیترها بهخاطر قالب یا افزونهها بههم میریزد. سه مورد رایج و راهحلشان:
- چند H1 در صفحه: برخی قالبها لوگو یا عنوان سایت را هم H1 میکنند. ساختار قالب را بررسی کنید و در صورت لزوم با توسعهدهندهی قالب تماس بگیرید.
- تیتر در سایدبار و فوتر: ابزارکها ممکن است تگ هدینگ بیترتیب بسازند؛ چون موتورهای جستجو کل صفحه را میبینند نه فقط متن اصلی، این موارد را هم بررسی کنید.
- فهرست محتوای خودکار افزونهها: بعضی افزونههای TOC به تیترها وابستهاند؛ اگر سطحها درست نباشند، فهرست هم بههم میریزد. ابتدا ساختار را درست کنید.
محدودیتها و نکاتی که باید صادقانه بدانید
درستچیدن تیترها مهم است اما معجزه نمیکند. چند واقعیت را در نظر بگیرید: ساختار درست هدینگ بهتنهایی صفحه را در گوگل بالا نمیبرد و فقط یکی از دهها عامل رتبه است. همچنین برخی قالبها تگها را نادرست به کار میبرند و ممکن است نیاز به اصلاح کد داشته باشید. استفادهی بیشازحد از تیتر هم بهاندازهی کماستفادهکردن آزاردهنده است؛ تیتر را فقط جایی بگذارید که واقعاً بخش تازهای را معرفی میکند.
نقلقول از منبع معتبر
وبسایت رسمی وردپرس تأکید میکند که «وردپرس بهطور پیشفرض عنوان نوشته یا برگهی شما را به تگ H1 تبدیل میکند» و «بهترین روش این است که فقط از یک H1 در هر صفحه استفاده کنید؛ در صورت تردید به یک H1 بسنده کنید». منبع: Learn WordPress — Using headings for accessibility and SEO.
تجربهی وبداده: ساختار محتوا در کنار سرعت سایت
در وبداده بارها دیدهایم که سایتهایی با محتوای خوب اما ساختار تیتر آشفته، هم برای کاربر گیجکنندهاند و هم برای موتور جستجو. اصلاح سلسلهمراتب هدینگها معمولاً اولین قدم کمهزینه برای بهبود خوانایی است. اما ساختار خوب وقتی بیشترین اثر را دارد که صفحه سریع هم بارگذاری شود؛ کاربری که منتظر باز شدن صفحه میماند، اصلاً به زیرعنوانها نمیرسد. زیرساخت وبداده با سرورهای نسل HPE Gen11 و Gen10 و دیتاسنترهای ایران، آلمان و هلند و پشتیبانی ۲۴ ساعته کمک میکند صفحات سریع باز شوند تا همان ساختار تمیزی که ساختهاید، واقعاً دیده شود. برای میزبانی سایت وردپرسی میتوانید پلنهای سرور مجازی ایران وبداده را ببینید.
سؤالات متداول درباره تگهای هدینگ در وردپرس
در هر صفحهی وردپرس چند تا H1 باید داشته باشم؟
بهترین روش، استفاده از فقط یک H1 در هر صفحه است. در وردپرس عنوان نوشته یا برگه بهصورت خودکار H1 میشود، پس داخل متن دوباره H1 نگذارید و زیرعنوانها را از H2 شروع کنید. در صورت تردید، به همان یک H1 بسنده کنید.
آیا میتوانم برای بزرگتر شدن متن از تگ هدینگ استفاده کنم؟
خیر. تگ هدینگ برای مشخصکردن ساختار محتواست نه برای استایل. اگر میخواهید متنی بزرگتر دیده شود، اندازه را با تنظیمات استایل یا CSS قالب تغییر دهید. استفاده از هدینگ صرفاً بهخاطر ظاهر، ساختار منطقی صفحه را خراب میکند.
چرا نباید از H2 مستقیم به H4 بپرم؟
چون سلسلهمراتب منطقی صفحه را بههم میزند و صفحهخوانها و موتورهای جستجو را گیج میکند. همیشه سطحها را بهترتیب پایین بیایید: بعد از H2 از H3 استفاده کنید و بعد در صورت نیاز به H4 بروید.
کلمهی کلیدی را در چند زیرعنوان قرار دهم؟
کلمهی کلیدی و مترادفهایش را فقط جایی که طبیعی است در زیرعنوانها بگنجانید. افزونهی Yoast استفادهی کلمهی کلیدی در حدود ۳۰ تا ۷۵ درصد زیرعنوانها (H2 و H3) را مطلوب میداند، اما هدف اصلی باید خوانایی برای کاربر باشد، نه انباشت کلمهی کلیدی.
چطور ببینم ساختار تیترهای صفحهام درست است؟
روی آیکون List View در ویرایشگر بلوک کلیک کنید و زبانهی Outline را باز کنید. آنجا کل سلسلهمراتب تیترها را میبینید و اگر سطحی پریده باشد، وردپرس هشدار میدهد. این کار را قبل از انتشار انجام دهید.
عنوان نوشته (Title) با تگ H1 داخل متن فرق دارد؟
بله. عنوان نوشته همان H1 رسمی صفحه است که قالب بهصورت خودکار آن را با تگ H1 نمایش میدهد. تگهایی که داخل متن اضافه میکنید باید از H2 شروع شوند و تکرار H1 داخل متن لازم نیست.
استفادهی درست از تیترها واقعاً روی رتبهی گوگل اثر دارد؟
ساختار درست هدینگ به گوگل کمک میکند موضوع و بخشهای صفحه را بهتر بفهمد و خوانایی را بالا میبرد، اما بهتنهایی عامل رتبه نیست. آن را یکی از پایههای سئوی روی صفحه در کنار محتوای باکیفیت، سرعت و تجربهی کاربری در نظر بگیرید.
اگر قالب من خودش چند H1 میسازد چه کنم؟
ابتدا با ابزار Outline یا بررسی کد صفحه مطمئن شوید مشکل از قالب است. بعضی قالبها لوگو یا عنوان سایت را H1 میکنند. در این حالت میتوانید کد قالب را اصلاح کنید یا با توسعهدهندهی قالب در میان بگذارید تا ساختار به یک H1 برسد.
آیا حتماً باید از H4، H5 و H6 استفاده کنم؟
نه. برای بیشتر مقالهها H2 و H3 کافی است. سطحهای پایینتر فقط زمانی لازماند که محتوای شما عمق زیادی دارد و یک زیربخش، خودش به چند زیربخش کوچکتر تقسیم میشود. تیتر را فقط جایی بگذارید که واقعاً به ساختار کمک میکند.
جمعبندی و قدم بعدی شما
در این راهنما دیدیم که تیترها فقط متن بزرگ نیستند؛ آنها نقشهی منطقی صفحهاند که همزمان به سئو، خوانایی و دسترسپذیری کمک میکنند. قاعدهها سادهاند: یک H1 برای هر صفحه (همان عنوان نوشته)، شروع زیرعنوانها از H2، رعایت ترتیب سطحها بدون پرش، نوشتن تیتر توصیفی و یکتا، و استفادهی طبیعی از کلمهی کلیدی. پیش از انتشار هم با ابزار Outline ساختار را یک بار مرور کنید.
جمعبندی سریع
✅ یک H1 در هر صفحه؛ زیرعنوانها را از H2 شروع کنید.
✅ ترتیب سطحها را نپرید (H2 سپس H3 سپس H4).
✅ تیتر برای ساختار است نه برای بزرگکردن متن.
✅ قبل از انتشار با ابزار Outline ساختار را بررسی کنید.
✅ ترتیب سطحها را نپرید (H2 سپس H3 سپس H4).
✅ تیتر برای ساختار است نه برای بزرگکردن متن.
✅ قبل از انتشار با ابزار Outline ساختار را بررسی کنید.
در صورتی که سوالی داشتید میتوانید در بخش نظرات با ما در ارتباط باشید.
