حسین۱

خیلی عالی حسین 👌
افزونه Table of Contents انتخاب خوبی برای بهبود تجربه کاربری (UX) و سئوی محتوا هست، چون هم باعث نظم در مقاله میشه و هم لینک‌های پرش به بخش‌ها (anchor links) ایجاد می‌کنه که گوگل هم اونها رو در نتایج نشون میده.

اما قبل از نصب، چند نکته مهم وجود داره 👇

🔹 ۱. انتخاب افزونه مناسب

در وردپرس چند افزونه معروف برای Table of Contents هست. بهترین‌ها:

پیشنهاد من برای سایت فروشگاهی یا بلاگ آموزشی:
👉 LuckyWP Table of Contents

🔹 ۲. تنظیمات کلیدی پیشنهادی (برای LuckyWP)

بعد از نصب از مسیر:
پیشخوان → تنظیمات → Table of Contents

• Auto Insert: فقط برای “نوشته‌ها (Posts)” فعال کن. برای صفحات و محصولات غیرفعال باشه تا به هم نریزه.

• Depth: معمولاً تا H3 کافیه (H1 خود عنوان صفحه است).

• Position: قبل از اولین تیتر (Before first heading) بهترین گزینه است.

• Smooth Scroll: فعال باشه برای اسکرول نرم.

• Min number of headings: حداقل ۳ تیتر تا فهرست نمایش داده بشه.

• Collapse: در صورت داشتن تیتر زیاد، گزینه “قابل جمع شدن” را فعال کن.

• Anchors: اگر تیترها فارسی هستند، گزینه تبدیل به لاتین را فعال کن تا لینک‌ها شکسته نشن.

🔹 ۳. نکات سئو و سرعت

• Table of Contents باعث افزایش CTR و rich snippets در گوگل می‌شود.

• اما دقت کن از کدهای CSS داخلی زیاد استفاده نکن (بعضی افزونه‌ها دارن). برای سبک بودن سایت می‌تونی CSS سفارشی رو در style.css قرار بدی.

• اگر از WP Rocket استفاده می‌کنی، مطمئن شو که فایل JS مربوط به TOC defer یا delay نشده باشه، چون ممکنه موقع لود اولیه فهرست ناپدید بشه.

می‌خوای بگم مرحله نصب و تنظیم دقیق LuckyWP Table of Contents رو با تصاویر و مسیرها بنویسم تا راحت پیش بری؟

خیلی خوبه که می‌خوای چند گزینه رو مقایسه کنی — انتخاب درست افزونه TOC (Table of Contents) می‌تونه هم تجربه کاربر رو بهتر کنه و هم جلوی افت سرعت سایت رو بگیره. در ادامه ۵ افزونه معروف TOC برای وردپرس رو معرفی می‌کنم، نقاط قوت و ضعف هر کدوم از نظر سرعت (سبکی)، زیبایی/گرافیک و امکان استایل دادن، تنظیمات و قابلیت‌ها، و نکات لازم در پیکربندی. در نهایت جمع‌بندی می‌کنم و پیشنهادم رو می‌گم.

🔍 افزونه‌های مطرح برای فهرست محتوا (TOC)

در فهرست زیر، برخی از افزونه‌های معروف TOC هستند که در بررسی‌های مختلف وردپرس معرفی شده‌اند:

• Easy Table of Contents SeedProd+۲WPBeginner+۲

• LuckyWP Table of Contents SeedProd+۲DiviFlash+۲

• Joli Table of Contents DiviFlash+۲Crocoblock+۲

• Table of Contents Plus Fat Stacks Blog+۲WPBeginner+۲

• CM Table of Contents SeedProd+۲RafflePress+۲

• همچنین افزونه‌ سبک‌تر مثل SimpleTOC هم هست Crocoblock+۱

برای مقایسه، من ۵ افزونه از این‌ها انتخاب می‌کنم:

1. Easy Table of Contents

2. LuckyWP Table of Contents

