تصویرها و متن جایگزین

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

متن جایگزین دقیقاً چیست

متن جایگزین (alt text) توصیفی نوشتاری است که در HTML به یک تصویر پیوست می‌شود:

<img src="sourdough.jpg" alt="نان خمیرترش گرد با چاقوخوردگی ضربدری روی سطح">

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

آزمون متن جایگزین خوب ساده است: اگر آن را برای کسی که نمی‌تواند صفحه را ببیند بلند بخوانید، می‌فهمد در عکس چه چیزی هست؟ «IMG_4471» رد می‌شود. «نان نان نانوایی نان تازه تهران» جور دیگری رد می‌شود. «نان خمیرترش گرد با چاقوخوردگی ضربدری روی سطح» قبول می‌شود.

یک استثنای مهم: تصویری که کاملاً تزئینی است — یک جداکننده، یک نقش پس‌زمینه، آیکنی کنار متنی که از قبل همان را می‌گوید — باید متن جایگزین خالی داشته باشد، یعنی alt="". این به صفحه‌خوان می‌گوید از آن رد شود. حذف کامل این ویژگی فرق دارد و بدتر است: در آن حالت صفحه‌خوان ممکن است به‌جایش نام فایل را بخواند.

گوگل چطور از تصویرها استفاده می‌کند

گوگل درک خودش از یک تصویر را از چند سیگنال کنار هم می‌سازد، نه فقط از متن جایگزین. نام فایل اهمیت دارد — sourdough-loaf.jpg چیزی به گوگل می‌گوید و DSC00291.jpg هیچ. متن پیرامون هم همین‌طور: یک زیرنویس، و پاراگرافی که تصویر در آن نشسته، زمینه‌ای به گوگل می‌دهند که خودِ عکس نمی‌تواند بدهد.

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

بعد مسئله حجم است. تصویرها معمولاً سنگین‌ترین چیز یک صفحه‌اند، و همین آن‌ها را به علت همیشگی نمره بدِ LCP تبدیل می‌کند — همان سنجه Core Web Vitals که می‌گوید محتوای اصلی چقدر طول می‌کشد تا ظاهر شود. یک عکس عظیمِ بهینه‌نشده هم‌زمان یک مشکل دسترس‌پذیری، یک مشکل سرعت و یک مشکل رتبه است.

چه کاری انجام دهید

• برای هر تصویری که معنا حمل می‌کند، متن جایگزینی بنویسید که تصویر را در جمله‌ای عادی توصیف کند.
• برای تصویرهای تزئینی به‌جای حذف ویژگی، از alt="" استفاده کنید.
• پیش از آپلود نام فایل‌ها را عوض کنید. ده ثانیه برای هرکدام، و تا همیشه می‌ماند.
• هر تصویر را فشرده کنید و از فرمت مدرنی مثل WebP استفاده کنید. عکسی که مستقیم از گوشی می‌آید اغلب چند مگابایت است و باید کسری از آن شود.
• همیشه width و height را تعیین کنید تا مرورگر فضای درست را رزرو کند و صفحه با رسیدن تصویرها نپرد.
• وقتی تصویر به توضیح نیاز دارد زیرنویس قابل‌دیدن اضافه کنید. زیرنویس‌ها را افراد بیشتری از متن اصلی می‌خوانند.

اشتباه‌های رایج

برخورد با متن جایگزین به‌عنوان جایی برای گذاشتن عبارت‌های جستجو. راهنمای خودِ گوگل درباره تصویر می‌گوید از چپاندن کلمه کلیدی در ویژگی alt پرهیز کنید و آن را اسپم می‌نامد. همچنین به بازدیدکننده‌های نابینایی که این ویژگی برای آن‌ها وجود دارد فعالانه آسیب می‌زند.

شروع‌کردن با «تصویری از» یا «عکسی از». صفحه‌خوان از قبل اعلام می‌کند که این یک تصویر است. محتوا را توصیف کنید و مقدمه را رها کنید.

آپلود با تمام وضوح دوربین. عکسی با عرض ۴۰۰۰ پیکسل که در ۶۰۰ پیکسل نمایش داده می‌شود، حجم اینترنت بازدیدکننده و نمره سرعت شما را هدر می‌دهد و دقیقاً همان‌شکل دیده می‌شود.

منابع: بهترین روش‌های سئوی تصویر گوگل و درک تجربه صفحه.