نحوه ایجاد انکر لینک در وردپرس چگونه است؟

به‌عنوان صاحب یک کسب‌وکار آنلاین، همواره باید دنبال راهکارهایی برای ارتقاء رضایت کاربران در وب‌سایت وردپرسی خود باشید و یکی از شاخص‌های کلیدی در این خصوص، نرخ پرش (Bounce Rate) است. نرخ پرش بالا لزوماً به معنای بروز مشکل نیست. میانگین نرخ پرش در سطح جهانی حدود ۵۰.۹ درصد برآورد شده است و این مقدار با توجه به حوزه فعالیت می‌تواند متغیر باشد. به‌عنوان نمونه، در وب‌سایت‌های فروشگاهی، میانگین نرخ پرش حدود ۵۴.۵۴ درصد گزارش شده است.

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

لینک یا Hyperlink چیست؟

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

هر لینک از دو بخش اصلی یعنی متن قابل مشاهده یا انکر (Anchor Text) و آدرس مقصد (URL) تشکیل می‌شود. برای نمونه، در عبارت «برای خرید هاست به وب سایت ما مراجعه کنید»، بخش زیرخط‌دار "وب سایت ما" به‌عنوان متن انکر شناخته می‌شود.

در زبان HTML، این لینک به‌صورت زیر نوشته خواهد شد:

<a href="https://www.example.com/">وب سایت ما</a>

تصویر(1)

انکر لینک (Anchor Links) چیست؟

لینک‌های انکر (Anchor Links) که معمولاً با نام‌هایی مانند Page Jumps یا Jump Links نیز شناخته می‌شوند، ابزاری کاربردی برای جابجایی در صفحات وب سایت هستند. بر خلاف لینک‌های داخلی و خارجی، انکر لینک کاربر را در همان صفحه نگه می‌دارد و تنها او را به بخشی مشخص هدایت می‌کند.

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

چرا باید از لینک‌های انکر استفاده کنید؟

درج لینک‌های انکر در مقالات و صفحات شما، تغییر کوچکی است اما می‌تواند تأثیر قابل توجهی مانند موارد زیر داشته باشد:

• بهبود تجربه کاربری (UX): لینک‌های انکر، منوها و ساختار ناوبری وب‌سایت را ساده می‌کنند و به کاربران امکان می‌دهند سریعا محتوای موردنظر خود را پیدا کنند. تجربه کاربری خوب موجب جلب رضایت بازدیدکنندگان و افزایش احتمال ماندگاری آنها در وب‌سایت می‌شود.

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

تصویر(2)

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

• دسترسی‌پذیری و واکنش‌گرایی: ابزارهای ناوبری می‌توانند کمک بزرگی به افرادی که آن را نیاز دارند، ارائه دهند. لینک‌های انکر، به بازدیدکنندگان در دستگاه‌های موبایل با صفحه نمایش کوچک کمک می‌کنند تا به راحتی یک صفحه طولانی را مرور نمایند.

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

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

در ادامه چند ایده برای تعیین محل قرارگیری لینک‌های انکر درون وب‌سایت ارائه شده است:

• جدول محتوا (ToC): در صفحات طولانی که با سرفصل‌های مختلف تقسیم شده‌اند، داشتن یک جدول محتوا که بتواند کاربر را مستقیماً به هر بخش هدایت کند، ایده خوبی است.

• لیست‌ها و فهرست‌ها: هنگامی که یک متن شامل بخش‌های متعدد می باشد، مانند فهرست یا صفحه پرسش‌های متداول (FAQ)، می توانید لینک‌های انکر را تنظیم نمایید تا به هر بخش اشاره کنند.

• بازگشت به بالا یا پایین: یک لینک سریع که کاربران را به بالای صفحه یا پایین آن می‌برد، اغلب مورد استقبال قرار می‌گیرد، به‌ویژه اگر منو یا هدر ثابت (Sticky Header) نداشته باشید.

• هدایت به CTA: کاربران را به CTA های مهم هدایت کنید. برای مثال، می توانید کاربران را مستقیماً به فرم تماس سایت خود منتقل نمایید.

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

