متن Alt (متن جایگزین) ، که به عنوان “ویژگیهای alt”، “توصیفات alt”، یا از نظر فنی به عنوان “تگ های alt” شناخته میشود، در یک کد HTML برای توصیف ظاهر و عملکرد یک تصویر در یک صفحه استفاده میشود.
۱. اضافه کردن متن جایگزین به عکس ها
در درجه اول اصل دسترسی پذیری وب است. کاربران آسیب دیده از تصویر با استفاده از صفحه نمایش، یک ویژگی alt را برای درک بهتر یک تصویر در صفحه خوانده خواهند شد.
۲. تگ های Alt در جایی نمایش داده خواهند شد که تصویر لود نمی شود.
۳. تگ های Alt توصیفات تصویر بهتری را برای ربات های موتور جستجو فراهم میکنند، که به آن ها کمک میکند تصویر را به درستی رتبه بندی کنند.
متن برجسته شده ، متن alt (ویژگی alt) تصویر را در سمت چپ نشان میدهد.
<img src=”#” alt=”مثال تگ” />
بهترین فرمت برای alt متن توصیفی به اندازه کافی است اما هیچ تلاشی برای پر کردن کلمات کلیدی ندارد. اگر می توانید چشمان خود را ببندید، از کسی بخواهید که متن alt را برای شما بخواند، و یک نسخه نسبتا دقیق از تصویر را تصور کند، شما در مسیر درست هستید.
این متن alt یک جایگزین بهتر است چون بسیار توصیفی تر از آنچه در تصویر است. هیچ یک از این مثالها توصیه نمیشوند. اولین خط کد در واقع هیچ متن alt ندارد (توجه داشته باشید که نقل قول ها خالی هستند)، در حالی که دومین مثال پر کردن کلمات کلیدی در متن alt را نشان میدهد.
متن Alt ، قالبی از طراحی وب در دسترس است. هدف اصلی آن توصیف تصاویر برای بازدیدکنندگانی است که قادر به دیدن آن ها نیستند. این شامل خواننده های صفحه نمایش و مرورگر هایی است که تصاویر را مسدود میکنند، اما شامل کاربرانی نیز میشود که دچار اختلال دید هستند یا در غیر این صورت قادر به تشخیص بصری یک تصویر نیستند. گنجاندن متن alt با تصاویر شما، بدون توجه به توانایی بصری، به تمام کاربران اطمینان میدهد که می توانند محتوای سایت شما را درک کنند.
استفاده از متن alt بر روی تصاویر شما میتواند تجربه کاربری بهتری ایجاد کند، اما ممکن است به شما کمک کند هم مزایای آشکار و هم مزایای ضمنی سئو را به دست آورید. همراه با اجرای عنوان تصویر و نام گذاری فایل بهترین روش ها، از جمله alt متن نیز ممکن است به سئو تصویر کمک کند.
در حالی که تکنولوژی تشخیص تصویر موتور جستجو در طول سال ها به طور گسترده ای بهبود یافته است، ربات های جستجو هنوز نمیتوانند تصاویر را در صفحه وب سایت مانند ما ببینند، بنابراین عاقلانه نیست که تفسیر را تنها در دستان آن ها رها کنیم. اگر آن ها درک نکنند، یا اشتباه برداشت کنند، این امکان وجود دارد که شما یا بتوانید کلمات کلیدی ناخواسته را رتبه بندی کنید یا در کل رتبه بندی را از دست بدهید.
به عنوان مثال: گوگل ممکن است تصویر زیر را ببیند و بتواند بفهمد که او مردی است که کراوات و عینک به چشم زده و پشت میز نشسته است.
جیم هالپرت از بخش اداری (نسخه آمریکایی)
در این حالت، متن alt به شما فرصت دیگری برای گنجاندن کلید واژه هدف تان میدهد. با استفاده از کلمه کلیدی در صفحه هنوز هم وزن خود را به عنوان یک عامل رتبه بندی موتور جستجو بالا می برید، به نفع شما است که متن alt را ایجاد کنید که هم تصویر را توصیف می کند و هم در صورت امکان شامل یک کلمه کلیدی یا عبارت کلید واژهای است که هدف قرار میدهید.
تصویر را تا جای ممکن به طور خاص توصیف کنید. متن Alt در درجه اول برای ارائه توضیحات متنی تصاویر برای کاربرانی طراحی شده است که قادر به دیدن آن ها نیستند. اگر یک تصویر حقیقتا هیچ معنی / ارزشی را منتقل نمیکند و فقط برای اهداف طراحی وجود دارد، باید در CSS زندگی کند، نه HTML.
آن را نسبتا کوتاه نگه دارید. محبوب ترین خواننده های صفحه، متن alt را در حدود ۱۲۵ کاراکتر قطع میکنند، بنابراین توصیه می شود که آن را به همان تعداد کاراکتر یا کمتر نگه دارید.
استفاده از کلمات کلیدی متن Alt به شما این امکان را می دهد که کلمه کلیدی هدف خود را در یک صفحه بگنجانید، و بنابراین فرصت دیگری برای نشان دادن موتور های جستجو که صفحه شما بسیار به یک پرس و جوی خاص مرتبط است. در حالی که اولین اولویت شما باید توصیف و ارائه زمینه به تصویر باشد، اگر انجام این کار منطقی به نظر میرسد، کلید واژه خود را در متن alt حداقل یک تصویر در صفحه قرار دهید.
از پر کردن کلمات کلیدی اجتناب کنید. گوگل شما را به خاطر نوشتن ضعیف متن alt سرزنش نمیکند، اما اگر از متن alt خود به عنوان فرصتی برای پرداختن به تعداد زیادی از کلمات کلیدی مرتبط به آن استفاده کنید، دچار مشکل خواهید شد. تمرکز بر نوشتن متن توصیفی alt که متنی را برای تصویر فراهم میکند و در صورت امکان، شامل کلمه کلیدی هدف شما میشود.
از تصاویر به عنوان متن استفاده نکنید. این کمتر از بهترین عملکرد ویژه متن و بیشتر از یک اصل کلی توسعه وب است. از آنجا که موتور های جستجو نمی توانند متن را در تصاویر شما بخوانند، شما باید از استفاده از تصاویر به جای کلمات خودداری کنید. اگر باید این کار را انجام دهید، توضیح دهید که عکس شما در متن alt شما چه می گوید.
تصور می شود که متن alt شما به یک تصویر اشاره دارد ، بنابراین نیازی به مشخص کردن آن نیست.
از تشکیل دکمهها غفلت نکنید. اگر یک فرم در وب سایت شما از یک تصویر به عنوان دکمه “ارائه” استفاده میکند، به آن یک ویژگی alt بدهید. دکمه های تصویر باید یک ویژگی alt داشته باشند که عملکرد دکمه مانند “جستجو”، “اعمال”، “ثبتنام”، و غیره را توصیف میکند.