تگ Alt یا متن جایگزین، عنصری حیاتی در HTML است که به موتورهای جستجو و کاربرانی که به دلایلی نمی‌توانند تصویر را ببینند، کمک می‌کند تا محتوای آن را درک کنند. استفاده صحیح از تگ Alt نه تنها سئوی سایت شما را بهبود می‌بخشد، بلکه دسترسی‌پذیری آن را نیز افزایش می‌دهد. در این پست، 14 تکنیک کاربردی برای نوشتن تگ Alt مؤثر را بررسی می‌کنیم:

• ✳️

  توصیف دقیق و مختصر:

  متن Alt باید به طور دقیق محتوای تصویر را توصیف کند. از جملات کوتاه و واضح استفاده کنید.
• ✳️

  بهره‌گیری از کلمات کلیدی مرتبط:

  اگر تصویر به موضوع اصلی صفحه مربوط است، از کلمات کلیدی اصلی در متن Alt استفاده کنید.
• ✳️

  اجتناب از زیاده‌روی در بهره‌گیری از کلمات کلیدی:

  متن Alt نباید به یک لیست از کلمات کلیدی تبدیل شود. هدف، توصیف تصویر به طور طبیعی است.
• ✳️

  رعایت طول مناسب:

  سعی کنید متن Alt را زیر 125 کاراکتر نگه دارید تا در اکثر صفحه‌خوان‌ها به طور کامل نمایش داده شود.
• ✳️

  بهره‌گیری از حروف بزرگ و کوچک به درستی:

  از قواعد نگارشی استاندارد استفاده کنید و از استفاده بیش از حد از حروف بزرگ خودداری کنید.
• ✳️

  بهره‌گیری از نقطه در انتهای جمله:

  در صورتی که متن Alt یک جمله کامل است، در انتهای آن نقطه بگذارید.
• ✳️

  توضیح تصاویر پیچیده:

  برای تصاویر پیچیده مانند نمودارها و اینفوگرافیک‌ها، متن Alt باید خلاصه ای از اطلاعات اصلی را ارائه دهد.
• ✳️

  بهره‌گیری از متن Alt خالی برای تصاویر تزئینی:

  اگر تصویر صرفاً جنبه تزئینی دارد و محتوای خاصی را منتقل نمی‌کند، از متن Alt خالی استفاده کنید: alt=””. این کار به صفحه‌خوان‌ها اطلاع می‌دهد که تصویر مهم نیست.
• ✳️

  تست با صفحه‌خوان:

  برای اطمینان از اینکه متن Alt شما به درستی عمل می‌کند، آن را با یک صفحه‌خوان تست کنید.
• ✳️

  به روز رسانی متن Alt:

  اگر تصویر را تغییر می‌دهید، متن Alt را نیز به روز کنید تا همچنان دقیق و مرتبط باشد.
• ✳️

  در نظر گرفتن زمینه:

  متن Alt باید با زمینه صفحه و محتوای اطراف تصویر مرتبط باشد.
• ✳️

  اجتناب از بهره‌گیری از کلمات “تصویر از”، “عکس از” و غیره:

  نیازی به ذکر این موضوع نیست که متن Alt تصویر را توصیف می کند.

استفاده درست از تگ alt یک امتیاز بزرگ در سئو است.

14 تکنیک برای تگ Alt تصاویر: راهنمای جامع

1. شرح مختصر و مفید

تگ Alt باید توضیحی مختصر و مفید از تصویر ارائه دهد.هدف اصلی این است که به کاربر و موتورهای جستجو بفهمانید تصویر چه چیزی را نشان می‌دهد.از کلی‌گویی پرهیز کنید و سعی کنید تا حد امکان جزئیات مهم تصویر را در متن جای دهید.مثلا به جای نوشتن “گل”، بنویسید “گل رز قرمز در باغچه”.به این فکر کنید که اگر تصویر لود نشود، کاربر با خواندن متن Alt چه اطلاعاتی را باید به دست آورد.تگ Alt باید برای همه قابل فهم باشد.از اصطلاحات تخصصی و پیچیده خودداری کنید، مگر اینکه مخاطب شما متخصص باشد.

سعی کنید از کلمات کلیدی مرتبط با موضوع صفحه در تگ Alt استفاده کنید، اما از زیاده‌روی در بهره‌گیری از کلمات کلیدی خودداری کنید (Keyword Stuffing).

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

2. بهره‌گیری از کلمات کلیدی مرتبط

کلمات کلیدی مرتبط با موضوع صفحه را در تگ Alt به کار ببرید. این کار به موتورهای جستجو کمک می‌کند تا ارتباط بین تصویر و محتوای صفحه را بهتر درک کنند. با این حال، از استفاده بیش از حد کلمات کلیدی خودداری کنید. تگ Alt باید طبیعی و خوانا باشد. کلمات کلیدی را طوری به کار ببرید که در عین مرتبط بودن، متن را جذاب و قابل فهم کنند. تحقیق کلمات کلیدی مناسب را فراموش نکنید. از ابزارهای تحقیق کلمات کلیدی برای یافتن کلماتی که کاربران بیشتر جستجو می‌کنند استفاده کنید. کلمات کلیدی دم‌دراز (Long-tail keywords) می‌توانند در تگ Alt بسیار موثر باشند. این کلمات کلیدی معمولاً خاص‌تر و دقیق‌تر هستند. توجه کنید که هدف اصلی از بهره‌گیری از کلمات کلیدی در تگ Alt، بهبود تجربه کاربری و ارائه اطلاعات دقیق به موتورهای جستجو است.

