بهینه سازی سئوی تصاویر و انتخاب متن جایگزین مناسب

در این مطلب بصورت کامل در مورد بهینه سازی سئو تصاویر و انتخاب متن جایگزین مناسب برای تصاویر توضیح داده میشه و میتونین چیزای زیادی در اینجا یاد بگیرید.

بهینه سازی سئوی تصاویر و انتخاب متن جایگزین مناسب

متن جایگزین یا Alt text چی هست؟

alt که همون مخفف alternative هست به معنای متن جایگزین می‌باشد و از اون برای تصاویر مورد استفاده قرار میگیره. هدف استفاده از این متن اینه که توضیحات کلی در مورد تصویر و نقش اون در صفحه رو در اختیار رباتها یا ... قرار بده.

کاربردهای متن جایگزین

1. اضافه کردن متن جایگزین با استفاده از ویژگی alt به تصاویر اولین و مهمترین اصل در Accessibility می‌باشد. مثلا فرض کنید که یک فرد نابینا یا معلول سایت شما رو با استفاده از یک Screen reader میبینه. Screen reader زمانی که به یک تصویر میرسه چون نمیتونه اون رو به فرد نابینا نشون بده، پس متنی که قرار دادید رو بصورت صوت در میاره و به کاربر میفهمونه که تصویر مورد نظر در چه موردی است.
2. زمانی پیش میاد که برای سایت مشکلی پیش میاد و یا اینکه سرعت اینترنت کاربران خوب نیست و تصویر به هر دلیل لود نمیشه. در این زمان alt text بجای تصویر نمایش داده میشه و کاربران میتونن بفهمن هدف تصویر چی بوده و میخواسته چه چیزی رو به نمایش بذاره.
3. همچنین متن جایگزین به موتورهای جستجو کمک میکنه تا بهتر هدف تصویر رو متوجه بشن و به خوبی تصویر رو ایندکس کنند و نمایش بدن.

در سمت چپ تصویر رو مشاهده میکنید و در سمت راست کدهای مربوط به این تصویر قرار داده شده است. همونطور که میبینید برای این تصویر یک ویژگی alt قرار گرفته و متن جایگزینی در اون قرار داده شده است.

فرمت بهینه و مطلوب برای متن جایگزین

بهترین فرمت برای alt text، وصف کننده بودن اون هست. به این صورت که فرض کنید شما چشماتون رو ببندید و یک نفر دیگه اون متن رو برای شما بخونه و شما بتونین تقریبا اون صحنه و تصویر رو در ذهنتون شبیه سازی کنید. اگر اینطور باشه متنی که انتخاب کردید خوب و بهینه هست.

برای مثال تصویر زیر رو ببینید:

همونطور که در تصویر میبینید یک پنکیک قرار داده شده است. میتونیم بصورت زیر alt text رو قرار بدیم:

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

این متن به دلیل اینکه تصویر مورد نظر رو بهتر توصیف میکنه، بهینه تر هست. سعی کنید که همیشه برای تصاویر از alt text استفاده کنید و ویژگی alt رو خالی نگذارید.

همچنین هیچوقت سعی نکنید که alt text رو با تعدادی زیادی از کلمات کلیدی پر کنید. این کار نتیجه عکس داره و بصورت اسپم با اون برخورد میشه. مثل:

استفاده از alt text بصورت بالا اصلا پیشنهاد نمیشه.

چرا متن جایگزین مهم هست؟

1. دسترسی یا Accessibility

متن جایگزین یکی از اصول طراحی وب Accessible هست. هدف اصلی alt text اینه که تصویر رو به کسانی که نمیتونن اون رو ببینن، توضیح بده. Screen reader ها و مرورگرهایی که تصاویر رو بلاک کردن و رباتها و ... از این متن استفاده میکنن و اطلاعاتی در مورد تصویر رو به دست میارن. استفاده از متن جایگزین برای تصاویر این تضمین رو به شما میده که همه افرادی که وارد سایت شما میشن میتونن به خوبی به تصاویر شما دسترسی داشته باشند.

2. سئوی تصاویر

استفاده از alt text علاوه بر اینکه تجربه کاربری سایت شما رو بهبود میبخشه، میتونه بر روی سئو سایت شما نیز تاثیر داشته باشه. پس علاوه بر استفاده از نامگذاری و انتخاب عنوان صحیح برای تصاویر، میتونین بر روی alt text نیز برای تاثیر بر سئو نیز حساب باز کنید.

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

چطور میتونیم یک متن جایگزین مناسب رو بنویسیم؟

1. تا جایی که میتونین خلاصه و مفید در مورد تصویر توضیح بدین
2. خیلی متن رو طولانی نکنید: Screen reader های معروف فقط 125 کاراکتر اول متن جایگزین رو نمایش میدن و از بقیه اون صرف نظر میکنن. پس سعی کنید متن رو خیلی طولانی نکنید.
3. از کلمات کلیدی استفاده کنید. شما میتونین در متن alt text نیز از کلمات کلیدی خودتون استفاده کنید و به موتورهای جستجوگر بفهمونید که هدف اصلی سایت شما چه چیزی هست و برای چه چیزی میخواید رتبه بگیرید.
4. از کلمات کلیدی به دفعات زیاد در alt text استفاده نکنید چون نتیجه عکس میده و گوگل با اون مثل موارد اسپم رفتار میکنه
5. از کلمات "تصویری از" یا "عکسی از" و ... استفاده نکنید
6. استفاده از ویژگی longdesc رو فراموش نکنید. در مواقعی که تصاویر پیچیده تر هستند و نیاز به توضیحات بیشتری دارند رو میتونین از ویژگی longdesc استفاده کنید.
7. اگر از تصاویر به عنوان ثبت کننده فرم استفاده میکنید برای اونا هم alt text قرار بدین و وظیفه ای که بر عهده دارند رو درونشون قرار بدین.

مثال برای alt text خوب

تصویر زیر رو ببینید:

alt text خوب: مردی بر روی پله برقی

alt text بهتر: مردی در حال راه رفتن بر روی پله برقی

بهترین alt text: مردی با کوله‌پشتی در حال راه رفتن بر روی پله برقی

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

alt text خوب: جستجوگر کلمه کلیدی

alt text بهتر: پیدا کردن کلمه کلیدی در جستجوگر کلمه کلیدی

بهترین alt text: ابزار جستجوگر کلمه کلیدی Moz برای پیدا کردن کلمه کلیدی سئو

امیدوارم که از این مطلب لذت برده باشید.

Source