چگونه به راحتی پیوندهای لنگر را در وردپرس اضافه کنیم (مرحله به مرحله)

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

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

در این راهنمای گام به گام ، ما لینک های لنگر را توضیح می دهیم و به شما نشان می دهیم چگونه می توانید به راحتی لنگرهای لنگر را در وردپرس اضافه کنید.

Adding anchor links in WordPress

آماده هستید؟ بیایید با یک مثال زنده از پیوندهای لنگر شروع کنیم.

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

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

به تصویر متحرک زیر نگاه کنید:

Anchor link preview

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

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

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

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

بهترین راه برای انجام این کار کمک به آنها در دیدن سریع اطلاعاتی است که به دنبال آن می گردند.

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

پیوندهای Anchor همچنین برای WordPress SEO a > Google می تواند یک پیوند لنگر را در نتایج جستجو به عنوان “پرش به پیوند” نمایش دهد.

Jump to link in search results

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

Multiple jump to links below a search result

با گفتن این مطلب ، بیایید نگاهی به چگونگی اضافه کردن آسان پیوندهای لنگر در وردپرس بیاندازیم.

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

اساساً شما باید دو مورد اضافه کنید تا متن لنگر مطابق هدف کار کند.

  1. قبل از متن لنگر پیوند لنگر با علامت # ایجاد کنید.
  2. ویژگی id را به متنی که می خواهید کاربر به آنجا منتقل شود اضافه کنید.

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

مرحله 1. ایجاد پیوند لنگر

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

Add a link in WordPress

با این کار پنجره درج پیوند در جایی که معمولاً URL را اضافه می کنید یا به دنبال پست یا صفحه ای برای پیوند هستید ، ظاهر می شود.

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

Creating anchor link

پس از آن بر روی دکمه enter کلیک کنید تا لینک ایجاد شود.

چند نکته مفید در انتخاب متن مورد استفاده به عنوان پیوند دهنده # پیوند:

  • از کلمات کلیدی مربوط به بخشی که به آن پیوند می دهید استفاده کنید.
  • پیوند لنگر خود را بی جهت طولانی یا پیچیده نکنید.
  • از خط فاصله برای جدا کردن کلمات و خواندن آنها بیشتر استفاده کنید.
  • برای خواندن بیشتر متن می توانید از حروف بزرگ استفاده کنید. به عنوان مثال: # بهترین-کافی شاپ-منهتن .

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

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

با نشان دادن مرورگرها به منطقه ، بخش یا متنی که می خواهید هنگام کلیک کاربران روی پیوند لنگر نشان دهید ، این مسئله را برطرف کنیم.
مرحله

مرحله 2. ویژگی ID را به بخش پیوند داده شده

اضافه کنید

در ویرایشگر محتوا ، به بخشی که می خواهید کاربر هنگام کلیک روی پیوند لنگر به آن پیمایش کند ، بروید. معمولاً عنوان یک بخش جدید است.

بعد ، برای انتخاب بلوک کلیک کنید و سپس در تنظیمات بلوک ، روی تب Advanced برای گسترش آن کلیک کنید. می توانید به سادگی روی برگه “Advanced” در زیر تنظیمات بلوک عنوان کلیک کنید.

HTML Anchor

پس از آن ، باید همان متنی را که به عنوان پیوند لنگر در قسمت “HTML Anchor” اضافه کرده اید ، اضافه کنید. مطمئن شوید که متن را بدون پیشوند # اضافه کرده اید.

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

اگر بخشی که می خواهید نشان دهید عنوان نیست بلکه فقط یک پاراگراف منظم یا هر بلوک دیگر است؟

در این صورت ، باید روی منوی سه نقطه در تنظیمات بلوک کلیک کنید و “ویرایش به عنوان HTML” را انتخاب کنید.

Edit as HTML

با این کار می توانید کد HTML مربوط به آن بلاک را ویرایش کنید. شما باید برچسب HTML را برای عنصری که می خواهید به آن نشان دهید پیدا کنید. به عنوان مثال ،

اگر یک پاراگراف است ، یا

اگر یک جدول جدول است ، و غیره.