3. توصیف عملکرد تصویر

اگر تصویر بخشی از یک لینک یا دکمه است، عملکرد آن را در تگ Alt توصیف کنید. این کار به کاربران کمک می‌کند تا بفهمند با کلیک بر روی تصویر چه اتفاقی خواهد افتاد. مثلا اگر تصویر یک دکمه “ثبت نام” است، تگ Alt را “ثبت نام در وب‌سایت” قرار دهید. از کلماتی استفاده کنید که به طور واضح عملکرد تصویر را نشان دهند. این تکنیک به ویژه برای تصاویر دکمه‌های شبکه‌های اجتماعی (مانند “اشتراک‌گذاری در فیسبوک”) بسیار مفید است. اگر تصویر به یک صفحه دیگر لینک می‌دهد، تگ Alt باید به محتوای صفحه لینک شده اشاره کند. توصیف عملکرد تصویر به بهبود دسترس‌پذیری وب کمک می‌کند و به کاربران با نیازهای ویژه اجازه می‌دهد تا از محتوای سایت به طور کامل بهره‌مند شوند. توجه کنید که توصیف عملکرد تصویر باید مختصر و مفید باشد.

4. بهره‌گیری از زبان طبیعی

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

5. بهره‌گیری از کلمات کلیدی LSI

از کلمات کلیدی LSI (Latent Semantic Indexing) در تگ Alt استفاده کنید. این کلمات کلیدی از نظر معنایی با کلمه کلیدی اصلی مرتبط هستند. بهره‌گیری از کلمات کلیدی LSI به موتورهای جستجو کمک می‌کند تا موضوع تصویر را بهتر درک کنند. برای یافتن کلمات کلیدی LSI، می‌توانید از ابزارهای تحقیق کلمات کلیدی یا گوگل Suggest استفاده کنید. مثلا اگر کلمه کلیدی اصلی شما “کفش ورزشی” است، کلمات کلیدی LSI می‌توانند شامل “کتونی”، “دویدن”، “باشگاه” و غیره باشند. کلمات کلیدی LSI را طوری به کار ببرید که به طور طبیعی در متن جای بگیرند. از زیاده‌روی در بهره‌گیری از کلمات کلیدی LSI خودداری کنید.

6. توصیف بافت تصویر

بافت تصویر (مانند نور، رنگ، ترکیب‌بندی) را در تگ Alt توصیف کنید. این کار به ویژه برای تصاویری که جنبه هنری دارند بسیار مهم است. مثلا می‌توانید بگویید “عکس با نور ملایم و رنگ‌های گرم” یا “ترکیب‌بندی مینیمال با پس‌زمینه تار”. توصیف بافت تصویر به کاربران کمک می‌کند تا درک بهتری از تصویر داشته باشند. این تکنیک به ویژه برای وب‌سایت‌های عکاسی، گالری‌های هنری و فروشگاه‌های آنلاین محصولات هنری بسیار مفید است. از کلماتی استفاده کنید که به طور واضح و دقیق بافت تصویر را توصیف کنند. توجه کنید که توصیف بافت تصویر باید مختصر و مفید باشد. توصیف بافت تصویر به بهبود تجربه کاربری و افزایش جذابیت بصری صفحه کمک می‌کند.

7. ذکر نام برند

اگر تصویر مربوط به یک محصول یا برند خاص است، نام برند را در تگ Alt ذکر کنید. این کار به بهبود سئو برند کمک می‌کند. مثلا اگر تصویر یک گوشی سامسونگ است، تگ Alt را “گوشی سامسونگ گلکسی S23” قرار دهید. نام برند را در ابتدای تگ Alt قرار دهید تا بیشتر مورد توجه قرار گیرد. اگر تصویر شامل لوگوی برند است، تگ Alt را “لوگوی [نام برند]” قرار دهید. ذکر نام برند در تگ Alt به کاربران کمک می‌کند تا به سرعت محصول یا برند مورد نظر خود را پیدا کنند. این تکنیک به ویژه برای وب‌سایت‌های فروشگاهی و وب‌سایت‌های خبری بسیار مفید است.

8. بهره‌گیری از کلمات اقدام (Call to Action)

