جلسه ۳۹

آموزش اضافه کردن فهرست مطالب در المنتور برای افزایش سئو

مسعود قربان خانی

مدرس : مسعود قربان خانی

فایل های ضروری و مورد نیاز

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

تخفیف ویژه دانشجویان دوره رایگان المنتور

علاوه بر تخفیف همیشگی المنتور پرو 20% بیشتر تخفیف بگیرید

کد تخفیف : off-elementor

در این نوشته شما می خوانید

فهرست محتوا سایت چیست ؟

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

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

  1. تگ H1
  2. تگ H2
  3. تگ H3
  4. تا تگ H6

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

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

چرا در نوشته‌ها و صفحات سایت به فهرست محتوا نیاز داریم ؟

دلایل مختلفی برای این موضوع وجود دارد که از مهمترین آن میتوان اشاره کرد به :

  1. افزایش خوانایی سایت : این امر باعث میشود زمانی که کاربران شما وارد سایت و مقاله شما شوند لیستی از فهرست مطالب آن مقاله را مشاهده کنند و از آن لیست مطلب مورد نظر خود را سریع تر پیدا کنند. این امر کمک می کند به جذب کاربران بیشتر در سایت شما و علت آن هم دستیابی سریع به اطلاعات می باشد .
  2. کمک به بهبود سئو سایت : همان طور که در بالا کوتاه اشاره شد این کار برای موتور های جستجو از اهمیت بالا برخوردار می باشد چرا که اگر دقت کرده باشید در بعضی از سرچ های شما قبل از تیتر کلمه Jump to را مشاهده میکنید و زمانی که وارد لینک مربوطه می شوید ، گوگل شما را مستقیم با اسکرول کردن اتوماتیک سایت روی تیتر مربوطه خواهد برد تا دسترسی سریع تری به هدف خود داشته باشید .
Jump to در نتایج گوگل
Jump to در نتایج گوگل

آموزش درج فهرست مطالب به المنتور و وردپرس

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

این آموزش را دیده اید ؟ آموزش ساخت قالب صفحات داخلی مقالات در المنتور 

ویجت Table of Contents در المنتور

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

تنظیمات ویجت Table of Contents در المنتور

آموزش کار با ویجت Table of Contents

تب محتوا / Content

فهرست مطالب / Table of Contents

تنظیمات ویجت Table of Contents در المنتور
  1. تیتر / Tilte : در این قسمت می توانید تیتر اصلی جدول فهرست را مشخص کنید با خالی گذاشتن این قسمت تیتری قرار نمیگیرد .
  2. تگ HTML : تگ تیتر را میتوانید از H2 تا H6 و همچنین DIV انتخاب کنید .
  3. شامل / Include : این قسمت میتوانید تگ هایی که در لیست شما می بایست باشند را مشخص کنید .
  4. بجز / Exclude : با پر کردن این قسمت فهرست شما همه ی تگ ها را نمایش می دهد غیر از آن تگی که شما قرار داده اید یعنی با پر کردن این قسمت با تگ H3 همه تگ ها نمایش داده خواهند شد به غیر از تگ H3.
  5. کانتینر / Container :  با قراردادن کلاس قسمت خاصی از صفحه جدول محتویات را دمحدود به همان قسمت و بخش می کند.
  6. نمای نشانگر / Marker View : میتوانید نحوه نمایش را توپی و شمارشی کنید .

گزینه های اضافی / Additional Options

  1. وارپ کلمه / Word Wrap: با فعال کردن این گزینه متن را مشکند و در خط بعدی قرار میدهد.
  2. جعبه کوچک / Minimize Box: با غیر فعال کردن آیکون را حذف و فعال کنید .
  3. آیکون / Icon: آیکون فلش باز بودن جدول را انتخاب میکنید .
  4. آیکون مینیمایز / Minimize Icon: آیکون بسته شدن جدول را انتخاب کنید .
  5. کوچک کننده فعال / Minimized On: نقطه شکست تبلت و موبایل را برای ویجت مشخص میکنید .
  6. نمای سلسله مراتبی / Hierarchical View: با فعال سازی این قسمت نمای تیتر ها به صورت سلسه مراتبی نمایش داده میشود یعنی تیتر هایی با تگ H3 زیر H2  قرار میگیرد.

تب استایل / Style