تصویر(3)

چالش‌های استفاده از لینک‌های انکر

با اینکه لینک‌های انکر مفید هستند اما باید آنها را به‌درستی پیاده‌سازی کنید، در غیر این صورت ممکن است تجربه کاربری (UX)، سئو (SEO) و دسترسی‌پذیری (Accessibility) تحت تأثیر قرار گیرد. بنابراین به مسائل احتمالی زیر توجه داشته باشید:

• آسیب به سئو: لینک‌ها برای سئو حیاتی هستند و لینک‌های انکر نیز مستثنی نیستند. با این حال، لینک‌ها باید به شیوه‌ای خاص استفاده شوند تا رتبه موتور جستجو را بهبود دهند. متن انکر ضعیف یا کد HTML غیرقابل خزش، می‌تواند به سئو آسیب بزند.

• شلوغی URL: لینک‌های انکر نامرتب می‌توانند URL را شلوغ کنند. URL های منظم، تجربه کاربری بهتری ارائه می‌دهند.

• مشکلات دسترسی‌پذیری: با اینکه لینک‌های پرش (jump links) می‌توانند به دسترسی‌پذیری کمک کنند اما اگر مطابق با راهنمای WCAG (Web Content Accessibility Guidelines) پیاده‌سازی نشوند، ممکن است مشکل‌ ایجاد نمایند.

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

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

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

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

نحوه ایجاد انکر لینک در وردپرس

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

ایجاد انکر لینک در ویرایشگر بلوک گوتنبرگ

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

گام ۱: بلوکی که می‌خواهید به آن پرش کنید را اضافه نمایید
این بلوک می‌تواند یک هدر، بلوک پاراگراف، تصویر یا هر چیز دیگری باشد.

تصویر(4)

گام ۲: برگه تنظیمات را باز کرده و منوی "پیشرفته" را انتخاب کنید
برگه تنظیمات در گوشه بالا سمت چپ قرار دارد و منوی "پیشرفته" در زیرمجموعه آن قابل مشاهده است.

گام ۳: فیلد ورود "لنگر HTML" را بیابید
این گزینه در تب "پیشرفته" قرار دارد. اگر آن را مشاهده نکردید، بلوک دیگری مانند تیتر را امتحان کنید. در بخش لنگر HTML، یک نام وارد نمایید که از لینک های انکر دیگر در صفحه متمایز باشد. همچنین می‌توانید از برخی نمادها مانند خط تیره و نقطه استفاده کنید. به یاد داشته باشید که این نام هنگام کلیک روی انکر لینک در URL ظاهر خواهد شد.