اگر تصویر بخشی از یک دکمه یا لینک است، از کلمات اقدام (Call to Action) در تگ Alt استفاده کنید. این کار به تشویق کاربران به کلیک بر روی تصویر کمک می‌کند. مثلا به جای “تصویر یک کتاب”، بنویسید “خرید کتاب آنلاین”. از کلماتی مانند “خرید”، “دانلود”، “ثبت نام”، “بیشتر بدانید” و غیره استفاده کنید. کلمات اقدام را در ابتدای تگ Alt قرار دهید تا بیشتر مورد توجه قرار گیرند. بهره‌گیری از کلمات اقدام در تگ Alt به بهبود نرخ تبدیل (Conversion Rate) کمک می‌کند. این تکنیک به ویژه برای وب‌سایت‌های فروشگاهی و وب‌سایت‌های تبلیغاتی بسیار مفید است.

9. توصیف مکان

اگر تصویر مربوط به یک مکان خاص است، نام آن مکان را در تگ Alt ذکر کنید. این کار به ویژه برای وب‌سایت‌های گردشگری و وب‌سایت‌های خبری بسیار مهم است. مثلا اگر تصویر مربوط به برج ایفل است، تگ Alt را “برج ایفل، پاریس” قرار دهید. نام مکان را به طور کامل و دقیق بنویسید. اگر تصویر مربوط به یک بنای تاریخی است، نام آن بنا را نیز ذکر کنید. توصیف مکان در تگ Alt به کاربران کمک می‌کند تا به سرعت مکان مورد نظر خود را پیدا کنند. این تکنیک به بهبود سئو محلی (Local سئو) نیز کمک می‌کند. توجه کنید که توصیف مکان باید مختصر و مفید باشد.

10. رعایت طول مناسب

طول تگ Alt را رعایت کنید. تگ Alt نباید خیلی کوتاه یا خیلی بلند باشد. طول مناسب برای تگ Alt معمولاً بین 100 تا 125 کاراکتر است. اگر تگ Alt خیلی کوتاه باشد، ممکن است اطلاعات کافی در مورد تصویر ارائه نکند. اگر تگ Alt خیلی بلند باشد، ممکن است توسط موتورهای جستجو نادیده گرفته شود. سعی کنید متن را تا حد امکان خلاصه و مفید بنویسید. از کلمات کلیدی مهم در ابتدای تگ Alt استفاده کنید. از علائم نگارشی مناسب برای جدا کردن عبارات استفاده کنید. برای تعیین طول مناسب تگ Alt، به موضوع تصویر و هدف خود از بهره‌گیری از تصویر توجه کنید.

11. بهره‌گیری از اعداد و ارقام

اگر تصویر شامل اعداد و ارقام است، آنها را در تگ Alt ذکر کنید. این کار به ویژه برای تصاویر مربوط به آمار، نمودارها و جداول بسیار مهم است. مثلا اگر تصویر یک نمودار فروش است، تگ Alt را “نمودار فروش سه ماهه دوم سال 2023” قرار دهید. اعداد و ارقام را به طور دقیق و صحیح بنویسید. اگر تصویر شامل درصد است، علامت درصد (%) را نیز ذکر کنید. بهره‌گیری از اعداد و ارقام در تگ Alt به کاربران کمک می‌کند تا به سرعت اطلاعات مورد نظر خود را پیدا کنند. این تکنیک به ویژه برای وب‌سایت‌های خبری، وب‌سایت‌های مالی و وب‌سایت‌های تحقیقاتی بسیار مفید است. توجه کنید که بهره‌گیری از اعداد و ارقام باید مختصر و مفید باشد.

12. بهره‌گیری از Emoticons (اختیاری)

بهره‌گیری از Emoticons (ایموجی‌ها) در تگ Alt به طور کلی توصیه نمی‌شود، اما در برخی موارد خاص ممکن است مفید باشد. این کار بستگی به لحن و موضوع وب‌سایت شما دارد. از استفاده بیش از حد Emoticons خودداری کنید. بهره‌گیری از Emoticons در تگ Alt باید با دقت و با در نظر گرفتن تجربه کاربری انجام شود. در بیشتر موارد، بهتر است به جای بهره‌گیری از Emoticons، از کلمات برای توصیف احساسات و مفاهیم استفاده کنید.

13. بررسی و بازبینی

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

14. رها کردن تگ Alt در صورت عدم نیاز

اگر تصویر صرفاً جنبه تزئینی دارد و هیچ اطلاعات مفیدی را به کاربر ارائه نمی‌دهد، تگ Alt را خالی بگذارید. به عبارت دیگر، از تگ Alt با مقدار “” استفاده کنید. در این موارد، نیازی به توصیف تصویر نیست، زیرا هدف از نمایش تصویر صرفاً زیبایی‌بخشی به صفحه است. خالی گذاشتن تگ Alt در این موارد به نرم‌افزارهای صفحه‌خوان کمک می‌کند تا تصویر را نادیده بگیرند و تمرکز کاربر را بر روی محتوای اصلی صفحه حفظ کنند. بهره‌گیری از تگ Alt خالی برای تصاویر تزئینی به بهبود دسترس‌پذیری وب کمک می‌کند. این تکنیک به بهینه‌سازی تجربه کاربری و جلوگیری از ایجاد مزاحمت برای کاربرانی که از نرم‌افزارهای صفحه‌خوان استفاده می‌کنند، کمک می‌کند.