جعبه / Box

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

  1. رنگ پس زمینه / Background Color: رنگ پس زمینه باکس را میتوانید تعیین کنید .
  2. رنگ کادر / Border Color: رنگ کادر باکس را مشخص کنید.
  3. ضخامت کادر / Border Width: ضخامت کادر در این قسمت تعیین میشود.
  4. خمیدگی دور کادر / Border Radius: شما میتوانید خمیدگی دور تا دور این جدول ایجاد نمایید .
  5. فاصله های داخلی / Padding: به جدول فاصله داخلی دهید .
  6. حداقل ارتفاع / Min Height: حداقل ارتفاع برای جدول تعیین کنید .
  7. سایه کادر / Box Shadow: دور جعبه جدول سایه با رنگ دلخواه دهید .

سربرگ / Header

این تنظیمات برای سربرگ ویجت می باشد:

  1. رنگ پس زمینه / Background Color: رنگ پس زمینه هدر سایت را تغییر دهید .
  2. رنگ متن / Text Color: رنگ متن تیتر اصلی جدول را تغییر دهید .
  3. تایپوگرافی / Typography: فونت و تنظیمات مربوط به فونت تیتر اصلی را تغییر دهید .
  4. رنگ آیکون / Icon Color: رنگ آیکون باز و بسته کننده را تغییر دهید .
  5. عرض جداکننده / Separator Width: عرض جدا کننده هدر از لیست را کم و زیاد کنید . با قرار دادن عدد 0 کلا حذف خواهد شد .

لیست / List

و این تنظیمات هم برای لیست نمایش تیتر ها می باشد :

  1. حداقل ارتفاع / Min Height: به لیست تیتر های خود ارتفاع دهید .
  2. تایپوگرافی / Typography: فونت و تنظیمات مربوط به فونت تیتر ها را تغییر دهید .
  3. تو رفتگی / Indent: تو رفتگی بخش لیست را کم و زیاد کنید .

معرفی افزونه فهرست مطالب وردپرس

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

افزونه Easy Table of Contents

افزونه Easy Table of Contents

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

لینک دانلود افزونه Easy Table of Contents در مخزن وردپرس

بعد از نصب این افزونه تنظیمات آن در مسیر پیشخوان => تنظیمات => Table of Contents قابل مشاهده می باشد که از نظر کاربردی بهترین افزونه در این زمینه می باشد .

ویژگی های افزونه Easy Table of Contents

  1. سازگاری کامل با صفحه ساز المنتور دارد .
  2. در هر صفحه میتوانید تنظمات سفارشی داشته باشید .
  3. تغییرات اختصاصی در ظاهر فهرست
  4. پشتیبانی از افزونه Rank Math
  5. فعال سازی فهرست به صورت اختیاری در صفحات

افزونه Table of contents plus

افزونه کاربردی دیگر برای این کار افزونه Table of contents plus می باشد که برای دانلود آن میتوانید به مخزن وردپرس مراجعه کنید . دانلود افزونه Table of contents plus در مخزن وردپرس

دانلود افزونه Table of contents plus

افزونه LuckyWP Table of Contents

این افزونه نیز کاربردهای جذابی در این زمینه دارد و میتوانید فهرست های جذاب برای انواع پست تایپ های وردپرس خود ایجاد کنید . دانلود افزونه LuckyWP Table of Contents در مخزن وردپرس

دانلود افزونه LuckyWP Table of Contents

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

موفق باشید 

 

سوالات و مشکلات شما در این جلسه

اگر در این جلسه سوال و مشکلی داری می توانید در این قسمت بپرسید 