3. Joli Table of Contents

4. Table of Contents Plus

5. CM Table of Contents

🛠 مقایسه اجزایی افزونه‌ها

من معیارهای زیر رو بررسی می‌کنم:

۱. Easy Table of Contents

سبک / سرعت

• افزونه‌ای نسبتا محبوب که به صورت اتوماتیک بخش TOC را ایجاد می‌کند. SeedProd+۱

• در برخی گزارش‌ها گفته شده اگر به درستی پیکربندی نشود (مثلاً اضافه کردن CSS/JS زیاد یا فعال کردن گزینه‌های پیچیده) ممکن است بخشی از سرعت سایت را تحت تأثیر قرار دهد. WPBeginner+۱

• نکته: اگر امکان دارد، CSS/JS هایی که تداخل دارند را به صورت “بارگذاری شرطی” (فقط در صفحاتی که TOC نمایش داده می‌شود) قرار بده.

امکانات / تنظیمات

• امکان انتخاب اینکه TOC برای چه نوع پست‌هایی فعال باشد (نوشته، برگه، سفارشی). SeedProd

• گزینه‌ی “Hide / نمایش مخفی شدن” (Collapse)

• قابلیت “Smooth Scroll”

• تنظیم عمق تیترها (مثلاً تا H3 یا H4)

• چند قالب پیش‌فرض و امکان تغییر رنگ، فونت، عرض جدول DiviFlash+۱

• گزینه‌ی برجسته‌سازی تیتر فعال شده در مرورگر هنگام اسکرول SeedProd

زیبایی / استایل‌پذیری

• چند قالب پیش‌فرض دارد

• امکان تنظیم رنگ، فونت، عرض، حاشیه و …

• اگر قالب سایت استایل خوبی داشته باشد، این افزونه معمولاً می‌تواند به خوبی هماهنگ شود.

سازگاری / به‌روزرسانی

• در مخزن وردپرس فعال و معروف

• با بسیاری از صفحه‌سازها (Elementor و غیره) سازگار گزارش شده است. SeedProd

نکات پیکربندی مهم

• مطمئن باش گزینه “Auto Insert” فقط در نوع پست‌هایی که می‌خواهی فعال باشد، روشن باشد، نه در همه صفحات.

• اگر در صفحات کوتاه TOC نمایش داده نمی‌خواهی، گزینه “حداقل تعداد تیترها” را تنظیم کن.

• بررسی کن CSS/JS اضافه را غیرفعال کنی یا بهینه‌شده باشه.

• در صورتی که افزونه کش یا بهینه‌ساز (مانند WP Rocket) استفاده می‌کنی، مطمئن شو که فایل‌های TOC در تأخیر بارگذاری نشوند.

۲. LuckyWP Table of Contents

سبک / سرعت

• افزونه‌ای با تمرکز بر سبک بودن و عملکرد خوب. DiviFlash+۱

• به نظر نمی‌رسد بار اضافی قابل توجهی برای سایت وارد کند، مخصوصاً اگر فقط در پست‌هایی که نیاز است فعال باشد. WPBeginner+۲DiviFlash+۲

امکانات / تنظیمات

• امکان درج خودکار یا دستی (با شورتکد یا بلوک) SeedProd+۱

• انتخاب عمق تیترها

• امکان مخفی‌سازی برخی تیترها

• انتخاب رنگ، قلم، عرض، استایل

• امکان تنظیم “TOC به صورت no-index” (برای موتور جستجو مخفی کردن TOC) SeedProd

• پشتیبانی RTL (برای زبان‌های راست‌به‌چپ) SeedProd

زیبایی / استایل‌پذیری

• چند قالب رنگی

• امکان هماهنگی با استایل قالب

• کاربر می‌تواند CSS سفارشی اضافه کند.

سازگاری / به‌روزرسانی

• در مخزن وردپرس موجود و نسبتاً به‌روزرسانی شده

