تگ <a>
یکی از پرکاربردترین تگها در HTML است که برای ایجاد لینک یا همان ابرپیوند (Hyperlink) استفاده میشود. این تگ میتواند به صفحات دیگر، فایلها، بخشهای خاصی از همین صفحه یا حتی به آدرسهای ایمیل لینک دهد.
در این مقاله به بررسی مهمترین صفات (attributes) تگ <a>
میپردازیم و نشان میدهیم چگونه با استفاده صحیح از آنها میتوان هم تجربه کاربر را بهبود داد و هم به سئوی سایت کمک کرد.
1. صفت href در تگ a
href مهمترین صفت یا اتریبیوت تگ <a>
است که آدرس مقصد را مشخص میکند.
- آدرس کامل یا نسبی صفحه مقصد در مقدار href نوشته میشود.
- بدون این صفت، تگ لینک عملکردی ندارد.
<a href="https://bugeto.net">رفتن به سایت باگتو</a>
2. صفت target در تگ a
این صفت مشخص میکند لینک در کجا باز شود.
_blank
: باز شدن لینک در تب یا پنجره جدید_self
: باز شدن در همان تب فعلی (پیشفرض)_parent
: باز شدن در فریم والد_top
: باز شدن در بالاترین سطح فریم
<a href="https://bugeto.net" target="_blank">مشاهده در تب جدید</a>
3. صفت download در تگ a
برای دانلود مستقیم فایل از طریق لینک استفاده میشود.
- مقدار آن میتواند نام فایل نهایی باشد.
<a href="/files/brochure.pdf" download="bugeto-brochure.pdf">دانلود بروشور</a>
4. صفت rel در تگ a
این اتریبیوت نوع رابطهی بین صفحه فعلی و لینک مقصد را مشخص میکند.
alternate
: نسخه جایگزین صفحهauthor
: لینک به نویسندهbookmark
: پرش به بخش خاصی از صفحهhelp
: لینک به راهنماlicense
: لینک به لایسنس محتواnext
: لینک به مقاله یا بخش بعدیprev
: لینک به مقاله یا بخش قبلیnofollow
: جلوگیری از دنبال شدن توسط موتور جستجوsearch
: لینک به جستجوtag
: لینک به برچسب
<a href="https://example.com" rel="nofollow" target="_blank">لینک تبلیغاتی</a>
5. صفت hreflang در تگ a
مشخصکننده زبان محتوای مقصد برای لینکهای بینالمللی.
<a href="https://bugeto.net/en/article" hreflang="en">Read this article in English</a>
6. صفت type در تگ a
مشخصکننده نوع MIME مقصد لینک.
application/pdf
image/png
video/mp4
<a href="/files/doc.pdf" type="application/pdf">دانلود فایل PDF</a>
✅ نتیجهگیری
تگ <a>
یکی از مهمترین عناصر HTML است. استفادهی درست از صفات آن، بهویژه href
، target
، rel
و download
، تجربه کاربر را بهتر و سئوی سایت را تقویت میکند.
اگر قصد دارید سایت حرفهای و بهینه داشته باشید، توجه به جزئیات HTML و لینکسازی اصولی را فراموش نکنید.
برای افزودن دیدگاه خود، نیاز است ابتدا وارد حساب کاربریتان شوید