بهبود قابلیت دسترسی و محتوای صفحه با متن متن
امروزه هر وبسایتی را در وب نگاه می کنید و می بینید که یکی از چیزهایی است که آنها به طور مشترک دارند، تصاویر است. تصاویر را می توان در وب سایت ها برای افزودن ظاهر بصری، کمک به نشان دادن ایده ها و اضافه کردن به محتوای کلی صفحه استفاده کرد. علاوه بر انتخاب تصاویر مناسب و آماده ساختن آنها برای ارائه وب ، اطمینان حاصل کنید که تمامی تصاویر سایت شما به درستی از متن ALT استفاده می کنند، بخش مهمی از استفاده درست از این تصاویر برای وب است.
متن آلترنیت چیست؟
Text Alt متن متنی است که توسط مرورگرهای متن و دیگر عوامل وب استفاده می شود که نمی توانند تصاویر را مشاهده کنند. این نیز یکی از ویژگی های مورد نیاز تگ تصویر است. با نوشتن متنی ALT معتبر، مطمئن شوید که صفحات وب شما برای افرادی که ممکن است با استفاده از یک خواننده روی صفحه یا دیگر دستگاه های پشتیبانی شده برای دسترسی به سایت شما دسترسی پیدا کنند، در دسترس هستند. شما همچنین اطمینان حاصل کنید که چیزی در عوض یک تصویر نمایش داده می شود اگر به هر دلیلی (مسیر اشتباه، شکست انتقال، و غیره) بارگذاری نشود. این هدف واقعی از متن Alt است، اما این محتوا همچنین می تواند مکان های بیشتری برای اضافه کردن متن دوستانه به جستجوگرها فراهم کند که موتورهای جستجو برای شما جریمه نمی کنند (بیشتر در این کوتاه مدت).
متن آل متن باید متن را در تصویر تکرار کند
هر تصویری که متن آن را داشته باشد باید این متن را به عنوان متن جایگزین داشته باشد. شما می توانید کلمات دیگر در متن جایگزین قرار دهید، اما حداقل باید همان چیزی را که تصویر می گویند می گویند. به عنوان مثال، اگر شما یک آرم برای تصاویر خود دارید، متن Alt باید نام شرکت را که توسط لوگوی گرافیکی شما نوشته شده است، تکرار کنید.
همچنین به یاد داشته باشید که تصاویر مانند لوگو همچنین می توانند متن را بیان کنند - مثلا وقتی نماد توپ قرمز را در وب سایت.com قرار می دهید، به معنی "about.com" است. بنابراین متن جایگزین آن آیکون می تواند "About.com" و نه فقط "لوگوی شرکت" را بگوید.
متن کوتاه را نگه دارید
دیگر متن جایگزین شما، مرورگرهای متنی دشوارتر خواهد بود. ممکن است وسوسه باشد نوشتن جملات طولانی از متن جایگزین (به طور معمول این کار به این دلیل انجام شده است که کسی سعی دارد موضوع را با کلمات کلیدی مرتب کند)، اما نگه داشتن برچسب های Alt شما صفحات شما را کوچکتر و صفحات کوچکتر سریعتر دانلود می کند.
یک قاعده خوب برای متن جایگزین این است که آن را بین 5 تا 15 کلمه کل حفظ کنید.
استفاده از کلمات کلیدی جستجوگرها در کلمات کلیدی
مردم اغلب به اشتباه فکر می کنند که هدف متن جایگزین برای قرار دادن کلمات کلیدی موتور جستجو است. بله، این مزیتی است که می توانید از آن استفاده کنید، اما فقط اگر متنی که اضافه می کنید برای هدف واقعی تگ alt مناسب باشد - برای نمایش متن هوشمند که توضیح می دهد چه تصویری باید کسی نتواند آن را ببیند!
در حال حاضر، گفتن متن Alt به معنای به عنوان یک ابزار جستجوگر به معنای این نیست که شما نمی توانید کلمات کلیدی خود را در این متن استفاده کنید. از آنجا که متن جایگزین مهم و مورد نیاز در تصاویر است، بعید به نظر می رسد موتورهای جستجو بعضی از آنها را برای قرار دادن کلمات کلیدی در صورتی که محتوایی که اضافه می کنید، معنی می کند، مجازات کند. فقط به یاد داشته باشید که اولویت اول برای خوانندگان شماست. Spamming کلمات کلیدی در متن جایگزین می تواند شناسایی شود و موتورهای جستجو همیشه قوانین خود را برای جلوگیری از اسپم ها تغییر دهند.
یک قاعده خوب این است که از کلمات کلیدی موتور جستجوی خود استفاده کنید که در آنها متناسب با توضیحات تصویر باشد و از یک متن کلیدی دیگری استفاده نکنید.
متن خود را معنی دار نگه دار
به یاد داشته باشید که نقطه متن alt برای تعریف تصاویر برای خوانندگان شما است. بسیاری از توسعه دهندگان وب از متن جایگزین برای خود استفاده می کنند، از جمله مواردی مانند اندازه تصویر، نام فایل های تصویری و غیره. در حالی که این ممکن است برای شما مفید باشد، برای خوانندگان شما هیچ کاری نمی کند و باید از این برچسب ها حذف شود.
فقط با استفاده از Blank Alt Text برای آیکون ها و گلوله ها استفاده کنید
به صورت دوره ای شما از تصاویری استفاده می کنید که هیچ متن توصیفی مفیدی مانند گلوله یا آیکون های ساده ندارند. بهترین روش برای استفاده از این تصاویر در CSS است که به آن نیازی ندارید. اما اگر مطلقا باید آنها را در HTML خود داشته باشید، به جای آنکه کاملا آن را ترک کنید، از ویژگی alt blank استفاده کنید.
ممکن است وسوسه باشد یک شخصیت مانند یک ستاره (*) برای نشان دادن یک گلوله قرار داده، اما این می تواند گیج کننده باشد، به طوری که آن را خالی بگذارید. و قرار دادن متن "bullet" در یک مرورگر متن حتی بیشتر عجیب و غریب خواهد شد.
مقاله اصلی جنیفر کریینین. ویرایش شده توسط Jeremy Girard در 3/3/17