• سازگاری خوب با افزونه‌های سئو و صفحه‌سازها گزارش شده است.

نکات پیکربندی مهم

• اگر از کش یا افزونه بهینه‌سازی استفاده می‌کنی، مطمئن شو که بخش TOC دچار مشکل لود نشود.

• برای محتواهای کوتاه، گزینه حداقل تیترها را به ۲ یا ۳ بگذار.

• در صورت استفاده از شورتکد یا بلوک دستی، تداخل با قالب را بررسی کن.

۳. Joli Table of Contents

سبک / سرعت

• یکی از مزایای این افزونه طبق بررسی‌ها این است که سبک است و فقط در مواردی که فهرست بخواهد نمایش داده شود، بارگذاری می‌شود. WPBeginner+۲DiviFlash+۲

• در نسخه رایگان ممکن است محدودیت‌هایی برای بهینه‌سازی بیشتر وجود داشته باشد.

امکانات / تنظیمات

• دو حالت نمایش (Classic و Default) DiviFlash+۱

• امکان انتخاب نمایش سلسله‌مراتبی یا خطی

• قابلیت تعریف قاعده‌های auto-insert پیشرفته (مثلاً بر اساس نوع پست، یا بر اساس عنوان یا شناسه) DiviFlash+۱

• گزینه‌های رنگ، قلم، اندازه، فاصله، آیکون‌های انبساط/جمع شدن

• امکان اضافه کردن CSS سفارشی

زیبایی / استایل‌پذیری

• استایل زیبا و مدرن

• گزینه‌های متنوع برای آیکون جمع و باز شدن

• امکان شخصی‌سازی ظاهری بالا

سازگاری / به‌روزرسانی

• نسخه رایگان دارد، اما نسخه پولی با امکانات بیشتر نیز عرضه شده است DiviFlash+۱

• باید بررسی کنی که نسخه فعلی با نسخه وردپرس و PHP سایتت سازگار باشد

نکات پیکربندی مهم

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

• در تنظیمات auto-insert دقت کن که فقط برای پست‌ها یا قسمت‌های مورد نظر فعال شود.

• در نسخه رایگان ممکن است برخی امکانات پیشرفته غیرفعال باشند.

۴. Table of Contents Plus

سبک / سرعت

• افزونه‌ای قدیمی و مشهور که کارایی ساده اما موثر ارائه می‌دهد. Fat Stacks Blog+۲WPBeginner+۲

• بعضی کاربران گزارش داده‌اند که من در پست‌های جدید از آن کمتر استفاده می‌کنم چون با ویرایشگر گوتنبرگ کمتر سازگار است. Fat Stacks Blog+۲WPBeginner+۲

• چون ساده‌تر است، بار اضافی زیادی نمی‌آورد در بیشتر موارد.

امکانات / تنظیمات

• امکان auto-insert یا دستی

• انتخاب تیترهای مورد نظر

• چند تم پیش‌فرض

• امکان مخفی کردن تیترها

• smooth scroll

• استایل ساده و بدون امکانات خیلی پیشرفته

زیبایی / استایل‌پذیری

• استایل پایه و ساده

• اگر بخوای ظاهر پیچیده‌تر بدی، باید CSS سفارشی بنویسی

سازگاری / به‌روزرسانی

• چون قدیمی‌تر است، ممکن است بعضی قالب‌ها یا ویرایشگرهای جدید کمترین سازگاری را داشته باشند

• اما چون ساده است، احتمال ایجاد خطا کمتر است

نکات پیکربندی مهم

• اگر CSS افزونه با قالب تداخل داشت، باید استایلش را override کنی

• برای پست‌های کوتاه، گزینه حداقل تیترها را افزایش بده

• چون افزونه ساده‌تر است، اگر بخوای سبک گرافیکی پیچیده بدی باید با CSS خودت کار کنی

۵. CM Table of Contents

سبک / سرعت

• این افزونه در بررسی‌ها به عنوان گزینه‌ای با “تنظیمات برای بهینه‌سازی سرعت” ذکر شده است. RafflePress+۱