گام ۴: به انکر خود لینک دهید
برای این کار، متن، تصویر یا دکمه‌ای را که می‌خواهید به لینک قابل کلیک تبدیل شود، انتخاب کنید. آن را هایلایت کرده و با انتخاب دکمه لینک، نام لنگر HTML که قبلاً تعیین کرده‌اید را با یک هشتگ (#) در ابتدای آن، وارد کنید. برای مثال، اگر تگ انکر "انکر لینک 1" است، "#انکر لینک 1" صحیح خواهد بود.

تصویر(5)

افزودن لینک‌های انکر در ویرایشگر کلاسیک (Classic Editor)

اگر ویرایشگر کلاسیک را ترجیح می‌دهید، ایجاد لینک‌های انکر در آن نیز امکان‌پذیر است. 

گام ۱: تغییر به ویرایشگر کد
در گوشه بالا سمت راست ناحیه ویرایش، دو تب "دیداری" و "کد" وجود دارد. روی "کد" کلیک کنید تا به ویرایشگر کد منتقل شوید.

گام ۲: افزودن شناسه انکر (Anchor ID)
عنصری که می‌خواهید به آن پرش کنید را بیابید. در این مثال، از یک تیتر به شکل زیر استفاده شده است:

<h2>Anchor Link 2</h2>

یک تگ id با نام موردنظر برای انکر اضافه کنید. به صورت زیر:

<h2 id="anchor-link-two">Anchor Link 2</h2>

تصویر(6)

سپس لازم است تگ شناسه انکر را از طریق HTML در ویرایشگر کلاسیک اضافه کنید.
همچنین می‌توانید از این تگ id در بیشتر ویژگی‌های HTML مشابه استفاده نمایید. برای مثال در یک پاراگراف معمولی به صورت زیر خواهد بود:

<p id="anchor-link-two">Anchor Link 2</p>

گام ۳: لینک دادن به انکر
به ویرایشگر "دیداری" بازگردید و عنصری که کاربران باید روی آن کلیک کنند تا به بخش مورد نظر هدایت شوند را اضافه کنید.
آن را هایلایت و دکمه لینک را انتخاب کرده و شناسه انکر که قبلاً تعیین کرده‌اید را با هشتگ (#) در ابتدای آن وارد کنید. در این مثال anchor-link-two# می باشد.

تصویر(7)

ایجاد لینک‌های انکر به‌صورت دستی با HTML

به‌طور مشابه، می‌توانید با HTML یک انکر لینک ایجاد کنید.

گام ۱: ایجاد تگ انکر
ابتدا نام انکر را تعیین نمایید. می‌توانید از تگ HTML id استفاده کنید که تقریباً در هر بخشی قابل تنظیم است. برای نمونه:

<a id="anchor-example"></a>
<h1 id="anchor-example">Heading example</h1>
<p id="anchor-example">Example text.</p>
<span id="anchor-example"></span>

گام ۲: لینک دادن به تگ انکر
یک لینک ایجاد کنید که هنگام کلیک به انکری که مشخص کرده‌اید پرش کند. حتماً از نماد هشتگ (#) قبل از شناسه استفاده کنید. برای مثال:

<a href="#anchor-example">Example link.</a>

گام ۳: درج کد HTML
وردپرس امکان ویرایش HTML در بخش‌های مختلف وب‌سایت را فراهم می‌کند:

تصویر(8)

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

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

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

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

گام ۲: افزودن انکر لینک به منو
در داشبورد وردپرس به مسیر Appearance > Menus مراجعه کنید. یک منو ایجاد کرده و سپس از منوی کشویی Custom Links شناسه انکر را با هشتگ وارد نمایید و روی Add to Menu کلیک کنید.

گام ۳: تنظیم شرایط نمایش
پس از ایجاد منو، به تب Manage Locations بروید. در یکی از موقعیت‌های منو، + Conditional menu و سپس + Conditions را انتخاب کنید. شرایط را تنظیم نمایید تا منو فقط در صفحات مشخص نمایش داده شود.

تصویر(9)

استفاده از افزونه وردپرس برای افزودن لینک‌های انکر

اگر تمام روش‌های فوق زمان‌بر هستند، می‌توانید یک افزونه نصب کنید. افزونه‌های زیادی برای ایجاد لینک‌های انکر، از جمله لینک‌های بازگشت به بالا، موجود هستند. یکی از بهترین‌ها، Easy Table of Contents می باشد. این افزونه با ویرایشگر گوتنبرگ، کلاسیک و حتی صفحه‌سازها سازگار است. 

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

اکنون که نحوه ایجاد انکر لینک در وردپرس را می‌دانید، نکات زیر را برای اجرای بهینه آن دنبال کنید:

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

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

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

تصویر(10)

4. لینک‌های انکر را تست کنید
لینک‌های انکر را به‌طور منظم، خصوصا پس از بروزرسانی محتوا یا تغییر تیترها، تست نمایید. آنها را در دستگاه‌ها و مرورگرهای مختلف، از جمله صفحه‌خوان‌ها، امتحان کنید.

جمع‌بندی

بهبود تجربه کاربری همیشه هدف خوبی است. کاربران خوشحال، مدت زمان بیشتری در سایت می‌مانند، صفحات زیادی را مرور می‌کنند و احتمالاً به مشتریان وفادار تبدیل می‌شوند. لینک‌های انکر، اگرچه یک ویژگی جزئی هستند اما می‌توانند تأثیر قابل توجهی داشته باشند و یکی از راه‌های کوچک اما مؤثر برای بهبود تجربه کاربری در وب‌سایت وردپرسی شما محسوب می‌شوند.