اگر کاربران پیش از خرید یا ثبت درخواست مدام سوال‌های مشابهی می‌پرسند، قرار دادن یک بخش سوالات متداول می‌تواند دسترسی به پاسخ‌ها را ساده‌تر کند. با ویجت آکاردئون المنتور می‌توان پرسش‌ها را به شکل باز و بسته‌شونده نمایش داد، بدون اینکه صفحه با متن‌های بلند شلوغ شود.
در این آموزش، نحوه ایجاد و ویرایش آکاردئون، انتخاب تگ عنوان، طراحی واکنش‌گرا و نکات مربوط به FAQ Schema را بررسی می‌کنیم. تصاویر هر مرحله نیز در کنار توضیحات مربوط قرار گرفته‌اند.
سوالات متداول در المنتور چیست و چه کاربردی دارد؟
بخش سوالات متداول یا FAQ مجموعه‌ای از پرسش‌های پرتکرار و پاسخ‌های کوتاه و کاربردی است که معمولاً در انتهای صفحه خدمات، محصول یا مقاله قرار می‌گیرد. در المنتور می‌توان این پرسش‌ها را با آکاردئون نمایش داد تا کاربر فقط پاسخ موردنیازش را باز کند و صفحه شلوغ نشود.
برای نمونه، در صفحه فروش دوره می‌توان درباره مدت دسترسی، شیوه پشتیبانی و شرایط بازگشت وجه پاسخ داد. در صفحه خدمات طراحی سایت هم سوالاتی مانند زمان تحویل یا نحوه ثبت درخواست به کاهش ابهام کاربر کمک می‌کنند. مهم‌ترین هدف FAQ پاسخ روشن به نیاز واقعی بازدیدکننده است، نه تکرار کلیدواژه‌ها.
نمونه یک بخش سوال و پاسخ قابل ویرایش
تصویر زیر نمونه‌ای از محیط افزودن پرسش و پاسخ را نشان می‌دهد. این نما متعلق به یک بلوک FAQ است و با رابط خود ویجت آکاردئون المنتور تفاوت دارد؛ اما ساختار اصلی آن، یعنی عنوان سوال و متن پاسخ، مشابه است.
قبل از شروع ساخت FAQ چه ابزاری لازم است؟
برای ساخت بخش سوالات متداول معمولاً همان ویرایشگر المنتور و ویجت Accordion کافی است. به المنتور پرو یا افزونه جانبی نیازی ندارید، مگر اینکه طراحی یا قابلیت ویژه‌ای مدنظر داشته باشید. در نسخه‌های جدید، آکاردئون با عناصر تو‌در‌تو می‌تواند محتوایی فراتر از متن، مانند تصویر یا دکمه را داخل هر آیتم نمایش دهد.
ویجت‌های قدیمی Accordion و Toggle در سایت‌هایی که از قبل ساخته شده‌اند همچنان قابل ویرایش هستند. در ساختار جدید عناصر تو‌در‌تو، قابلیت باز بودن هم‌زمان چند آیتم در خود Accordion مدیریت می‌شود. برای آشنایی با مفهوم بلوک‌ها و ویرایشگر وردپرس نیز می‌توانید آموزش ویرایشگر گوتنبرگ را مطالعه کنید.
آموزش ساخت سوالات متداول در المنتور
مرحله 1: سوالات و پاسخ‌های آکاردئون را تنظیم کنید
برگه یا نوشته موردنظر را با المنتور باز کنید. اگر آکاردئون از قبل در صفحه دارید، روی آن کلیک کنید و در تب «محتوا» بخش آیتم‌ها را باز کنید. عنوان هر آیتم را به شکل یک سوال روشن بنویسید و پاسخ را در قسمت مربوط وارد کنید. برای افزودن سوال جدید از گزینه افزودن آیتم کمک بگیرید.
برای مثال، به جای عنوان مبهم «ارسال سفارش»، سوال «سفارش چند روزه ارسال می‌شود؟» را وارد کنید و در پاسخ، بازه واقعی ارسال و شرایط احتمالی تأخیر را توضیح دهید.
حتما بخوانید: نصب وردپرس روی لوکال هاست Xampp + آموزش ویدیویی
مرحله 2: تگ HTML عنوان سوال‌ها را انتخاب کنید
در تنظیمات آکاردئون، گزینه Title HTML Tag یا «تگ HTML عنوان» را بررسی کنید. اگر عنوان بخش «سوالات متداول» با H2 مشخص شده و سوال‌ها زیرعنوان‌های آن هستند، H3 می‌تواند انتخاب مناسبی باشد. اگر ساختار صفحه اجازه هدینگ مستقل برای هر آیتم را نمی‌دهد، از Div استفاده کنید. برای جلوگیری از چند H1 در صفحه، عنوان آیتم‌ها را روی H1 قرار ندهید.
مرحله 3: ویجت آکاردئون را به صفحه اضافه کنید
اگر هنوز آکاردئونی در صفحه ندارید، در پنل ویجت‌های المنتور عبارت «Accordion» یا «آکاردئون» را جستجو کنید و آن را به محل مناسب صفحه بکشید. برای اغلب صفحه‌ها بهتر است این بخش پس از توضیحات اصلی محصول یا خدمات و پیش از جمع‌بندی یا فرم تماس قرار گیرد. سپس مراحل تنظیم سوال، پاسخ و تگ عنوان را انجام دهید.
در نسخه‌هایی از المنتور که ویجت آکاردئون تو‌در‌تو فعال است، هر آیتم یک فضای داخلی دارد و می‌توانید متن، تصویر یا عناصر دیگر را در آن قرار دهید. بسته به نسخه و نوع ویجت، نام برخی تنظیمات و چیدمان پنل ممکن است کمی متفاوت باشد.
آیا برای سوالات متداول المنتور به FAQ Schema نیاز داریم؟
اسکیما FAQPage نوعی داده ساختاریافته برای مشخص کردن پرسش و پاسخ‌های صفحه است. اما باید میان «درک ساختار محتوا» و «نمایش ظاهری سوالات در نتایج گوگل» تفاوت گذاشت. گوگل نمایش FAQ Rich Results را به‌شدت محدود کرده است و این نمایش برای بیشتر وب‌سایت‌های عمومی قابل انتظار نیست؛ بنابراین اضافه کردن FAQ Schema تضمینی برای گرفتن نتیجه غنی یا افزایش نرخ کلیک نیست.
در برخی نسخه‌های ویجت آکاردئون المنتور گزینه FAQ Schema وجود دارد. اگر آن را فعال می‌کنید، ابتدا بررسی کنید افزونه سئو یا ابزار دیگری همین اسکیما را تولید نکرده باشد؛ وجود چند پیاده‌سازی ناهماهنگ می‌تواند بررسی و نگهداری صفحه را دشوار کند.
افزودن سوالات متداول با Yoast SEO
در ویرایشگر بلوکی وردپرس، بلوک اختصاصی FAQ افزونه Yoast SEO برای وارد کردن سوال و پاسخ وجود دارد. تصویر زیر همین بلوک را نمایش می‌دهد. توجه کنید که این اسکرین‌شات مربوط به بلوک FAQ در ویرایشگر وردپرس است، نه پنل آکاردئون المنتور؛ این دو روش جایگزین یکدیگر نیستند و نباید بدون دلیل هر دو را در یک بخش پیاده‌سازی کرد.
انتشار: پس از اطمینان از صحت محتوا و زیبایی ظاهری، دکمه “به روز رسانی” را بزنید تا تغییرات اعمال شده ذخیره و منتشر شوند.
اگر محتوای صفحه با المنتور طراحی شده است، لازم نیست برای اضافه کردن داده ساختاریافته حتماً آن را دوباره در یک بلوک جداگانه بسازید. بهتر است ابتدا خروجی HTML صفحه و قابلیت‌های افزونه‌های نصب‌شده را بررسی کنید. محتوای سوال و پاسخ نشانه‌گذاری‌شده باید برای کاربران نیز در صفحه قابل مشاهده باشد.
بررسی نمایش سوالات متداول در موبایل و تبلت
بعد از تکمیل سوال‌ها، پیش‌نمایش واکنش‌گرا را در المنتور باز کنید و نتیجه را در اندازه‌های دسکتاپ، تبلت و موبایل ببینید. بلند بودن سوال، فاصله کم آیکون از متن و کوچک بودن سطح قابل کلیک، بیشترین مشکل را در صفحه‌های موبایل ایجاد می‌کنند. اگر پاسخ‌ها طولانی هستند، آن‌ها را به چند جمله یا یک فهرست کوتاه تقسیم کنید.
در بعضی رابط‌های المنتور، گزینه‌های مخفی‌سازی برای هر دستگاه در بخش «پیشرفته» دیده می‌شود. تصویر زیر نمونه این تنظیمات است. توجه کنید مخفی کردن آکاردئون در موبایل به‌جای اصلاح طراحی، ممکن است دسترسی کاربر به پاسخ‌ها را از بین ببرد.
-
تنظیم ظاهر آکاردئون برای خوانایی بهتر
در تب «استایل» می‌توانید رنگ پس‌زمینه سوال، فاصله داخلی، خطوط جداکننده و رنگ متن و آیکون را تنظیم کنید. برای یک FAQ کاربردی، بهتر است تفاوت حالت باز و بسته بودن سوال مشخص باشد، اما رنگ‌ها و افکت‌های متعدد تمرکز کاربر را از پاسخ دور نکنند.
- عنوان سوال‌ها را کوتاه و مشخص بنویسید تا در موبایل بدون بریدگی دیده شوند.
- برای آیکون باز و بسته شدن، رنگ با کنتراست کافی و فاصله مناسب از متن در نظر بگیرید.
- از ساخت آکاردئون‌های تو‌در‌تو و پاسخ‌های بسیار طولانی، مگر در صورت نیاز واقعی، پرهیز کنید.
- پس از ذخیره، یک بار نتیجه را در صفحه منتشرشده و با صفحه‌کلید بررسی کنید.
چگونه درست بودن FAQ Schema را بررسی کنیم؟
اگر اسکیما به صفحه افزوده‌اید، خروجی واقعی صفحه را با ابزارهای بررسی داده‌های ساختاریافته کنترل کنید و مطمئن شوید پرسش‌ها و پاسخ‌ها با محتوای قابل مشاهده تطابق دارند. ابزار Schema Markup Validator برای بررسی ساختار نشانه‌گذاری مناسب است. ابزار Rich Results Test نیز فقط برای انواع نتیجه غنیِ پشتیبانی‌شده گزارش واجد شرایط بودن ارائه می‌کند.
در سایت‌های معمولی، حتی نشانه‌گذاری صحیح FAQ هم به معنای نمایش پرسش و پاسخ زیر لینک صفحه در نتایج گوگل نیست. برای اطلاعات دقیق‌تر می‌توانید اطلاعیه رسمی گوگل درباره محدودیت FAQ Rich Results را مطالعه کنید.
جمع‌بندی
برای ساخت سوالات متداول در المنتور، کافی است آکاردئون را به صفحه اضافه کنید، سوال‌های واقعی کاربران را به شکل عنوان هر آیتم بنویسید و پاسخ‌های کوتاه و دقیق در اختیارشان بگذارید. انتخاب درست تگ HTML، تنظیم استایل، بررسی موبایل و جلوگیری از اسکیماهای تکراری از نکات مهم تکمیل کار است. هدف اصلی FAQ باید ساده‌تر شدن مسیر کاربر و پاسخ‌گویی به سوالات او باشد.
منبع:
