طراحی سایت

  • ۰
  • ۰

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

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

مزایای استفاده از منوی لنگر در صفحات وب

  • صرفه‌جویی در زمان کاربر: بازدیدکننده بدون اسکرول دستی به محتوای مورد نیاز می‌رسد.

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

  • تقویت تعامل کاربر: کاربران بیشتر روی بخش‌های مختلف کلیک می‌کنند و این یعنی تعامل بیشتر.

  • بهبود ساختار صفحه: لینک‌های لنگر نظم محتوایی ایجاد کرده و باعث خوانایی بهتر می‌شوند.

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

در چه صفحاتی بهتر است از لنگر استفاده کنیم؟

  • مقالات آموزشی با طول زیاد

  • صفحات معرفی خدمات یک شرکت

  • فروشگاه‌های اینترنتی (انتقال سریع از معرفی محصول به مشخصات یا نظرات)

  • صفحات فرود (Landing Page) برای معرفی کمپین‌ها یا محصولات خاص

آموزش مرحله به مرحله ساخت لنگر در المنتور

مرحله ۱: انتخاب ابزارک

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

مرحله ۲: قرار دادن ابزارک

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

مرحله ۳: تعریف شناسه (ID)

در تنظیمات ابزارک، یک نام یا شناسه وارد کنید. این شناسه باید یکتا باشد. برای مثال اگر شناسه را features قرار دهید، آدرس شما به شکل #features خواهد بود.

مرحله ۴: ایجاد لینک به شناسه

اکنون کافی است در منو، دکمه یا حتی یک لینک متنی، آدرس #features را وارد کنید. به این ترتیب با کلیک روی لینک، کاربر به سکشن مورد نظر هدایت می‌شود.

نکات مهم برای استفاده بهتر از لنگرها

  • از شناسه‌های کوتاه و خوانا استفاده کنید (مثل about-us یا contact)

  • در شناسه‌ها از فاصله استفاده نکنید، به‌جای آن خط تیره بگذارید.

  • هر شناسه باید یکتا باشد و در یک صفحه تکرار نشود.

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

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

تفاوت لینک‌های معمولی و لنگر در سایت

ویژگی لینک معمولی لینک لنگر
مقصد صفحه‌ای دیگر همان صفحه
سرعت دسترسی متوسط سریع و فوری
تجربه کاربری عادی روان و کارآمد
کاربرد ناوبری بین صفحات حرکت درون یک صفحه

چرا المنتور گزینه‌ای ایده‌آل برای پیاده‌سازی منوی لنگر است؟

  • رابط کاربری ساده و بدون نیاز به کدنویسی

  • امکان اتصال آسان شناسه‌ها به دکمه یا آیتم‌های منو

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

  • سازگاری با موبایل و تبلت

  • سرعت بالا و هماهنگی کامل با استانداردهای سئو

نتیجه‌گیری

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

منبع : https://ofoghweb.com/list-anchor-widget-elemntor/

  • ۰۴/۰۶/۱۰
  • حامد نجفی

نظرات (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی