ساخت فهرست مطالب در وردپرس با افزونه رایگان آموزش قدم به قدم

توی نوشته‌های طولانی، پیدا کردن یک جواب مشخص بین چندین تیتر همیشه راحت نیست. فهرست مطالب، بخش‌های اصلی صفحه رو همون اول به مخاطب نشون می‌ده تا بدون اسکرول‌های طولانی، مستقیم به قسمت دلخواهش بره. توی این آموزش با افزونه رایگان Table of Contents Plus یک فهرست خودکار می‌سازیم که تیترهای نوشته رو پیدا می‌کنه و برای هرکدوم یک لینک پرش می‌سازه.

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

فهرست مطالب چه کمکی به سایتتون می‌کنه

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

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

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

آیا خود وردپرس فهرست مطالب خودکار داره

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

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

معرفی افزونه رایگان Table of Contents Plus

Table of Contents Plus یک افزونه رایگان برای ساخت خودکار فهرست مطالب در وردپرس هست. افزونه تیترهای صفحه رو بررسی می‌کنه، از اون‌ها یک فهرست قابل کلیک می‌سازه و با اضافه یا حذف شدن تیترها، فهرست رو هم هماهنگ نگه می‌داره.

Michael Tran این افزونه رو ساخته و حالا تیم All in One SEO نگهداریش می‌کنه. صفحه افزونه در مخزن وردپرس بیشتر از ۲۰۰ هزار نصب فعال رو نشون می‌ده. این عدد ممکنه تغییر کنه، پس بهتره قبل از انتشار نهایی مقاله یک بار دیگه صفحه رسمی افزونه رو بررسی کنید.

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

نصب Table of Contents Plus

1. وارد پیشخوان وردپرس بشید.
2. از منوی «افزونه‌ها» روی «افزودن افزونه تازه» بزنید.
3. عبارت Table of Contents Plus رو جست‌وجو کنید.
4. افزونه‌ای رو انتخاب کنید که صفحه رسمیش در مخزن وردپرس همون لینک بالاست.
5. روی «هم‌اکنون نصب نمایید» بزنید و بعد افزونه رو فعال کنید.

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

آموزش تنظیم Table of Contents Plus

بعد از فعال کردن افزونه، از منوی «تنظیمات» وارد صفحه مربوط به TOC+ بشید. رابط نسخه‌های تازه با نسخه قدیمی فرق داره و گزینه‌ها حالا در بخش‌های Display، Appearance، Behavior و Advanced قرار گرفتن.

تنظیمات Display

بخش Display تعیین می‌کنه فهرست کجا و برای چه نوع محتوایی دیده بشه. اول نوع محتوا رو انتخاب کنید. برای بیشتر سایت‌ها، فعال کردن فهرست برای «نوشته‌ها» کافیه. اگه برگه‌های آموزشی طولانی هم دارید، می‌تونید «برگه‌ها» رو فعال کنید.

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

حداقل تعداد تیتر رو هم مشخص کنید. مثلاً اگه عدد ۴ رو انتخاب کنید، افزونه فقط وقتی فهرست می‌سازه که صفحه دست‌کم چهار تیتر داشته باشه. با این تنظیم، نوشته‌های کوتاه یک فهرست غیرضروری ندارن.

تنظیمات Appearance

بخش Appearance برای تغییر ظاهر فهرست هست. عرض، اندازه نوشته، رنگ‌ها و مدل نمایش فهرست رو از همین قسمت کنترل می‌کنید. برای شروع بهتره سراغ یک طرح ساده برید که با پس‌زمینه و رنگ نوشته‌های سایتتون هماهنگ باشه.

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

تنظیمات Behavior

بخش Behavior رفتار فهرست رو کنترل می‌کنه. اینجا می‌تونید نمایش سلسله‌مراتبی تیترها رو فعال کنید؛ یعنی تیترهای سطح پایین‌تر زیر عنوان اصلی خودشون دیده می‌شن. برای نمونه، هر تیتر H3 زیر H2 مربوط به خودش قرار می‌گیره.

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

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

تنظیمات Advanced

در بخش Advanced کنترل دقیق‌تری روی تیترها و لینک‌های فهرست دارید. اگه تازه‌کار هستید، نیازی نیست همه گزینه‌های این قسمت رو تغییر بدید. تنظیمات پیش‌فرض برای شروع بیشتر وقت‌ها مناسب هستن.

