learn

لینک چیست؟ انواع پیوند و کاربرد درست ویژگی rel

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

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

ساختار لینک چیست؟

در نمونهٔ زیر، href نشانی مقصد و «راهنمای انتخاب هاست» متن قابل‌مشاهده است. دامنهٔ example.com صرفاً برای مثال استفاده شده و مقصد خدمات واقعی نیست.

<a href="https://example.com/hosting-guide">راهنمای انتخاب هاست</a>

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

داخلی، خارجی و بک‌لینک

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

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

follow و nofollow چه تفاوتی دارند؟

برای یک پیوند عادی، افزودن rel=”follow” یا rel=”dofollow” لازم نیست؛ این عبارت‌ها فرمان استاندارد ساخت لینک عادی نیستند. nofollow رابطهٔ خاصی را به موتور جستجو اعلام می‌کند، اما دکمهٔ جلوگیری قطعی از ایندکس مقصد نیست. مقصد ممکن است از مسیر دیگری کشف شود.

طبق راهنمای روابط لینک Google، sponsored برای پیوند تبلیغاتی یا پولی و ugc برای محتوای ساخته‌شده توسط کاربران، مانند نظرها، کاربرد دارد. چند مقدار را می‌توان کنار هم نوشت. sponsored به معنی خرید تبلیغ از Google Ads یا نمایش خودکار برچسب تبلیغ در صفحه نیست.

<a href="https://example.com/offer" rel="sponsored">پیشنهاد تبلیغاتی</a>

noopener و noreferrer مربوط به چه هستند؟

این ویژگی‌ها را با دستورهای ایندکس اشتباه نگیرید. noopener ارتباط window.opener را محدود می‌کند تا صفحهٔ بازشده به پنجرهٔ مبدأ از آن مسیر دسترسی نداشته باشد. این ویژگی ربات را داخل سایت نگه نمی‌دارد.

noreferrer ارسال سرآیند Referer را حذف می‌کند و اثر noopener را هم دارد؛ همهٔ اطلاعات هویتی یا شبکه‌ای کاربر را پنهان نمی‌کند. اگر بازشدن تب جدید واقعاً لازم است، مقدار درست target برابر _blank است:

<a href="https://example.com/reference" target="_blank" rel="noopener">مرجع آموزشی؛ بازشدن در تب جدید</a>

سایر روابط و برداشت‌های نادرست

در مرجع rel در MDN، bookmark رابطه با نشانی پایدار مقاله را بیان می‌کند؛ چیزی را خودکار در علاقه‌مندی‌های مرورگر ذخیره نمی‌کند. alternate نسخهٔ جایگزین را معرفی می‌کند و خودش ترجمه نمی‌سازد. tag نیز رابطهٔ برچسبی است، نه روش تضمینی افزایش رتبه با کلمهٔ کلیدی.

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

مطالعهٔ مرتبط

بازبینی فنی: ۱۳ آبان ۱۴۰۵. تاریخ انتشار اولیه و نشانی قبلی حفظ شده‌اند.

مطالب مرتبط

ارسال نظر

فهرست مطالب