آیا تگ Alt تصاویر سایتتان را بهروز نگه میدارید؟
تگ Alt یا متن جایگزین، یک ویژگی HTML است که برای توصیف تصاویر در وبسایتها استفاده میشود. این تگ به موتورهای جستجو و کاربران کمک میکند تا محتوای تصاویر را درک کنند، بهویژه زمانی که تصاویر به درستی بارگذاری نمیشوند. استفاده صحیح از تگ Alt میتواند به بهبود سئو (سئو) وبسایت شما کمک کند و دسترسیپذیری آن را برای کاربران با نیازهای خاص افزایش دهد. در اینجا 16 نکته برای نوشتن تگ Alt مناسب و بهینه آورده شده است:
- ✔️
توصیف دقیق و مختصر:
متن Alt باید تصویر را به طور دقیق و مختصر توصیف کند. از زیادهگویی پرهیز کنید و فقط اطلاعات ضروری را ارائه دهید. - ✔️
بهرهگیری از کلمات کلیدی مرتبط:
در صورت امکان، از کلمات کلیدی مرتبط با محتوای صفحه و تصویر در متن Alt استفاده کنید. - ✔️
اجتناب از کلمات کلیدی بیش از حد:
از استفاده بیش از حد کلمات کلیدی (keyword stuffing) خودداری کنید، زیرا این کار میتواند به سئو وبسایت شما آسیب برساند.
- ✔️
رعایت لحن طبیعی:
متن Alt باید به زبان طبیعی و روان نوشته شود. از لحن ماشینی و غیرطبیعی پرهیز کنید. - ✔️
توجه به زمینه:
متن Alt باید با توجه به زمینه صفحه و تصویر نوشته شود. - ✔️
بهرهگیری از نقطهگذاری:
از نقطهگذاری صحیح در متن Alt استفاده کنید تا خوانایی آن افزایش یابد. - ✔️
اجتناب از کلمات “تصویر از” یا “عکس از”:
نیازی به ذکر این کلمات در متن Alt نیست. - ✔️
متن Alt خالی برای تصاویر تزئینی:
اگر تصویر صرفاً تزئینی است و هیچ اطلاعات مهمی را منتقل نمیکند، تگ Alt را خالی بگذارید (alt=""). - ✔️
بررسی تصاویر در صورت غیر فعال بودن:
مرورگرهای مختلف وقتی تصاویر غیر فعال هستند، تگ Alt را به نمایش می گذارند. بررسی کنید متن Alt به درستی کار میکند. - ✔️
برای لوگوی وبسایت:
متن Alt لوگوی وبسایت باید نام برند شما را به طور کامل ذکر کند. - ✔️
تصاویر infographic :
برای تصاویر infographic سعی کنید خلاصه ای از اطلاعات مهم را ذکر کنید. - ✔️
به روز رسانی تگ Alt :
تگ Alt تصاویر خود را به صورت دوره ای بررسی و به روز کنید تا با تغییرات محتوای صفحه همخوانی داشته باشند.
با عمل کردن به این موارد، میتوانید تگ Alt تصاویر وبسایت خود را بهینه کنید و به بهبود سئو و دسترسیپذیری آن کمک کنید. از این فرصت برای ارائه اطلاعات ارزشمند به موتورهای جستجو و کاربران خود استفاده کنید.
16 نکته کلیدی برای تگ Alt در وبسایت شما
تگ Alt چیست و چرا مهم است؟
تگ Alt یا متن جایگزین، یک ویژگی HTML است که برای توصیف تصاویر در یک وبسایت استفاده میشود. این متن در شرایطی که تصویر بارگذاری نمیشود، نمایش داده میشود و برای موتورهای جستجو و افراد دارای معلولیت بینایی، اهمیت ویژهای دارد. تگ Alt به موتورهای جستجو کمک میکند تا محتوای تصویر را درک کنند و وبسایت شما را در نتایج جستجو بهتر رتبهبندی کنند. در ضمن، برای افرادی که از صفحه خوانها استفاده میکنند، تگ Alt تنها راه فهمیدن محتوای یک تصویر است. با بهرهگیری از تگ Alt مناسب، دسترسیپذیری وبسایت خود را افزایش داده و به سئو (سئو) سایت خود نیز کمک خواهید کرد. در ادامه، 16 نکته کلیدی برای نوشتن تگ Alt بهینه را با هم بررسی میکنیم:
1. توضیحات دقیق و مرتبط بنویسید
مثلا اگر تصویر یک سیب قرمز است، تگ Alt مناسب میتواند “سیب قرمز آبدار” باشد. از کلیگویی پرهیز کنید و اطلاعات مفید و مرتبط را در تگ Alt خود بگنجانید.
2. از کلمات کلیدی استفاده کنید (اما نه بیش از حد)
اگر تصویر شما با کلمات کلیدی مرتبط با کسب و کار یا محتوای وبسایت شما مرتبط است، میتوانید از آنها در تگ Alt استفاده کنید. این کار به بهبود سئو سایت شما کمک میکند. 
اما مراقب باشید که از کلمات کلیدی بیش از حد استفاده نکنید. تگ Alt شما باید طبیعی و قابل فهم باشد، نه یک فهرست از کلمات کلیدی. مثلا اگر تصویر شما مربوط به “تورهای طبیعتگردی” است، تگ Alt میتواند “تور طبیعتگردی در جنگلهای شمال” باشد.
3. متن Alt را کوتاه و مختصر نگه دارید
سعی کنید متن Alt خود را کوتاه و مختصر نگه دارید. معمولاً طول مناسب برای متن Alt، حدود 125 کاراکتر است. اگر تصویر نیاز به توضیح بیشتری دارد، میتوانید از کپشن تصویر (caption) استفاده کنید.
4. از عبارتهای “تصویر از. . . ” یا “عکس از. . . ” خودداری کنید
نیازی نیست در تگ Alt خود عبارتهایی مانند “تصویر از. . . ” یا “عکس از. . . ” را ذکر کنید. موتورهای جستجو و صفحه خوانها به طور خودکار میدانند که شما در حال توصیف یک تصویر هستید. به جای آن، مستقیماً به توصیف محتوای تصویر بپردازید. مثلا به جای “عکس از یک گربه”، بنویسید “گربه ملوس در حال بازی با توپ”.
5. از علائم نگارشی غیرضروری استفاده نکنید
در تگ Alt خود از علائم نگارشی غیرضروری مانند نقطه، ویرگول، یا علامت تعجب خودداری کنید. تگ Alt باید به صورت یک عبارت کوتاه و روان نوشته شود. مثلا به جای “گل، قرمز، زیبا!” بنویسید “گل قرمز زیبا”.
6. برای تصاویر تزئینی، تگ Alt را خالی بگذارید
اگر تصویری صرفاً جنبه تزئینی دارد و هیچ اطلاعات مفیدی را ارائه نمیدهد، تگ Alt آن را خالی بگذارید (alt=””) این کار به صفحه خوانها اطلاع میدهد که این تصویر مهم نیست و نباید آن را برای کاربر توصیف کنند. این کار به بهبود تجربه کاربری برای افراد دارای معلولیت بینایی کمک میکند. 
مثلا اگر یک تصویر حاشیه تزئینی در صفحه خود دارید، تگ Alt آن را خالی بگذارید.
7. در صورت امکان، متن Alt را بومیسازی کنید
اگر وبسایت شما چند زبانه است، متن Alt تصاویر خود را نیز به زبانهای مختلف ترجمه کنید. این کار باعث میشود تا کاربران با زبانهای مختلف، بتوانند از تصاویر شما به درستی استفاده کنند. در ضمن، به بهبود سئو سایت شما در زبانهای مختلف کمک میکند.
8. از نام فایل تصویر به عنوان تگ Alt استفاده نکنید
نام فایل تصویر معمولاً توصیفی نیست و اطلاعات مفیدی را ارائه نمیدهد. پس، از نام فایل تصویر به عنوان تگ Alt استفاده نکنید. مثلا به جای بهرهگیری از “IMG_1234.jpg” به عنوان تگ Alt، یک توصیف دقیق بنویسید. همیشه یک توصیف مناسب برای تصویر خود بنویسید.
9. به بافت و زمینه تصویر توجه کنید
تگ Alt شما باید با بافت و زمینه تصویر مرتبط باشد. به این معنی که توصیف شما باید با محتوای صفحه و هدف کلی وبسایت شما همخوانی داشته باشد. مثلا اگر تصویر یک محصول در یک فروشگاه آنلاین است، تگ Alt باید شامل نام محصول و اطلاعات مرتبط با آن باشد. به مخاطبان خود فکر کنید و تگ Alt را بر اساس نیازهای آنها بنویسید.
10. از تکرار یکسان در تصاویر مختلف خودداری کنید
اگر در وبسایت خود از چندین تصویر مشابه استفاده میکنید، سعی کنید تگ Alt آنها را کمی متفاوت کنید. این کار از نظر سئو بهتر است و به موتورهای جستجو کمک میکند تا تصاویر شما را بهتر درک کنند. تنوع در تگ Alt به وبسایت شما کمک می کند تا در نتایج جستجو مرتبط تر دیده شود. مثلا به جای تکرار “منظره کوهستانی” برای چندین تصویر، از “منظره کوهستانی با درختان کاج”، “منظره کوهستانی در غروب آفتاب” و غیره استفاده کنید.
11. برای تصاویر حاوی متن، متن داخل تصویر را در تگ Alt وارد کنید
اگر تصویر شما حاوی متن است، حتماً آن متن را در تگ Alt خود وارد کنید. این کار به صفحه خوانها کمک میکند تا متن داخل تصویر را برای کاربر بخوانند. مثلا اگر تصویر شما یک دکمه با متن “همین حالا ثبت نام کنید” است، تگ Alt را “همین حالا ثبت نام کنید” قرار دهید. این کار برای دسترسیپذیری وبسایت شما بسیار مهم است.
12. تگ Alt را برای دکمهها و لینکهای تصویری نیز اضافه کنید
اگر از دکمهها یا لینکهای تصویری استفاده میکنید، حتماً تگ Alt مناسب را برای آنها اضافه کنید. متن Alt باید هدف دکمه یا لینک را به طور واضح توصیف کند. مثلا اگر تصویر شما یک دکمه برای خرید محصول است، تگ Alt را “خرید این محصول” قرار دهید. این کار به کاربران کمک میکند تا بدانند با کلیک بر روی تصویر چه اتفاقی خواهد افتاد.
13. تگ Alt را برای اینفوگرافیکها به درستی بنویسید
اینفوگرافیکها معمولاً حاوی اطلاعات زیادی هستند. پس، نوشتن تگ Alt مناسب برای آنها میتواند چالشبرانگیز باشد. سعی کنید خلاصه ای از موضوع اصلی اینفوگرافیک را در تگ Alt ذکر کنید. در صورتی که اینفوگرافیک بسیار پیچیده است، بهتر است یک توضیح کاملتر در کپشن تصویر یا در متن صفحه ارائه دهید. هدف این است که به کاربر دید کلی از محتوای اینفوگرافیک بدهید.
14. از ابزارهای بررسی تگ Alt استفاده کنید
ابزارهای مختلفی وجود دارند که میتوانند به شما در بررسی تگ Alt تصاویر وبسایتتان کمک کنند. این ابزارها میتوانند به شما در یافتن تصاویر بدون تگ Alt یا تصاویر با تگ Alt نامناسب کمک کنند. این ابزارها به بهبود سئو و دسترسیپذیری وبسایت شما کمک میکنند.
15. به طور منظم تگهای Alt وبسایت خود را بررسی و بهروزرسانی کنید
تگهای Alt وبسایت شما باید به طور منظم بررسی و بهروزرسانی شوند. ممکن است با گذشت زمان، اطلاعات موجود در تگ Alt قدیمی شده یا نیاز به تغییر داشته باشد. این کار به بهبود مداوم سئو و تجربه کاربری وبسایت شما کمک میکند.
16. از قانون “اگر تصویر ارزش سئو دارد، Alt بدهید” استفاده کنید
به عنوان یک قاعده کلی، هر تصویری که به سئو سایت شما کمک می کند، باید دارای تگ Alt مناسب باشد. این بدان معناست که تصاویری که مرتبط با کلمات کلیدی شما هستند یا به ارائه اطلاعات مهم کمک می کنند، باید در اولویت قرار گیرند. به این فکر کنید که یک موتور جستجو یا کاربر نابینا از دیدن این تصویر چه چیزی می خواهد یاد بگیرد؟
