متن جایگزین تصاویر (alt attributes) چیست و چرا مهم است؟
سطح = مبتدی
پیش نیاز = آشنایی اولیه با مفهوم سئو
متن جایگزین یا ALT که با نام “ویژگی ALT” یا “توصیف ALT” هم شناخته می شود ، در یک کد HTML برای توصیف ظاهر تصویر در یک صفحه مورد استفاده قرار می گیرد. ویژگی ALT به اشتباه با عنوان تگ ALT هم شناخته می شود درحالیکه تگ نیست.
مزایای ویژگی ALT:
- افزودن ویژگی alt به عکسها قبل از هر چیز یک اصل درمورد در دسترس بودن در وب است. کاربران کم بینا که از صفحه خوان ها استفاده می کنند ، برای درک بهتر تصویر داخل صفحه ، ویژگی alt عکس ها را می خوانند.
- اگر به هر دلیل عکس در صفحه وب بارگیری نشود ، متن Alt به جای تصویر نمایش داده می شود.
- متن Alt توصیفات بهتری را برای بات های موتور جستجو فراهم می کند تا تصویر را درک کنند.
در مروگر کروم ، با کلیک راست روی تصاویر و انتخاب گزینه inspect می توانید ویژگی alt عکسها را مشاهده کنید.
خاصیت alt تصاویر به صورت زیر نوشته می شود:
<“img src=”chrome logo.png” alt=”chrome logo>
چگونه بهترین ویژگی alt را برای عکس بنویسیم؟
برخی تصور می کنند ویژگی alt یعنی نوشتن کلمات کلیدی متعدد که کار اشتباهی است ، بهترین راهنما برای نوشتن خاصیت alt این است که چشمانتان را ببندید و عکس را تصور کنید و همین تصور را بعنوان alt بنویسید. برای همین است که می گویند
alt باید توصیفی و دقیق باشد.
نوشتن ویژگی alt را با مثال مرور می کنیم ، فرض کنید می خواهید برای عکس خوشمزه زیر خاصیت alt بنویسیم:
<“img src=”pancakes.png” alt=”pancakes>
خاصیت alt بالا قابل قبول است اما به اندازه کافی توصیفی نیست ، کاربران معمولا سرچ های دقیق در گوگل انجام می دهند و انتظار دارند دقیقا مطابق با سرچ شان در نتایج تصاویر به عکس مورد نظرشان دسترسی پیدا کنند. بنابراین بیایید خاصیت alt را کمی دقیق تر بنویسیم:
<“img src=”pancakes.png” alt=”Stack of blueberry pancakes with powdered honey and Strawberry>
حالا به بهترین ویژگی alt درمورد تصویر بالا رسیدیم. چشمانتان را ببندید و خاصیت alt را تصور کنید ، دقیقا همان چیزی را متصور می شوید که در عکس وجود دارد.
خالی گذاشتن خاصیت alt
<“”=img src=”pancakes.png” alt>
یا پر کردن آن با کلمات کلیدی
<“img src=”pancakes.png” alt=”pancake pancakes pan cake hotcakes breakfast food best breakfast top breakfasts breakfast recipes pancake recipe>
نتیجه ای نخواهد داشت.
با پیشرفت علم و هوش مصنوعی اما هنوز هم بات های گوگل نمی توانند تصاویر را مانند انسان ها ببینند و آن را درک کنند ، بنابراین سئوکارها باید عکس ها را برای بات ها بوسیله خاصیت alt توصیف کنند. سرچ تصاویر بخش اعظم جستجوی کاربران را تشکیل می دهد و اگر می خواهید جایگاه مناسبی در این زمینه بدست آورید ، باید روی altهای توصیفی و دقیق تمرکز کنید. یادمان باشد که برای قرار گرفتن در صدر نتایج گوگل تنها یک المان تعیین کننده رتبه نیست بلکه باید استانداردهای سئو به صورت کلی رعایت شود تا رتبه مورد نظر بدست بیاید ، غیر از خاصیت alt ، تمام صفحه و محتوا باید طبق اصول سئو بهینه شده باشد.
تعداد کاراکترهای مجاز در ویژگی alt
کتاب خوان ها اجازه قرار دادن 125 کاراکتر را در خاصیت alt می دهند. البته نوشتن altهای طولانی هیچوقت پیشنهاد نمی شود.
از نوشتن کلمه “عکس” و “تصویر” در خاصیت alt خودداری کنید ، چراکه این ویژگی به عکس اشاره دارد و نیازی نیست که مجددا آن را در توضیحات تکرار کنیم. در حال حاضر فرض بر این است که متن alt شما به یک تصویر اشاره دارد ، بنابراین نیازی به مشخص کردن آن نیست.
در مورد فرم های تماس که دکمه های آن با عکس طراحی شده اند می توانید از خاصیت alt برای آن ها استفاده کنید. متن هایی از قبیل موارد زیر باعث بهبود درک بات در صفحه شما می شود:
“submit”
“search”
“apply now”
“sign up”
متن جایگزین تصاویر وردپرس
به دلیل استفاده فراوان از وردپرس ، ادامه این مقاله را به نحوه قرار دادن خاصیت alt برای عکس ها در وردپرس می پردازیم. با مراجعه به قسمت پرونده های چند رسانه های در وردپرس می توانیم لیست کاملی از فایل های آپلود شده در سایت را ببینیم و برای عکس ها خاصیت alt تعریف کنیم.
افزونه های وردپرسی بسیاری هستند که به صورت خودکار برای تصاویر خاصیت alt ایجاد می کنند که استفاده از آن ها توصیه نمی شود چراکه کارکرد این افزونه ها به این صورت است که خاصیت alt عکس های یک صفحه را از عنوان ، دسته بندی یا برچسب برای تمامی تصاویر کپی می کنند که از توصیفی و دقیق بودن alt می کاهد.
ابزار بررسی خاصیت alt در صفحات وب
برای بررسی خاصیت alt در سایت خودتان یا سایت های دیگر ، نیازی نیست که روی هر عکس کلیک و alt آن را مشاهده کنید ، سایت ها و ابزارهای زیادی هستند که این کار را انجام می دهند و ما سایت زیر را به شما معرفی می کنیم:
