تگ Alt که به عنوان متن جایگزین یا ویژگی alt هم شناخته می‌شود، توضیح کوتاهی از یک تصویر است که در کد HTML ظاهر می‌شود. این به موتورهای جستجو و خوانندگان صفحه نمایش کمک می‌کند تا بفهمند تصویر دربارهٔ چیست و چگونه با محتوای صفحهٔ وب ارتباط دارد. در این مقاله توضیح خواهیم داد که تگ alt چیست، چرا برای سئو و دسترسی به وب اهمیت دارد، یک تگ alt خوب چه ویژگی‌هایی دارد و چگونه از تگ alt در رسانه‌های اجتماعی استفاده کنیم.
فهرست مطالب
تگ Alt چیست؟
تگ Alt تکه‌ای از متن است که می‌توانید با استفاده از ویژگی Alt به تگ تصویر در HTML اضافه کنید. مثلا:
<img src=”motorcycle-sunset.png” alt=”مردی با پیراهن چهارخانه مشکی و قرمز سوار بر موتورسیکلت نارنجی در غروب آفتاب.”/>
ویژگی alt یک متن جایگزین برای تصویر فراهم می‌کند، در صورتی که تصویر به درستی بارگیری یا نمایش داده نشود. همچنین به صفحه‌خوان‌ها، که برنامه‌های نرم‌افزاری هستند که متن یک صفحه وب را با صدای بلند می‌خوانند، کمک می‌کند تا تصویر را برای کاربران کم‌بینا توصیف کنند.
تگ Alt با عنوان یا عنوان تصویر یکسان نیست. عنوان تصویر ویژگی دیگری است که می‌توانید با استفاده از ویژگی «title» به تگ تصویر اضافه کنید. زمانی که کاربر ماوس خود را روی یک تصویر می‌برد، به‌عنوان یک متن پاپ‌آپ نمایش داده می‌شود. کپشن متنی است که با یک تصویر، معمولاً در زیر آن ظاهر می‌شود و اطلاعات یا جزئیات بیشتری در مورد آن ارائه می‌کند.
چرا باید از تگ Alt در تصاویر استفاده کنیم؟
تگ Alt اهداف و مزایای متعددی برای کاربران و صاحبان وب‌سایت دارد. برخی از دلایل اصلی برای استفاده از تگ alt در تصاویر عبارتند از:
بهبود دسترسی به وب
دسترسی به وب یعنی وب‌سایت خود را برای همه، صرف‌نظر از توانایی‌ها یا ناتوانی‌هایشان، قابل استفاده و لذت‌بخش کنید. تگ Alt کمک می‌کند تا اطمینان حاصل شود که تصاویر وب‌سایت شما برای افرادی که از صفحه‌خوان‌ها استفاده می‌کنند یا دارای بینایی کم، کور رنگی یا سایر اختلالات بینایی هستند، قابل دسترسی است.
هنگامی که یک صفحه‌خوان با تصویری در یک صفحهٔ وب مواجه می‌شود، تگ alt را با صدای بلند می‌خواند تا تصویر را توصیف کند. اگر تگ alt وجود نداشته باشد، صفحه‌خوان ممکن است به جای آن نام فایل تصویر را با صدای بلند بخواند، که ممکن است برای کاربر معنی‌دار یا مفید نباشد.
به عنوان مثال، اگر نام فایل تصویری شما “DSC_1234.jpg” است، صفحه‌خوان چیزی شبیه “تصویر DSC زیر خط یک دو سه چهار نقطه jpg” می‌گوید. این چیزی در مورد تصویر یا زمینهٔ آن در صفحهٔ وب به کاربر نمی‌گوید.
با این حال، اگر یک تگ alt را به تصویر خود اضافه کنید، مانند “گروهی از مردم خندان که دست در دست یکدیگر در مقابل آبشار قرار دارند”، صفحه خوان چیزی شبیه “تصویر: گروهی از مردم خندان که دست در دست هم در مقابل یک آبشار قرار دارند” می‌گوید. این به کاربر کمک می‌کند تا آنچه تصویر مربوط به آن است و با محتوای صفحهٔ وب مرتبط است، درک کند.
بهبود رتبه‌بندی موتورهای جستجو (Seo)
تگ Alt یک عامل مهم برای سئو (بهینه‌سازی موتور جستجو) است که روند بهبود دید و ارتباط وب‌سایت شما در موتورهای جستجو مانند گوگل است. تگ Alt به موتورهای جستجو کمک می‌کند تا بفهمند تصاویر شما در مورد چیست و چگونه با محتوای صفحهٔ وب شما ارتباط دارند.
موتورهای جستجو از تگ alt به عنوان یکی از سیگنال‌ها استفاده می‌کنند تا تعیین کنند صفحهٔ وب شما در چه موردی است و چقدر مرتبط با جستجوی کاربر است. با افزودن برچسب‌های alt مرتبط و توصیفی به تصاویر خود، می‌توانید به موتورهای جستجو کمک کنید تا صفحهٔ وب خود را برای کلمات کلیدی مورد نظرتان فهرست‌بندی و رتبه‌بندی کنند.
همچنین تگ Alt می‌تواند به نمایش تصاویر شما در Google Images کمک کند. گوگل ایمیج یک موتور جستجوی جداگانه است که به کاربران امکان می‌دهد تصاویر مربوط به عبارات جستجوی خود را پیدا کنند. Google Images می‌تواند ترافیک قابل توجهی را به وب‌سایت شما برساند، به خصوص اگر تصاویر شما منحصربه‌فرد، با کیفیت بالا و مرتبط با جایگاه شما باشد.
برای بهینه‌سازی تصاویر خود برای Google Images، باید از نام فایل‌های توصیفی، زیرنویس‌ها، عناوین و متن برای تصاویر خود استفاده کنید. همچنین باید از قالب‌ها، اندازه‌ها و تکنیک‌های فشرده‌سازی مناسب استفاده کنید تا تصاویرتان سریع‌تر بارگذاری شوند و پهنای باند کمتری مصرف کنند.
ویژگی‌های یک تگ Alt خوب
برای نوشتن تگ‌های جایگزین موثر برای تصاویر خود، باید بهترین شیوه‌ها و دستورالعمل‌ها را دنبال کنید. برخی از ویژگی‌های یک تگ alt خوب شامل موارد زیر است:
– مشخص و توصیفی بنویسید: هدف از تگ alt توصیف تصویر است، بنابراین باید تا حد امکان خاص باشید. مثلاً به جای نوشتن «سگ» بنویسید «لابرادور رتریور قهوه‌ای با قلاده آبی».
– مختصر بنویسید: نیازی نیست که تگ alt خود را یک پاراگراف طولانی بنویسید. ۱۲۵ کاراکتر یا کمتر را هدف قرار دهید، چون برخی از صفحه‌خوان‌ها ممکن است متن‌های طولانی‌تر را قطع کنند.
– از کلمات کلیدی کم استفاده کنید. می‌توانید از کلمات کلیدی مرتبط با صفحهٔ وب و جایگاه شما در تگ‌های alt خود استفاده کنید، اما در این کار زیاده‌روی نکنید. پر کردن کلمات کلیدی یا استفادهٔ بیش از حد از کلمات کلیدی به روشی غیرطبیعی، می‌تواند به سئو و تجربهٔ کاربری شما آسیب برساند. از کلمات کلیدی فقط زمانی استفاده کنید که منطقی باشند و به تگ alt شما ارزش اضافه کنند.
– از اضافه‌کاری خودداری کنید. همان اطلاعاتی را که قبلاً در نام فایل تصویر، عنوان یا متن اطراف وجود دارد، تکرار نکنید. برچسب جایگزین شما باید اطلاعات جدید و مفیدی را ارائه دهد که در جای دیگری در دسترس نیست.
– از “تصویر” یا “تصویر از” در ابتدای تگ استفاده نکنید. این غیرضروری و زائد است، چون خوانندگان صفحه و موتورهای جستجو از قبل می‌دانند که این یک تصویر است. فقط با توضیحات تصویر شروع کنید.
– از تگ alt برای تصاویر تزئینی استفاده نکنید. اگر تصویر شما صرفاً تزئینی است و هیچ اطلاعات یا معنایی را منتقل نمی‌کند، می‌توانید ویژگی alt را خالی بگذارید یا از `alt=””` استفاده کنید. این به خوانندگان صفحه و موتورهای جستجو می‌گوید که تصویر را نادیده بگیرند.
نحوهٔ استفاده از تگ Alt در رسانه‌های اجتماعی
تگ Alt نه تنها برای وب‌سایت‌ها، بلکه برای پلتفرم‌های رسانه‌های اجتماعی هم مفید است. بسیاری از پلتفرم‌های رسانه‌های اجتماعی مانند فیسبوک، توییتر، اینستاگرام و لینکدین به شما این امکان را می‌دهند که هنگام آپلود تصاویر، برچسب‌های alt را به آن‌ها اضافه کنید. این می‌تواند به بهبود دسترسی و سئوی پست‌های رسانه‌های اجتماعی شما کمک کند.
برای افزودن تگ alt به تصاویر خود در شبکه‌های اجتماعی، می‌توانید مراحل زیر را دنبال کنید:
– فیسبوک: وقتی تصویری را در فیس بوک آپلود می‌کنید، روی دکمهٔ «ویرایش» روی تصویر کلیک کنید. سپس بر روی گزینه “Alt Text” در سمت راست صفحه کلیک کنید. سپس می‌توانید تگ alt خود را در کادر ظاهر شده بنویسید.
– توییتر: وقتی تصویری را در توییتر آپلود می‌کنید، روی دکمهٔ «افزودن توضیحات» در گوشهٔ سمت راست پایین تصویر کلیک کنید. سپس می‌توانید تگ alt خود را در کادر ظاهر شده بنویسید.
– اینستاگرام: وقتی تصویری را در اینستاگرام آپلود می‌کنید، روی گزینهٔ «تنظیمات پیشرفته» در پایین صفحه ضربه بزنید. سپس بر روی گزینه “Write Alt Text” ضربه بزنید. می‌توانید تگ alt خود را در کادر ظاهر شده بنویسید.
– لینکدین: وقتی تصویری را در لینکدین آپلود می‌کنید، روی دکمهٔ «افزودن توضیحات» در گوشهٔ سمت راست پایین تصویر کلیک کنید. سپس تگ alt خود را در کادر ظاهر شده بنویسید.
جمع‌بندی
تگ Alt یک راه ساده اما قدرتمند برای دسترسی بیشتر به تصاویر و بهبود سئو است. با افزودن برچسب‌های جایگزین مرتبط و توصیفی به تصاویر خود، می‌توانید تجربهٔ کاربری و تعامل پست‌های وب‌سایت و رسانه‌های اجتماعی خود را بهبود ببخشید.
تگ Alt نه تنها بهترین روش است، بلکه یک الزام برای استانداردها و مقررات دسترسی به وب، مانند دستورالعمل‌های دسترسی به محتوای وب (WCAG) و قانون آمریکایی‌های دارای معلولیت (ADA) است. با استفاده از تگ alt می‌توانید اطمینان حاصل کنید که وب‌سایت شما با این استانداردها و مقررات مطابقت دارد و از شکایت‌ها یا مجازات‌های احتمالی جلوگیری کنید.
امیدواریم این مقاله به شما کمک کرده باشد که بفهمید تگ alt چیست، چرا مهم است، ویژگی‌های یک تگ alt خوب چیست و چگونه از تگ alt در رسانه‌های اجتماعی استفاده کنید. اگر سوال یا بازخوردی دارید، در قسمت کامنت‌ها مطرح کنید.