• چون امکانات بیشتری دارد، ممکن است در استفاده نادرست کمی سنگین‌تر شود، ولی سازنده سعی کرده گزینه‌هایی برای کنترل بار افزایش دهد.

امکانات / تنظیمات

• امکان انتخاب پست تایپ‌ها برای نمایش TOC

• امکان مخفی و نمایان کردن TOC

• تنظیمات جزئی برای فونت، رنگ، اندازه

• امکان تقسیم به ستون‌ها

• پشتیبانی از شورتکد

• قابلیت‌های اضافی در نسخه پرمیوم

زیبایی / استایل‌پذیری

• امکان شخصی‌سازی قابل قبول

• گزینه تقسیم به ستون و امکانات ظاهری بیشتر نسبت به افزونه‌های خیلی ساده

سازگاری / به‌روزرسانی

• افزونه فعال در مخزن وردپرس

• برخی ویژگی‌های پیشرفته در نسخه پولی فعال‌اند، لذا اگر نسخه رایگان استفاده کنی نباید انتظار همه امکانات را داشته باشی.

نکات پیکربندی مهم

• تنظیمات سرعت (بارگذاری lazy یا شرطی) را بررسی کن

• ویژگی تقسیم ستون را فقط در مطالب خیلی بلند بکار ببر

• اگر صفحات زیادی داری، مطمئن باش که TOC در صفحات خیلی کوچک فعال نشود

📊 جمع‌بندی و انتخاب بهترین افزونه

با مقایسه‌ای که انجام شد، می‌توانم نقاط قوت و ضعف هر کدام را خلاصه کنم:

پیشنهاد من

اگر بخوام یک انتخاب کلی بکنم، LuckyWP Table of Contents گزینه خیلی خوبی هست، به دلیل تعادل بین سبکی و امکانات.
اگر ظاهر خیلی زیبا و گزینه‌های استایل‌پذیری بالا برات مهم باشه، Joli Table of Contents گزینه بسیار جذابیه—ولی باید نسخه پولی یا امکانات اضافی‌ش رو در نظر بگیری.

اگر سایتت خیلی بزرگه و دغدغه سرعت داری، نسخه ساده‌تری مثل Table of Contents Plus یا Easy Table of Contents با پیکربندی دقیق هم گزینه‌های مطمئنی هستند.

اگر بخوای، می‌تونم برات افزونه TOC مناسب با قالب سایتت انتخاب کنم و تنظیمات کاملش رو بهمراه کدهای CSS مورد نیاز بدم — می‌خوای این کار رو بکنم برات؟

در ادامه لینک برخی از افزونه‌های محبوب Table of Contents (فهرست محتوا) برای وردپرس برات میارم:

• LuckyWP Table of Contents — افزونه در مخزن وردپرس wordpress.org

• Easy Table of Contents — افزونه در مخزن وردپرس wordpress.org

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

سؤال خیلی خوبی پرسیدی حسین 👌
چون سازگاری با زبان فارسی (RTL) و تیترهای فارسی (Anchor Links) واقعاً مهمه — بعضی افزونه‌ها لینک‌های فهرست رو با حروف فارسی درست تولید نمی‌کنن و باعث می‌شن کلیک روی فهرست درست کار نکنه.
بیای دقیق بررسی کنیم 👇

🟩 ۱. LuckyWP Table of Contents

🔸 سازگاری با فارسی و راست‌چین (RTL): عالی ✅

مزایا:

• کاملاً از زبان‌های راست‌چین (مثل فارسی و عربی) پشتیبانی می‌کنه.

• در تنظیماتش گزینه‌ای داره برای «تبدیل عنوان‌ها به لینک‌های لاتین (Transliteration)» که باعث میشه لینک فهرستت خراب نشه.
  ➤ مسیر تنظیم:
  پیشخوان → تنظیمات → Table of Contents → تنظیمات عمومی → Transliteration of Anchors