79 پاسخ

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

  2. سلام و عرض ادب ، تشکر بابت مطالب خوب سایتتون .
    وقتی با المنتور قالبی برای صفحه تکی نوشته ها ایجاد میکنم در قسمت ابزار محتوای پست (post content) تگ های مطالب و ابزارک هایی که در این قسمت قرار دادم به شکل یک فهرست در ابتدای این قسمت (post content) نمایش داده می شن . ممنون میشم راهنمایی کنید ، مشکل از کجاست و راه حل چیه ؟
    تشکر از شما .

    1. سلام ممنون از شما
      اگر ابزار محتوای پست (Post Content) در المنتور محتوای غیرمنتظره‌ای مانند تگ‌ها یا ابزارک‌ها در ابتدای خود نشان می‌دهد، ممکن است این موارد در محتوای اصلی نوشته یا در قالب (مثلاً توسط فیلترهای قالب وردپرس یا افزونه‌های سئو) به صورت خودکار درج شده باشند. برای رفع این مورد، پیشنهاد می‌شود قالب تکی نوشته را بررسی و با قالب پیش‌فرض وردپرس تست کنید یا فیلترهایی که محتوای پست را دست‌کاری می‌کنند (مانند the_content) را بررسی نمایید.

  3. سلام وقت بخیر من یه کانتینر محتوا دارم دقیقا اومدم یه کلاس در نظر گرفتم و اسم کلاس به کانتینر فهرست دادم که مطالب داخل فهرست نشون بده ولی من یه کانتینر ابتدایی هم گذاشتم برای عنوان مطلب که h1هست اون چجوری بزارم تو فهرست مطالب چون کلاس فقط برای یکی اعمال میشه ؟

    1. سلام درود بر شما
      می‌توانید از دو روش استفاده کنید: ۱. افزودن کلاس یکسان به هر دو کانتینر (یعنی همان کلاس را به کانتینر عنوان هم بدهی) ۲. استفاده از گزینه “Include” در تنظیمات ویجت فهرست مطالب و اضافه کردن انتخابگر سفارشی مثل .container-title h1, .container-content h2, .container-content h3 تا H1 را هم شناسایی کند.

  4. سلام وقت بخیر انشالله سلامت و شاد باشید
    یه سوال ما محصولات رو هم داخل صفحه میزاریم که نشون بده و چون در قالب سایت ما محصولات h3 هستن اون موارد رو هم نشون میده چیکار کنیم محصولات رو نشون نده تو فهرست مطالب

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

      1. استاد میخواستم از چنتا ارسال مطلب استفاده کنم بعد از ذخیره و اجازه دسترسی به یکیشونو بهم داد بعد از اعمال تغییرات روی همه اعمال شد و دچار تداخل شد،ممنون میشم راه چاره بگین.

        1. سلام مجدد
          مشکل به این دلیل است که از یک قالب برای چند ارسال مطلب استفاده کرده‌اید و تغییرات آن روی همه اعمال شده است. برای رفع مشکل، به بخش قالب های ذخیره شده در المنتور بروید و برای هر نوع ارسال مطلب (Post) یک Template مجزا بسازید یا در تنظیمات Display Conditions، شرط نمایش هر قالب را دقیق مشخص کنید (مثلاً برای یک دسته‌بندی خاص). اگر محتوای پویا نیاز دارید، از قابلیت Dynamic Tags المنتور استفاده کنید تا محتوا به‌صورت خودکار برای هر پست بارگذاری شود.

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

          2. سلام مجدد
            برای ایجاد قالب نوشته با کانتینرهای مجزا در المنتور، ابتدا یک کانتینر اصلی ایجاد کنید و آن را به حالت Flex با جهت ستون تنظیم کنید، سپس برای هر بخش محتوا (عنوان، تصویر، متن و غیره) کانتینرهای فرعی اضافه کنید. داخل هر کانتینر فرعی ویجت‌های مناسب قرار دهید و استایل یا تنظیمات جداگانه اعمال کنید. اگر می‌خواهید محتوا پویا باشد، از برچسب های پویا برای اتصال بخش‌ها به نوشته‌های وردپرس استفاده کنید. در نهایت، این طراحی را به‌عنوان Single Post Template ذخیره کنید تا برای تمام نوشته‌ها به‌صورت خودکار اعمال شود.

  5. سلام وقتتون بخیر من لیست محتوا رو ایجاد کردم ولی تو یکسری صفحات که نمیخوام هم ایجاد شده چیکار باید کنم ممنون

  6. سلام. یه سوال دیگه که داشتم، در هدر سایت، یه خط عمودی که معمولا بین آیکون‌ها قرار میگیره (فرضا آیکون سبد خرید و آیکون جستجو) را چجوری در المنتور میشه قرار داد؟

    1. سلام خدمت شما
      برای اضافه کردن خط عمودی بین آیکون‌ها در هدر سایت با المنتور، می‌تونید از ویجت Spacer یا Divider همون جدا کننده استفاده کنید. ابتدا آیکون‌ها رو داخل یه ساختار ستونی قرار بدید. بعد بین دو آیکون یه Divider اضافه کنید و از تنظیمات اون، جهت رو به حالت عمودی تغییر بدید و ارتفاعش رو تنظیم کنید. همچنین می‌تونید برای ظاهر بهتر، از استایل‌های خط (مثل نقطه‌چین یا خط ساده) استفاده کنید. اگر می‌خواید دقیق‌تر طراحی بشه، می‌تونید با استفاده از CSS سفارشی یه خط عمودی با ارتفاع دلخواه ایجاد کنید.

  7. سلام خدمت شما. من از ویجت Table of content در خود المنتور استفاده کردم و فهرست مطالب را در بخش سایدبار قرار دادم. اما در داخل ویجت محتوای مطلب به صورت خودکار یه فهرست دیگه هم ایجاد شده و وقتی اون صفحه نوشته نمایش داده میشه 2 تا فهرست دیده میشه (یکی در سایدبار و یکی هم اول محتوای مطلبی که دارم. این مشکل چجوری حل میشه؟
    البته من افزونه Easy table of contents را هم نصب دارم.
    ممنون میشم اگر راهنمایی کنین.

    1. سلام خدمت شما
      این مشکل به خاطر اینه که افزونه Easy Table of Contents به‌صورت خودکار فهرست مطالب رو داخل محتوای نوشته ایجاد می‌کنه و شما هم از ویجت Table of Content المنتور استفاده کردید که باعث میشه دو فهرست نمایش داده بشه. برای حل این مشکل، به تنظیمات افزونه Easy Table of Contents برید و گزینه Automatically Insert Table of Contents رو غیرفعال کنید. اگر قصد دارید فقط از فهرست المنتور استفاده کنید، این تنظیم باعث میشه فهرست اضافی داخل محتوا دیگه نمایش داده نشه. همچنین مطمئن بشید که گزینه درج خودکار فقط در جاهایی که نیاز دارید، فعال باشه.

      1. فقط من این گزینه ((Automatically Insert Table of Contents)) را نتونستم پیدا کنم. هر چی گشتم نبود.
        اما توی درج خودکار تیک نوشته ها را که برداشتم، در ظاهر فعلا درست شده.

  8. سلام من فهرست مطالب اضافه کردم
    و موشن افکت هم براش گذاشتم که با اومدن پایین صفحه ااونم بیاد ولی متاسافنه فهرست وارد فوتر میشه چه کنم ؟

  9. سلام و خدا قوت بابت آموزش های خوبتون
    من طبق آموزش شما فهرست مطالبو درست کردم، همه چی اوکی شد تنها مشکلی که دارم در فهرست مطالب تو قسمت لیست، نوشته های خطوط از بالا و پایین برش می خوره و تمام تنظیماتو تست کردم درست نشد ممنون میشم راهنماییم کنید.

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

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

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

  11. سلام تشکر خیلی هم عالی اموزش دادین
    فقط من یک مشکلی دارم
    بروی یکی از تیتر ها که میزنم به درستی وارد میشه ولی وقتی لینکشو چک میکنم داخل لینک کلمات Elementor هست
    چیکار کنم این کلمه از داخلش حذف بشه؟؟
    ممنون میشم راهنمایی بفرمایید

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

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

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

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

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

  14. سلام و وقت بخیر . ممنون از ویدیوهای آموزشی خوب و کاربردیتون.
    میشه این بخش از ویدیو(دقیقه 2 به بعد) رو یکبار دیگه توضیح بدین که چطور ویجت ارسال مطالب رو به کانتینر ویجت فهرست مطالب وصل کردین؟
    ویجت ارسال مطالب در کجا صفحه اصلی (main) قرار بدیم؟
    ممنون میشم

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

  15. بفرمایید کلاس عنوان مقاله چی هست برای اینکه نمایش داده نشه
    عنوان مقاله هم داره نمایش میده نمیخوام نمایش بده

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

    1. سلام وقت بخیر
      شما با قرار دادن تگ ها به ترتیب می توانید مرتبط کنید
      برای مثال یک تک h2 قرار میدید و بعدش 2 تا h3 و بعد یک h2 دیگه به صورت زیر میشه
      h2
      =h3
      =h3
      h2

  17. سلام وقت بخیر
    چیکار کنم فقط تک های H1 H2 H3 H4 و … داخل محتوا رو فهرست کنه؟ به صورت دیفالت تمام تگ های موجود در صفحه رو فهرست میکنه

    سپاسگزارم

    1. سلام وقت بخیر
      برای این منظور برای ویجت ارسال مطلب خود یک کلاس در نظر بگیرید و در تنظیمات ویجت نام کلاس را در قسمت کانتینر / Container قرار دهید و یادتون باشه نقطه یا . فراموش نکنید اولش قرار بدید

  18. سلام میشه در مورد فهرست مطالب و همچنین باکس هایی که لینک میدهند و نقل قول هست و … کلا در مورد نوشته که چطور مقاله حرفه ای و کلمات کلیدی چطور باکس هاشو بنویسیم باید از ادیتور کلاسیک استفاده کنیم یا المنتور اخه المنتور برای نوشته سخت میشه هی باید نوشه را در چند تا متن بزاریم تا وسطش بشه عکس گذاشت و … خلاصه نوشته برای کسانی که تولید محتوا میکنن چطور تو سایت بزارند بگید ممنون میشم نمیدونم تونستم بگم منظورم چیه یا نه؟

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

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *