در این مطلب بصورت کامل در مورد بهینه سازی سئو تصاویر و انتخاب متن جایگزین مناسب برای تصاویر توضیح داده میشه و میتونین چیزای زیادی در اینجا یاد بگیرید.
alt که همون مخفف alternative هست به معنای متن جایگزین میباشد و از اون برای تصاویر مورد استفاده قرار میگیره. هدف استفاده از این متن اینه که توضیحات کلی در مورد تصویر و نقش اون در صفحه رو در اختیار رباتها یا ... قرار بده.
در سمت چپ تصویر رو مشاهده میکنید و در سمت راست کدهای مربوط به این تصویر قرار داده شده است. همونطور که میبینید برای این تصویر یک ویژگی alt قرار گرفته و متن جایگزینی در اون قرار داده شده است.
بهترین فرمت برای alt text، وصف کننده بودن اون هست. به این صورت که فرض کنید شما چشماتون رو ببندید و یک نفر دیگه اون متن رو برای شما بخونه و شما بتونین تقریبا اون صحنه و تصویر رو در ذهنتون شبیه سازی کنید. اگر اینطور باشه متنی که انتخاب کردید خوب و بهینه هست.
برای مثال تصویر زیر رو ببینید:
همونطور که در تصویر میبینید یک پنکیک قرار داده شده است. میتونیم بصورت زیر alt text رو قرار بدیم:
src="pancakes.png" alt="pancakes"> |
همونطور که میبینید فقط یک کلمه قرار داده شده است. این مدل مشکلی نداره و میتونین از اون استفاده کنید ولی خیلی وصف کننده و تشریحی نیست و میتونیم اون رو بهتر و بهینهتر کنیم. مثلا میتونیم بگیم تعدادی پنکیک بر روی هم قرار گرفتن و روی اونا پودر شکر ریخته شده است. بصورت زیر:
src="pancakes.png" alt="Stack of blueberry pancakes with powdered sugar"> |
این متن به دلیل اینکه تصویر مورد نظر رو بهتر توصیف میکنه، بهینه تر هست. سعی کنید که همیشه برای تصاویر از alt text استفاده کنید و ویژگی alt رو خالی نگذارید.
همچنین هیچوقت سعی نکنید که alt text رو با تعدادی زیادی از کلمات کلیدی پر کنید. این کار نتیجه عکس داره و بصورت اسپم با اون برخورد میشه. مثل:
src="pancakes.png" alt="pancake pancakes pan cake hotcakes hotcake breakfast food best breakfast top breakfasts breakfast recipes pancake recipe"> |
استفاده از alt text بصورت بالا اصلا پیشنهاد نمیشه.
متن جایگزین یکی از اصول طراحی وب Accessible هست. هدف اصلی alt text اینه که تصویر رو به کسانی که نمیتونن اون رو ببینن، توضیح بده. Screen reader ها و مرورگرهایی که تصاویر رو بلاک کردن و رباتها و ... از این متن استفاده میکنن و اطلاعاتی در مورد تصویر رو به دست میارن. استفاده از متن جایگزین برای تصاویر این تضمین رو به شما میده که همه افرادی که وارد سایت شما میشن میتونن به خوبی به تصاویر شما دسترسی داشته باشند.
استفاده از alt text علاوه بر اینکه تجربه کاربری سایت شما رو بهبود میبخشه، میتونه بر روی سئو سایت شما نیز تاثیر داشته باشه. پس علاوه بر استفاده از نامگذاری و انتخاب عنوان صحیح برای تصاویر، میتونین بر روی alt text نیز برای تاثیر بر سئو نیز حساب باز کنید.
در حالیکه تشخیص تصاویر توسط موتورهای جستجو در سالهای اخیر خیلی پیشرفت داشته است، اما خزنده های جستجوگر نمیتونن تصاویر رو اونطوری که ما میبینیم، مشاهده کنند. پس باید با استفاده از alt text اونا رو راهنمایی کنیم تا تصویر ما رو متوجه بشن. اگر اونا هدف تصویر ما رو ندونن هیچوقت اونا رو در نتایج جستجو نمایش نمیدن و سودی برای شما نخواهند داشت.
تصویر زیر رو ببینید:
alt text خوب: مردی بر روی پله برقی
alt text بهتر: مردی در حال راه رفتن بر روی پله برقی
بهترین alt text: مردی با کولهپشتی در حال راه رفتن بر روی پله برقی
به مثال زیر هم توجه کنید:
alt text خوب: جستجوگر کلمه کلیدی
alt text بهتر: پیدا کردن کلمه کلیدی در جستجوگر کلمه کلیدی
بهترین alt text: ابزار جستجوگر کلمه کلیدی Moz برای پیدا کردن کلمه کلیدی سئو
امیدوارم که از این مطلب لذت برده باشید.
Source
سون لرن • آموزش...برچسب : نویسنده : استخدام کار 7learn بازدید : 470