متن جایگزین تصویر به چه درد میخوره؟
هر جزء از وبسایت تو زبان HTML ویژگیهایی داره که به شناسایی اون جزء تو کد وبسایت کمک میکنه. متن جایگزین تصویر (Image Alt text) یا alt text یکی از ویژگیها یا attribute های هر عکس هست و متن مختصريه كه در مورد يك عكس توضيح ميده. بهطور معمول وقتی عکس نمایش داده میشه، این متن دیده نمیشه اما در پس اون عکس وجود داره. نوشتن این متن کوتاه و قرار دادن اون برای هر عکس از صفحهٔ سایت کمک مهمی به بهبود رتبهٔ سئوی اون صفحه میکنه.
اگر طراحی سایت انجام دادید و میخواید رتبهٔ سئوی سایتتون رو بهتر كنيد، برای هر عکس از صفحههای سایت یک متن جایگزین مناسب و مرتبط با عکس انتخاب کنید تا دسترسیپذیری وبسایتتون خوب باشه. در ادامه به توضیح این متن و اهمیت اون میپردازیم.
متن جایگزین تصویر چه اهمیتی دارد؟
شاید به نظر برسه که متنی که نه دیده میشه و نه توسط کاربر خونده میشه، هیچ تاثیری در سئو نداره یا کمکی به انتقال پیام در محتوا نمیکنه. باید بگیم که اکثر اوقات این متن در افزایش اثربخشی محتوا کمکی نمیکنه اما باید دقت کنیم که افرادی (یا چیزهایی!) وجود دارن که این متن رو میفهمن و برای اونها مهمه که متن جایگزین تصویر برای تصاویر صفحهٔ شما وجود داره یا نه!
افزایش دسترسیپذیری ( Accessibility )
یک دسته، افراد نابینا یا کمبینا هستند. به عنوان اولین فایدهٔ متن جایگزین تصویر باید بدونیم که دسترسی افراد کمبینا و نابینا به صفحهٔ وبسایتتون با وجود چنین متنی راحت میشه. این افراد معمولا از صفحهخوان ( Screen Reader ) استفاده میکنن که تمام متن صفحه رو میخونه. اما یک عکس رو چطور میشه خوند؟! صفحهخوان از کد HTML اون عکس که متن جایگزین رو در دل خودش داره استفاده میکنه و اون متن رو بهجای عکس میخونه! اینطوری فردی که نمیتونه عکس رو ببینه هم متوجه میشه که عکسی در نوشته وجود داره که چیزی رو توصیف کرده.دستهٔ دیگه، آدمهای معمولی هستن، وقتی که اینترنت ضعیف مانع از بارگذاری کامل عکس میشه! یا به هردلیل دیگه (مثلا مشکل در جاوااسکریپت مرورگر) عکسهای صفحه رو نمیتونن ببینن. همهٔ ما تو ایران تجربهٔ اینترنت ضعیف رو داشتیم و میفهمیم که ندیدن یک عکس بههیچوجه خوشایند نیست. اوضاع وقتی بدتر میشه که شما کلی پول طراحی سایت داده باشید اما عکسهای سایت شما بخاطر طراحی ضعیف صفحه قابل رؤیت نباشن! همهٔ اینها نشون میده که صرف چند دقیقه برای نوشتن جملهای که عکس شما رو توصیف کنه، جای دوری نمیره!
دیده شدن در جستوجوی تصاویر گوگل
داشتن عکس تو یک نوشته به راحتتر خونده شدن اون کمک میکنه. معمولا نوشتههایی که عکس ندارن یا نسبت به طول متن از عکسهای کمی استفاده کردن، بعد از کمی خوندن خستهکننده میشن. به همین خاطر همیشه پیشنهاد میشه که در طول نوشته از عکسها و المانهای بصری استفاده بشه. یک آمار جالب از وبسایت orbitmedia نشون میده که داشتن ۱۰ عکس یا بیشتر در نوشتههای بلاگ، باعث افزایش ۳۹ درصدی بازدهی متن میشه!از طرف دیگه مدتهاست که گوگل امکان جستوجو در تصاویر رو هم ارائه میده. چطور گوگل تو این حجم عظیم تصاویر جستوجو میکنه؟ یکی از راههای ساده اینه که متن جایگزین تصویر رو بررسی و کلیدواژهٔ جستوجو شده رو در اون پیدا کنه. با این فرض، گذاشتن عکس تو نوشته میتونه صفحهٔ شما رو در نتایج جستوجوی تصویری گوگل نشون بده؛ البته به شرطی که متن جایگزین تصویر درستی انتخاب کرده باشید. پس این متن میتونه عاملی باشه تا از گوگل ترافیک بیشتری بگیرید.
بهبود رتبهٔ سئو
یکی دیگه از چیزهایی که بدون وجود متن جایگزین تصویر نمیتونه بفهمه که عکس شما در مورد چی هست، خزندههای گوگل ( Crawler ) هستند! يك نوع کد کامپیوتری که فقط یک هدف در زندگی جاودان خود دارن: جمعآوری اطلاعات صفحههای وب! با همین اطلاعاته که رتبه بندی سایت در گوگل معنا پیدا میکنه. البته بعضی افراد عقیده دارن که نوشتن متن جایگزین تصویر نوعی وقت تلف کردن هست چون تأثیر این متن نزدیک به صفره. دلایل خوبی وجود داره که اون عده، خیلی درست نمیگن! متن alt از لحاظ سئو هم اهمیت داره. برای موتورهای جستوجو، کاربرپسند بودن صفحههای وب اولویت اوله. مثلا سرعت بیشتر بارگذاری صفحه یک عامل تعیینکننده در رتبهٔ سئوی وبسایت هست. به همین صورت، نوشتن محتوای خوب و تلاش برای پاسخ دادن به کاربر هم جنبهٔ دیگهاي از اهمیت دادن به کاربر هست. داشتن متن جایگزین تصویر یکی از مواردیه که گوگل اون رو به معنای اهمیت دادن به کاربراي مختلف تلقی میکنه و در نتیجه به بهبود سئوی وبسایت شما منجر میشه. از طرف دیگه، تکمیل بودن ویژگیهای هر قسمت از صفحهٔ شما از نظر گوگل بسیار مهمه. این یعنی شما برای خزندههای گوگل اهمیت قائل شدید و اطلاعات بیشتری رو در اختیار اونها قرار دادید. هر قدر اطلاعات کد html سایت شما برای گوگل کاملتر و بامعنیتر باشه، به درک بهتر گوگل از صفحههای شما کمک میکنه و در نتیجه گوگل سایت شما رو بیشتر دوست خواهد داشت! ما در طراحی قسمتهای مختلف ویترین به این عوامل دقت کردیم. شما هم هنگام اضافه کردن عکس به نوشتههاتون، متن جایگزین رو در نظر داشته باشید. این متن به گوگل هم کمک میکنه که بدون استفاده از ابزارهای پیچیدهٔ پردازش تصویر، به سرعت بفهمه که عکس شما به محتوای صفحهٔ شما چقدر مرتبط هست.
متن جایگزین تصویر در صفحههای ویترین
ابزار سئوی ویترین جنبههای مختلف صفحهٔ شما مثل کلیدواژه کانونی و موارد دیگه رو بررسی میکنه اما در حال حاضر امکان بررسی داشتن متن جایگزین تصویر تو هر صفحه وجود نداره. البته ناامید نشید! وقتی از سکشن «متن» در صفحهساز ویترین استفاده میکنید، برای هر تصویر میتونید متن جایگزین تصویر رو به صورت زیر مشخص کنید:
همچنین در سکشنهای دیگه مثل «دسترسی سریع» قابلیت نوشتن این متن برای عکس رو دارید.
چگونه یک متن جایگزین تصویر خوب بنویسیم؟
همونطور که گفتیم گوگل و افرادی که نمیتونن عکس صفحهٔ شما رو ببینن با استفاده از متن جایگزین تصویر متوجه میشن که عکس در مورد چی هست و چقدر به محتوای متنی صفحه نزدیکه. برای نوشتن متن جایگزین تصویری که خوب باشه به این نکات دقت کنید:
- کلیدواژهٔ کانونی متن رو در alt متن قرار بدید. این کار نشون میده که اجزای نوشته از جمله عکسها به هم مرتبط هستند و در بهبود سئوی وبسایت شما موثر هست. البته زیادهروی نکنید! اگر واقعا عکس شما هیچ ربطی به کلیدواژهٔ متن نداره یا عکس رو عوض کنید یا حقیقت رو در متن جایگزین تصویر بنویسید!
- دقت کنید که متن شما از حدود ۱۰۰ کاراکتر بیشتر نشه. همونطور که عکس تو یک نگاه اطلاعات رو منتقل میکنه، متن شما هم باید تو کوتاهترین زمان خونده بشه. (البته اگر دیده بشه!) پس کوتاه بنویسید ولی یادتون باشه از اون طرف بام هم نیفتید! هیچ عکسی با یک کلمه توصیف نمیشه.
- عکس رو درست و دقیق توصیف کنید. از کلیگویی پرهیز کنید. سعی کنید طوری بنویسید که وقتی چشمتون رو میبندین بتونید تصویر رو مجسم کنید.
- برای هر عکس حتما متن داشته باشید و دقت کنید هیچ دو عکسی متن یکسان نداشته باشن. اگر میخواهید عنوان سئو صفحه رو برای همهٔ عکسها عینا تکرار کنید، بهتره متن alt رو خالی بگذارید! اگر در صفحه از عکس به عنوان دکمه (یعنی چیزی که قابل کلیک باشه و لینک داشته باشه) استفاده کردید، برای اون هم باید از متن جایگزین تصویر استفاده کنید.
نتیجه
با اینکه تأثیر داشتن متن جایگزین تصویر در سئو کمتر از موارد مهم دیگه مثل توضیحات متا تلقی میشه اما تو این نوشته فهمیدیم که بیتوجهی به اون هم میتونه برای رتبهٔ سایت، در گوگل گرون تموم بشه. اگر دنبال راهی هستین که خیالتون رو از سئوی فنی سایت راحت کنه، ویترین رو امتحان کنید.