اکنون ، شما باید لنگر خود را به عنوان ویژگی ID به آن برچسب اضافه کنید ، مانند کد زیر:

اکنون متوجه خواهید شد که این بلوک حاوی محتوای غیر منتظره یا نامعتبر است. برای حفظ تغییراتی که باید ایجاد کنید باید روی تبدیل به HTML کلیک کنید.

Convert to HTML

نحوه افزودن دستی Anchor Link به Classic Editor

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

مرحله 1. ایجاد پیوند لنگر

ابتدا متنی را که می خواهید به پیوند لنگر تغییر دهید انتخاب کنید و سپس بر روی دکمه "درج پیوند" کلیک کنید.

Adding an anchor link in Classic Editor

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

مرحله 2. ویژگی ID را به بخش پیوند داده شده

اضافه کنید

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

برای این منظور ، باید در ویرایشگر کلاسیک به حالت "متن" بروید. بعد از آن به بخشی که می خواهید نشان داده شود بروید.

Adding anchor ID in Classic Editor

اکنون برچسب HTML را که می خواهید هدف قرار دهید پیدا کنید. به عنوان مثال ،

،

،

و غیره.

لازم است که ویژگی ID را با حلقه حلقه اتصال لنگر خود بدون پیشوند # به آن اضافه کنید ، مانند این:

اکنون می توانید تغییرات خود را ذخیره کرده و بر روی دکمه پیش نمایش کلیک کنید تا پیوند لنگر خود را در عمل مشاهده کنید.

چگونه می توان به صورت دستی پیوندهای لنگر را در HTML اضافه کرد h4>

اگر شما عادت دارید در حالت Text از ویرایشگر Classic قدیمی در WordPress بنویسید ، در اینجا نحوه ایجاد دستی پیوند لنگر در HTML وجود دارد.

ابتدا باید پیوند لنگر را با استفاده از برچسب مانند پیشوند # ایجاد کنید ، مانند این:

 بهترین کافی شاپ های منهتن 

بعد ، باید به بخشی بروید که می خواهید هنگام کلیک کاربران روی پیوند نشان داده شود.

معمولاً این بخش یک عنوان است (h2 ، h3 ، h4 و ...) ، اما می تواند هر عنصر HTML دیگری یا حتی یک برچسب ساده پاراگراف

باشد.

شما باید ویژگی ID را به برچسب HTML اضافه کنید و سپس حلقه حلقه اتصال لنگر را بدون پیشوند # اضافه کنید.

بهترین کافی شاپ های منهتن h4>

اکنون می توانید برای آزمایش پیوند لنگر ، تغییرات خود را ذخیره کرده و از وب سایت خود پیش نمایش کنید.

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

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

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

برای پیکربندی تنظیمات افزونه ، به سادگی به صفحه تنظیمات »فهرست مطالب بروید.

Easy Table of Contents plugin settings

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

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

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

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

Select where and when to display table of contents

می توانید تنظیمات پیشرفته دیگر صفحه را مرور کرده و در صورت لزوم آنها را تغییر دهید.

فراموش نکنید که برای ذخیره تنظیمات خود بر روی دکمه "ذخیره تغییرات" کلیک کنید.

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

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

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

در صفحه ویرایش پست ، به پایین "فهرست مطالب" در زیر ویرایشگر بروید.

Manually add table of contents with anchor links

از اینجا می توانید گزینه "درج جدول مطالب" را علامت بزنید و عناوینی را که می خواهید به عنوان پیوندهای لنگر در آن قرار دهید انتخاب کنید.

اکنون می توانید تغییرات خود را ذخیره کرده و مقاله خود را پیش نمایش کنید. این پلاگین به طور خودکار لیستی از پیوندهای لنگر را به عنوان فهرست مطالب شما نمایش می دهد.

Table of contents preview

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

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

اگر این مقاله را دوست داشتید ، لطفاً در کانال YouTube برای آموزش های ویدئویی وردپرس. همچنین می توانید ما را در توییتر و فیس بوک .

منبع:
https://www.wpbeginner.com/beginners-guide/how-to-easily-add-anchor-links-in-wordpress-step-by-step/.

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