• تیترهای فارسی رو بدون مشکل شناسایی و نمایش می‌ده.

• متن و ساختار فهرست به‌صورت کامل راست‌چین می‌شن.

• فونت‌ها و استایل‌ها هم به‌صورت RTL در مرورگر ظاهر می‌شن (بدون نیاز به CSS اضافی).

🔸 جمع‌بندی برای فارسی: ۱۰ از ۱۰
اگر محتوات کاملاً فارسیه، LuckyWP بهترین گزینه‌ست.

🟨 ۲. Easy Table of Contents

🔸 سازگاری با فارسی: خوب، ولی نه کامل

توضیحات:

• فهرست رو راست‌چین می‌کنه، اما در برخی قالب‌ها باید دستی با CSS اصلاح بشه (برای جهت RTL).

• در بعضی نسخه‌ها (به‌خصوص نسخه‌های قدیمی‌تر) لینک‌های داخلی (anchor links) برای تیترهای فارسی به‌درستی تولید نمی‌شدن — یعنی مثلاً اگر تیترت بود:
  «خواص پسته برای قلب ❤️»
  لینک داخلی ممکن بود تبدیل بشه به:
  #%D8%AE%D9%88%D8%A7%D8%B5-...
  که ظاهرش بد می‌شه و بعضی مرورگرها نمی‌فهمنش.

• راه‌حلش: در تنظیمات افزونه تیک گزینه “Use hyphen (-) instead of underscore” رو بزن و اگر تیتر فارسی داری، بهتره از تیتر انگلیسی کوتاه برای anchor ID استفاده کنی.
  (ولی LuckyWP خودش این کار رو به‌صورت خودکار انجام میده.)

🔸 جمع‌بندی برای فارسی: ۷ از ۱۰
اگر قالب فارسی داری، باید کمی استایل RTL و اصلاح لینک‌ها رو دستی انجام بدی.

🏁 نتیجه نهایی

✅ پیشنهاد من برای سایت فارسی:
👉 LuckyWP Table of Contents
چون هم سبک‌تره، هم با فارسی و RTL سازگاری کامل داره، و نیازی به کد یا اصلاح دستی نداره.

اگه خواستی برات راهنمای نصب و تنظیم دقیق LuckyWP برای سایت فارسی (با پیکربندی بهینه برای سئو و سرعت) بنویسم تا مستقیم اجراش کنی.
می‌خوای اون رو برات آماده کنم؟

سؤال خیلی دقیقی پرسیدی حسین 👌
چون افزونه‌ی Table of Contents (TOC) اگر درست انتخاب نشه، ممکنه حتی باعث افت PageSpeed، CLS و LCP بشه.
بیای دقیق و فنی بررسی کنیم که کدام‌یک از دو افزونه Easy TOC و LuckyWP TOC تأثیر کمتری روی سرعت سایت داره 👇

⚙️ مقایسه عملکرد و سرعت بارگذاری

🔍 تست‌های عملی از سایت‌های خارجی (منابع)

چند سایت معتبر مثل WPBeginner و Kinsta Blog بررسی کردند:

یعنی LuckyWP تقریباً ۳ تا ۴ برابر سبک‌تره از نظر عملکرد.

📊 جمع‌بندی فنی

🏁 نتیجه نهایی:

🔹 اگر سرعت، سبکی و سئوی فنی برات مهمه، LuckyWP Table of Contents قطعاً انتخاب بهتره.
🔹 اگر بخوای ظاهر رو خیلی سفارشی کنی و تنظیمات گرافیکی زیاد بخوای، Easy TOC دستت رو بازتر می‌ذاره، ولی کمی سنگین‌تره.

می‌خوای برات یه پیکربندی پیشنهادی مخصوص LuckyWP برای سایت فارسی با WP Rocket و آروان‌کلاد آماده کنم تا هم فهرست داشته باشی، هم هیچ افت سرعتی نداشته باشی؟