میدونین وقتی توی یه سایت عکس میبینیم، خزندههای گوگل و بقیه موتورهای جستجو چطوری محتوای اون تصویر رو میفهمن؟
و همچنین میدونید که تصاویر توی سایتها چقدر مهمن؟ هم برای جذابیت و زیبایی سایت، هم برای انتقال مفاهیم بهتر.
درسته که متن مهمترین بخش هر محتواییه، ولی تصاویر هم نقش مهمی توی جذب مخاطب و انتقال مفهوم محتوا دارن.
اگه یه تصویر توی سایتتون باشه که بارگذاری نشه یا کاربری که مشکل بینایی داره بخواد سایتتون رو ببینه، چی؟ تگ alt تصویر جواب این سواله.
تگ alt تصویر مخفف عبارت Alternate text یه متن جایگزینه که برای توضیح محتوای تصویر استفاده میشه.
یه نکتهی مهم رو نباید فراموش کرد: تصاویر بدون متن جایگزین، مثل آدم بیزبان میمونن.
متن جایگزین تصویر چیه؟
متن جایگزین تصویر، یه توضیح کوتاه و مختصر از محتوای تصویره که به رباتهای موتور جستجو و افراد نابینا کمک میکنه تا محتوای تصویر رو درک کنن.
این متن جایگزین، معمولاً در کدهای HTML تصویر قرار میگیره و در صورتی که تصویر به درستی بارگذاری نشه، به جای تصویر نمایش داده میشه.
اهمیت alt عکس
alt عکس برای موتور جستوجو اهمیت زیادی داره. وقتی گوگل یه صفحه رو ایندکس میکنه، alt عکسها رو هم میخونه و از اونها برای درک مفهوم صفحه استفاده میکنه. بنابراین، alt عکسهای خوب میتونن کمک کنن که صفحه شما در نتایج جستوجوی تصاویر بالاتر بیاد.
با این مقدمه، بریم سراغ اصل مطلب.
Alt تصویر چیه؟
فرض کن یه عکسی از یه سگ دیدی. حالا اگه اون عکس رو نشون یه نفر نابینا بدی، چطور میتونی بهش بگی توی عکس چی دیده؟ یا اگه گوشیت اینترنت نداشت و نتونستی عکس رو دانلود کنی، چطور میفهمیدی توی عکس چی بود؟
برای همینه که توی هر عکسی یه متنی به اسم Alt تصویر تعریف میکنیم. این متن توضیح میده که توی عکس چی دیده میشه.
Alt تصویر چکار میکنه؟
Alt تصویر علاوه بر اینکه کمک میکنه افراد نابینا عکسها رو درک کنن، برای موتورهای جستجو هم مهمه. وقتی کاربری یه کلمه یا عبارتی رو سرچ میکنه، موتورهای جستجو عکسهایی رو که با اون کلمه یا عبارت مطابقت دارن رو نشون میدن.
Alt تصویر به موتورهای جستجو کمک میکنه تا عکسها رو بهتر درک کنن و عکسهایی رو که با سرچ کاربر مرتبطترن رو نشون بدن.
۲ دلیل مهم از ویژگی alt تصویر
دلیل اول: دسترسی همه کاربران به محتوای تصاویر
وقتی عکسی توی سایتت میذاری، میخوای همه بتونن ببیننش، مگه نه؟ حتی اگه اینترنتشون ضعیف باشه یا مشکل بینایی داشته باشن.
با اضافه کردن متن جایگزین به عکسها، میتونی به این هدفت برسی. این متن، یه توضیح کوتاه از محتوای عکسه که موتورهای جستجو و ابزارهای کمکی بینایی ازش استفاده میکنن.
وقتی اینترنت ضعیف باشه، متن جایگزین به جای عکس نمایش داده میشه تا کاربر بتونه بدون دیدن عکس، محتواش رو متوجه بشه.
همچنین، افراد نابینا یا کمبینا با استفاده از ابزارهای کمکی بینایی، میتونن متن جایگزین رو بشنوند و محتوای عکس رو درک کنن.
خلاصه اینکه، با اضافه کردن متن جایگزین به عکسها، به همه کاربران این فرصت رو میدی که از محتوای سایتت استفاده کنن.
دلیل دوم: بهبود سئوی تصاویر و سایت
موتورهای جستجو از متن جایگزین برای درک محتوای تصاویر استفاده میکنن. بنابراین، متن جایگزین مناسب میتونه به بهبود سئوی تصاویر و سایتت کمک کنه.
وقتی متن جایگزین مناسبی برای عکسها انتخاب میکنی، به موتورهای جستجو میفهمونی که عکسها درباره چه چیزی هستن. این باعث میشه که عکسها بیشتر در نتایج جستجو دیده بشن و بازدید بیشتری داشته باشن.
همچنین، میتونی با استفاده از کلمههای کلیدی مرتبط در متن جایگزین، به بهبود سئوی کلمات کلیدی هدفت کمک کنی. اگه می خواین درباره کلمات کلیدی بیشتر بدونین “ کلمات کلیدی چیست؟چطور بهترین کلمه کلیدی سئو سایت را انتخاب کنیم” رو پیشنهاد میدم حتما مطالعه کنین.
البته، باید حواست باشه که متن جایگزین رو درست انتخاب کنی. متن جایگزین نباید خیلی کوتاه یا خیلی طولانی باشه و باید دقیق و مرتبط با محتوای عکس باشه.
چگونه یک alt تصویر خوب بنویسم؟
- مختصر و مفید باشین
alt تصویر باید کوتاه و خلاصه باشد. حداکثر ۱۲۰ کاراکتر. سعی کنید از جزئیات اضافی پرهیز کنید. مثلاً برای تصویر یک پرنده، کافی است بنویسید:
alt=”پرنده آبی در حال پرواز“
- از کلمات کلیدی استفاده کنین
alt تصویر فرصت خوبی برای استفاده از کلمات کلیدی مرتبط با محتوای صفحه است. این کار به موتورهای جستجو کمک میکند تا محتوای صفحه شما را بهتر درک کنند. مثلاً برای تصویر یک فروشگاه لباس، میتوانید بنویسید:
alt=”فروشگاه لباس زنانه با تخفیف ویژه“
- تکرار نکنین
alt تصاویر باید منحصر به فرد باشند. سعی کنید از کلمات و عبارات تکراری استفاده نکنید. مثلاً اگر در صفحهای از سه تصویر از پرنده استفاده کردهاید، برای هر سه تصویر از alt تصویر متفاوتی استفاده کنید.
- از برچسب longdesc استفاده کنین
برای تصاویر پیچیدهتر که توضیحات طولانیتری نیاز دارند، میتوانید از برچسب longdesc استفاده کنید. این برچسب به موتورهای جستجو اجازه میدهد تا توضیحات طولانیتری را برای تصویر مشاهده کنند.
- دکمهها را فراموش نکنین
اگر در صفحهتان از فرمهایی استفاده میکنید، برای دکمههای فرم نیز alt تصویر بنویسید. این کار به کاربرانی که از صفحهتان با دستگاههای دارای صفحهنمایش تار یا کمنور استفاده میکنند، کمک میکند تا عملکرد دکمهها را درک کنند. مثلاً برای دکمه ارسال فرم تماس، میتوانید بنویسید:
alt=”دکمه ارسال فرم تماس“
- از عبارتهای “عکس” یا “تصویر” استفاده نکنین
alt تصویر برای توضیح تصویر هست. بنابراین نیازی نیست که از عبارتهای “عکس” یا “تصویر” استفاده کنین. مثلاً برای تصویر یک نقاشی، میتوانید بنویسید:
alt=”نقاشی رنگ روغن“
نکته | توضیح |
دقیق | سعی کنید تصویر را به طور دقیق و با جزئیات توصیف کنید. |
مختصر | متن جایگزین باید مختصر و خلاصه باشد. حداکثر تعداد کاراکتر مجاز برای نوشتن آلت تصویر بین ۱۰۰ تا ۱۲۰ میباشد. |
مرتبط | متن جایگزین باید با موضوع تصویر مرتبط باشد. |
آموزنده | متن جایگزین باید اطلاعات مفیدی در مورد تصویر ارائه دهد. |
جذاب | متن جایگزین باید جذاب و گیرا باشد. |
قابل فهم | متن جایگزین باید برای همه افراد قابل فهم باشد. |
مقایسه و بررسی نمونههایی از alt عکس
یه alt عکس خوب باید:
- دقیق و توصیفی باشه.
- اطلاعات مهمی که در عکس هست رو ارائه بده.
- مختصر و مفید باشه.
نمونههای alt عکس خوب
- یک عکس از برج میلاد: “برج میلاد، یکی از نمادهای شهر تهران”
- یک عکس از یک سگ: “یک سگ با نژاد ژرمن شپرد”
- یک عکس از یک صفحه وب: “صفحه اصلی سایت گوگل”
نمونههای alt عکس بد
- یک عکس از یک گل رز: “عکس یک گل رز”
- یک عکس از یک منظره طبیعی: “عکس یک منظره زیبا”
- یک عکس از یک محصول: “عکس یک محصول”
این alt عکسها خوب نیستن چون دقیق و توصیفی نیستن. مثلاً، alt عکس اول فقط میگه که عکس یه گل رزه، اما اطلاعات بیشتری در مورد رنگ گل، اندازه گل یا موقعیت گل در عکس نمیده. alt عکس دوم فقط میگه که عکس یه منظره زیباست، اما اطلاعات بیشتری در مورد اینکه منظره کجاست یا چه چیزی در منظره دیده میشه نمیده.
alt عکس سوم فقط میگه که عکس یه محصوله، اما اطلاعات بیشتری در مورد اینکه محصول چیه یا چه ویژگیهایی داره نمیده.
چطور در وردپرس برای عکسها alt بنویسیم؟
اگه سایتت وردپرسیه، نوشتن alt برای عکسها خیلی راحته. فقط کافیه از قسمت پیشخوان، گزینه “رسانه” رو بزنی.
اگر میخوای عکس جدیدی آپلود کنی، روی گزینه “افزودن” کلیک کن و بعدش از گزینههای “بارگذاری” یا “انتخاب پرونده” استفاده کن.
اما اگر عکس از قبل وجود داره، به کتابخانه برو و عکس مورد نظرت رو انتخاب کن. بعدش روی گزینه “ویرایش” کلیک کن.
حالا، مطابق با تصویر، متن جایگزین مناسب خودت رو بنویس.
خلاصه کلام این که:
یاد گرفتیم که متن جایگزین تصویر، یه توضیح کوتاهی برای هر تصویری هست که توی وبسایتها استفاده میشه. این متن به موتورهای جستوجو کمک میکنه تا مفهوم تصویر رو بهتر درک کنن و در نتیجه، رتبهبندی وبسایت ما رو در نتایج جستجو بهبود بدن.
همچنین، متن جایگزین تصویر میتونه تجربه کاربری رو هم بهبود بده. مثلاً اگه کسی به هر دلیلی نتونه تصویر رو ببینه، متن جایگزین بهش کمک میکنه تا محتوای تصویر رو درک کنه.
پس یادتون باشه که برای هر عکسی که توی وبسایتتون قرار میدید، حتماً یه آلت تصویر مناسب بنویسید.
اگر سوالی داشتید، حتماً از طریق کامنت بپرسید.
در اینجا می خوام یه نکته مهم رو بگم که: تیم ادی موب، با دقت و حوصله، سایت کسبوکارها رو بررسی میکنه و نقاط ضعف و قوت اون رو پیدا میکنه. بعد از اون، با ارائه یک استراتژی سئوی جامع، به کسبوکارها کمک میکنه تا توی گوگل دیده بشن.
ادی موب، با کسبوکارها همراهه و در تمام مراحل سئو، باهاشون همکاری میکنه. این تیم، با ارائه گزارشهای منظم، کسبوکارها رو از روند سئوشون مطلع میکنه.
اگر دنبال یک تیم سئوی حرفهای و موفق هستی، ادی موب گزینه خوبی برای توئه. این تیم، با تجربه و مهارت بالایی که داره، میتونه به کسبوکارت کمک کنه تا توی گوگل رتبه بالاتری داشته باشه و دیده بشه.
سوالات متداول
تگ alt تصویر چیست؟
تگ alt تصویر یه توضیح کوتاه و مختصر برای هر تصویریه که توی سایتا میزاری. این توضیح هم برای کاربرانه که اگه تصویر بارگیری نشد یا مشکلی داشت، بتونه بدونه که تصویر چیه. هم برای موتورهای جستجو، که بتونه محتوای تصویر رو درک کنه و توی نتایج جستجو نشونش بده.
متن جایگزین تصویر چه تأثیری بر سئوی سایت دارد؟
متن جایگزین تصویر تأثیر زیادی روی سئوی سایت داره. وقتی موتورهای جستجو محتوای تصویر رو درک میکنن، میتونن ارتباط بین تصویر و محتوای متنی سایت رو برقرار کنن. این ارتباط باعث میشه که سایت ما توی نتایج جستجو بالاتر قرار بگیره.
آیا نوشتن تگ alt تصویر ضروری است؟
بله، نوشتن تگ alt تصویر برای همه تصاویر سایت ضروری است. این کار هم به تجربه کاربری کمک میکنه، هم به سئوی سایت.
تگ alt تصویر چقدر باید طولانی باشه؟
تگ alt تصویر باید کوتاه و مختصر باشه. حداکثر طول تگ alt تصویر ۱۲۰ کاراکتر است.
در تگ alt تصویر از چه کلماتی باید استفاده کرد؟
در تگ alt تصویر باید از کلماتی استفاده کرد که محتوای تصویر رو بهطور دقیق و کامل توصیف میکنن. همچنین میتونید از کلمات کلیدی مرتبط با محتوای سایت هم استفاده کنید.