چگونه یک لینک برای پرش به بخش خاصی از یک صفحه ایجاد کنیم

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

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

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

توجه: اگر مشتری HubSpot هستید، این دستورالعمل ها را دنبال کنید

هایپرلینک HTML چیست؟

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

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

لینک لنگر HTML چیست؟

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

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

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

1. شی یا متنی را که می خواهید به آن پیوند دهید نام ببرید.

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

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

یک مثال

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

facebook_ads_example

حالا به مرحله بعد می رویم.

2. نامی را که انتخاب کردید انتخاب کنید و آن را در یک تگ HTML باز برای پیوند لنگر وارد کنید.

به عبارت دیگر، قسمت قرمز برچسب زیر را با نامی که در مرحله قبل انتخاب کردید جایگزین کنید:

INSERT_YOUR_OBJECT_NAME_HERE“>

 
<a id="https://blog.hubspot.com/marketing/facebook_ads_example">

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

این مکان پیوند را تنظیم می کند. اکنون کد شما باید به این صورت باشد:

شیئی که می خواهید به آن متصل شوید.

یک مثال

 
<a id="facebook_ads_example">This is the Facebook ad example I want to link to.</a>

4. یک لینک ایجاد کنید که شما را به آن متن یا شیء می برد.

اکنون به قسمتی از پست بروید که می خواهید هایپرلینک باشد. شما باید یک ویژگی href معمولی اضافه کنید که مقصد لینک را نشان می دهد. با این حال، در قسمتی که معمولاً URL را وارد می‌کنید، علامت پوند (#) و سپس نام شیئی که به آن پیوند می‌دهید را وارد می‌کنید. در اینجا به نظر می رسد:

<یک href=”https://blog.hubspot.com/marketing/#INSERT_YOUR_OBJECT_NAME_HERE“>برای مشاهده محتوای زیر اینجا را کلیک کنید.الف>

یک مثال

 
<a rel="noopener" target="_blank" href="https://blog.hubspot.com/marketing/#facebook_ads_example">Click here to see an example of how a company uses Facebook ads.</a>

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

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

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

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

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

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

لینک های لنگر را به راحتی ایجاد کنید

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

(سلام به افراد کنجکاو معرفی! اینجا را کلیک کنید تا به جایی که ترک کردید برگردید.)

یادداشت سردبیر: این پست در ابتدا در جولای 2022 منتشر شد و برای تازگی، دقت و جامعیت به روز شده است.