عکسهایی که در صفحات مختلف وبسایتتان میگذارید، جلوه رنگارنگ و هیجانانگیزی به محتوای متنی خشکوخالی شما میدهد؛ اما اگر این عکسها به هر دلیلی بارگذاری نشوند چطور؟ در این موقعیت، کد عکس بهجای خودش نمایش داده میشود و این نوشته بیمعنی و غریبه، صفحه شما را به مکانی درهم و نامنظم تبدیل میکند. متن جایگزین تصویر یا Alt Text قهرمان چنین شرایطی است! این متن معنادار به کدهای HTML تصویر شما اضافه میشود تا در صورت لزوم، جایگزین آن شود و به افرادی که موفق به دیدن عکس نشدهاند کمک کند تا بدانند تصویر موردنظر، چه محتوایی داشته است. اینجا با تگ alt تصاویر آشنا میشوید و طرز تهیه اصولی آن را آموزش میبینید!
تگ alt تصاویر چیست؟
متن جایگزین عکس که با اسم آشنای تگ alt تصویر هم شناخته میشود، نوشتهای است که در صورت لودنشدن تصویر در صفحه سایت شما، بهجای آن نمایش داده میشود. اهمیت چنین موضوع بهظاهر کوچک وقتی مشخص میشود که کاربران کمبینا یا نابینا با نرمافزارهای صفحهخوان در حال خواندن وبسایت شما هستند؛ این افراد نیاز دارند تا متوجه محتوای عکسهایتان نیز بشوند و Alt tagها چنین معجزهای را برای کاربران ویژه شما رقم میزنند. علاوهبراین، چنین متنی به گوگل اجازه میدهد تا سایت شما را چهارچشمی بررسی کند و به درک درستتری از بخشهای مختلف آن برسد. مثلاً برای این تصویر میتوانید این تگ را در نظر بگیرید:
<img src=”gray-Converse-sneakers-on-a-red-background.jpg” alt=” یک جفت کفش ورزشی کانورس طوسی روی زمینه قرمز”>
تگ alt تصاویر چه اهمیتی در سئو دارد؟
گوگل برای اینکه به صاحبان وبسایتها اثبات کند که تا چه اندازه به تصاویر استفادهشده در وب اهمیت میدهد، سرویسی با عنوان Google Image راهاندازی کرده است. تعجب میکنید اگر بدانید که این موتور جستجوی پرطرفدار تا چه اندازه به تگهای alt عکسهای صفحات شما اهمیت میدهد و به این راحتیها از کنارش عبور نمیکند. البته چندان هم جای تعجب نیست. گوگل در الگوریتم خود بارها به زبانِ بیزبانی اعلام کرده است که دو آیتم مهم را در درجه بسیار بالایی از ارزشگذاری سئو قرار میدهد: تجربه کاربری و فهم آسان صفحه.
مثلاً تصور کنید یک سایت سالن زیبایی دارید که پر از تصاویر خدمات آرایشی، مدلهای قبل و بعد از خدمات، طراحی ناخن و نمونه رنگ مو است. اگر این تصاویر فاقد تگ alt باشند، گوگل نمیتواند محتوای آنها را تحلیل کند و شما شانس زیادی برای دیدهشدن در جستجوهای تصویری و حتی متنی از دست میدهید. در مقابل، وقتی تصاویر کلیدی سایت را بهدرستی توصیف کنید، هم تجربه کاربران بهبود پیدا میکند و هم رتبه سایتتان ارتقا خواهد یافت. این نکته یکی از اصول کلیدی سئو برای سایت های تصویر محور مثل سئو سایت سالن زیبایی است که نباید نادیده گرفته شود.
خب! بنا بر همین اصل، با دلایل قانعکنندهای که باعث اهمیت alt tags میشوند، آشنا شوید:
امکان دسترسی کاربران خاص به محتوای وبسایت شما
سال ۱۹۹۹ بود که «دستورالعمل دسترسیپذیری محتوای وب» منتشر شد و طبق آن صاحبان وبسایتها وظیفه داشتند تا محتوای سایت خود را طوری تنظیم کنند که برای کاربران دارای معلولیت و افراد خاص، نیز قابلاستفاده باشد. یکی از این دستورهای مهم این بود که صاحب سایت برای محتوای شنیداری و تصویری خود، متن جایگزین ارائه کند. به این معنی که هر صفحه وب که عکس و فیلم و صوت و… دارد، موظف است تا اطلاعات معادل آن را نیز در سایت قرار بدهد.
برای همین است که افراد نابینا یا کمبینا بهکمک تگ alt تصاویر میتوانند محتوای شما را درک کنند. آنها با نرمافزارهای خواندن صفحه، محتوای شما را دریافت میکنند و فکرش را بکنید که ناگهان به یک عکس بدون شرح برسند! طبیعی است که کاربر در فهم مطلب به مشکل میخورد و به درک ضعیفی از برندتان میرسد. مسئله «دسترسیپذیری» را بهعنوان یکی از فاکتورهای طلایی گوگل در درک کاربران ویژهاش جدی بگیرید.
تجربه کاربری خوب حتی با اینترنت ضعیف
تگ alt تصاویر باعث میشود که همه کاربران متوجه عکسهای موجود در صفحه شوند؛ حتی آن دسته از افراد که عکس برای آنها بارگذاری نشده است! فرض کنید بازدیدکنندهای با اینترنت افتضاح و کُند وارد سایتتان شده است. تصاویر موجود در صفحه برای این فرد لود نمیشود؛ اما بهجای اینکه آیکون لینک شکسته جلوی چشمش ظاهر شود، متن جایگزین معناداری مشاهده میکند و به او میگوید که این عکس، چه محتوایی داشته است. این موضوع تجربه کاربری را ۱۸۰ درجه تغییر میدهد و قابلمقایسه با وقتی نیست که کاربران با صفحهای درهموبرهم مواجه میشوند.
متن جایگزین تصاویر در وردپرس
در سیستم وردپرس میتوانید سهسوته Alt text خود را به ثبت برسانید؛ یعنی با توجه به محیط کاربری آسانی که این پلتفرم در اختیارتان قرار داده است، جای هیچ بهانهای باقی نمیماند. بنابراین وارد پیشخوان شوید، روی دکمه آبیرنگ کلیک کنید و تصویر خود را آپلود کنید، وارد بخش ویرایش شوید، سپس در فیلد «متن جایگزین» عبارات موردنظرتان را تایپ کنید و تغییرات را به ثبت برسانید. تمام! بهسرعت برقوباد!
نحوه نوشتن Alt tag بینقص و گوگلپسند
راستش را بخواهید نوشتن تگ alt تصاویر، کار دقیق، اما بسیار راحتی است. فقط درصورتیکه تکنیکها و اصول اساسی آن را رعایت کنید، میتوانید نتیجه دلخواهتان را از آن بگیرید. در ادامه مطلب شما را با نکات کاربردی و طلایی درباره تولید یک متن عالی روبهرو میکنیم:
کمتر از ۱۲۵ کاراکتر بنویسید
در توصیف تصویر خود زیادهروی نکنید. با کلمات کلیدی و واژههای واضح، کلیت عکس را شرح بدهید و قصهسرایی نکنید! برای مثال، بهجای «گربهای که روی چمن نشسته است و پروانهای بالای سرش پرواز میکند. توپهای رنگی در کنار گربه پخش شدهاند و گربه با آنها بازی میکند.» بنویسید «گربه روی چمن با پروانهای در آسمان و توپهای رنگی در اطراف»
بیرویه از کلمات کلیدی استفاده نکنید
بهکاربردن کلمات کلیدی در تگ alt عکسها میتواند هوشمندانه و سئومحور باشد؛ ولی یادتان نرود که باید کلمه کلیدی صفحه شما به محتوای عکس مرتبط باشد. درغیراینصورت گنجاندن زوریِ کلیدواژهها در داخل متن جایگزین، همهچیز را برای کاربرتان، گنگ و بیمعنی میکند. علاوه بر این مراقب باشید که کلمات کلیدی را در متن تکتک تصاویر داخل صفحه ننویسید. بهتر است بهترین تصاویری که نماینده اصلی موضوع محتوای شماست را انتخاب و بهطرز هدفمندی کلیدواژهتان را -درصورت امکان- داخل Alt tag آن وارد کنید.
آن را با «تصویر…» یا «عکس…» شروع نکنید
صاف و مستقیم بروید سراغ توصیف تصویر! نیازی نیست که در ابتدای برچسب جایگزین خود از کلماتی مثلِ «عکسِ…» استفاده کنید. ابزارهای صفحهخوان و خودِ گوگل، این تگها را بهعنوان یک تصویر از کد HTML مقاله شما شناسایی میکنند و نیازی به دوبارهکاری شما نیست.
حواستان به غلطهای املایی یا تایپی باشد
موقع نوشتن دقت کنید که انگشتتان اشتباهی تایپ نکرده باشد! این خطای کوچک میتواند به UX یا تجربه کاربرانتان آسیب بزند یا رباتهای خزنده گوگل را در سایتتان سردرگم و گیج کند! تگ Alt تصاویر را مثل باقی محتوای متنی خود بررسی کنید تا اوضاع بهخاطر چنین چیزهای کوچکی، بههم نریزد.