مهم‌ترین گزینه این بخش، انتخاب سطح تیترهاست. معمولاً H2 و H3 برای فهرست یک مقاله کافی هستن. اضافه کردن H4، H5 و H6 ممکنه فهرست رو شلوغ کنه؛ مگر اینکه مطلبتون بخش‌های خیلی زیادی داشته باشه.

از همین بخش می‌تونید بعضی تیترها رو هم از فهرست کنار بذارید. مثلاً اگه نمی‌خواید عنوان یک بخش ثابت در فهرست دیده بشه، تنظیم حذف تیترها به کارتون میاد. الگویی که وارد می‌کنید باید دقیقاً با روشی هماهنگ باشه که افزونه توضیح داده.

بعد از هر تغییر، تنظیمات رو ذخیره کنید و یک نوشته واقعی رو در حالت پیش‌نمایش ببینید. نگاه کردن به صفحه تنظیمات کافی نیست؛ چون قالب، اندازه صفحه و ساختار تیترهای هر نوشته روی نتیجه نهایی اثر می‌ذارن.

اضافه کردن فهرست به یک نوشته خاص

اگه نمایش خودکار رو فعال کرده باشید، افزونه طبق شرایطی که انتخاب کردید فهرست رو داخل نوشته‌ها می‌ذاره. برای نمایش دستی فهرست در یک جای مشخص، یک بلوک «کد کوتاه» به نوشته اضافه کنید و شورت‌کد زیر رو داخلش بذارید. شورت‌کد یک دستور کوتاه بین دو کروشه هست که وردپرس اون رو به خروجی افزونه تبدیل می‌کنه.

[toc]

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

[no_toc]

بعد از اضافه کردن شورت‌کد، پیش‌نمایش نوشته رو باز کنید. خود شورت‌کد نباید مثل یک متن معمولی در صفحه دیده بشه. اگه دیده شد، بررسی کنید که از بلوک «کد کوتاه» استفاده کرده باشید و افزونه هم فعال باشه.

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

روش مدیریت ابزارک‌ها به نوع قالب سایتتون بستگی داره. در بعضی قالب‌های کلاسیک، از مسیر «نمایش ← ابزارک‌ها» وارد ویرایشگر ابزارک بلوکی می‌شید. اونجا می‌تونید بلوک یا ابزارک افزونه رو به نوار کناری اضافه کنید.

اگه قالب بلوکی دارید، ممکنه گزینه قدیمی «ابزارک‌ها» رو نبینید. در این حالت، از مسیر «نمایش ← ویرایشگر» وارد ویرایشگر سایت بشید. بعد قالب یا الگوی دلخواهتون رو باز کنید و بلوک افزونه رو در جای مناسب بذارید.

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

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

• برای بخش‌های اصلی از H2 و برای زیرمجموعه‌های اون‌ها از H3 استفاده کنید.
• تیترها رو کوتاه و روشن بنویسید تا کاربر قبل از کلیک، موضوع هر بخش رو بفهمه.
• فقط برای بزرگ‌تر دیده شدن نوشته از تیتر استفاده نکنید؛ هر تیتر باید یک بخش واقعی از محتوا رو مشخص کنه.
• فهرست رو در موبایل و رایانه آزمایش کنید.
• بعد از تغییر عنوان‌ها، لینک‌های فهرست رو دوباره بررسی کنید.
• اگه فهرست خیلی طولانی شد، سطح‌های کم‌اهمیت‌تر مثل H4 رو ازش کنار بذارید.

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

جمع‌بندی

برای ساخت فهرست مطالب در وردپرس، اول باید تیترهای مقاله رو با H2 و H3 مرتب کنید. بعد می‌تونید افزونه رایگان Table of Contents Plus رو نصب کنید تا این تیترها رو به‌صورت خودکار به یک فهرست قابل کلیک تبدیل کنه. تنظیم جایگاه، ظاهر، تعداد تیترهای لازم و سطح تیترها هم کمک می‌کنه فهرست با ساختار سایتتون هماهنگ بشه.

خود وردپرس برای ساخت چند لینک پرش، قابلیت لنگر HTML رو در اختیارتون می‌ذاره؛ ولی فهرست کامل رو به‌صورت خودکار از همه تیترها نمی‌سازه. پس برای نوشته‌های بلند، استفاده از این افزونه رایگان راه راحت‌تریه. بعد از انجام تنظیمات، حتماً نتیجه رو در موبایل و رایانه بررسی کنید تا لینک‌ها درست کار کنن و فهرست هم خوانا باشه.

سوالات متداول درباره ساخت فهرست مطالب در وردپرس

تیم تولید محتوا

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