چرا متن جایگزین مهم است: افزایش دسترسی و سئو

اینترنت گنجینه ای از تصاویر بصری است که مملو از الهامات و اطلاعات است. تصاویر همان چیزی هستند که ما را جذب می کنند، ما را درگیر می کنند و به ما کمک می کنند یاد بگیریم و خلق کنیم. اما اینترنت را بدون آن نشانه های بصری تصور کنید – پیمایش در آن یک چالش واقعی خواهد بود.

خوشبختانه، برای افراد دارای اختلالات بینایی، کسانی که با اتصالات اینترنتی کندتر سر و کار دارند، و حتی روبات هایی که موتورهای جستجو را نیرو می دهند، یک راه حل ساده و در عین حال قدرتمند وجود دارد: متن جایگزین (مخفف متن جایگزین). این قهرمان گمنام دنیای دیجیتال تضمین می کند که همه می توانند به تصاویری که ما اغلب بدیهی می دانیم دسترسی داشته باشند و از آنها بهره ببرند.

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

متن جایگزین دقیقاً همان چیزی است که به نظر می رسد - توصیف تصویری که در صفحه ظاهر می شود. ساده است، درست است؟ اما چیزهای بیشتری از این وجود دارد. برای نوشتن متن جایگزین واقعاً مؤثر، مهم است که بفهمید چرا وقتی یک تصویر به ویژگی alt نیاز دارد (هشدار اسپویلر: همه عکس ها این کار را نمی کنند!) و بهترین ابزارهایی که به شما کمک می کنند مطمئن شوید که تصاویرتان پوشش داده شده اند، اهمیت دارد. بیایید وارد شویم و متن جایگزین شما را هوشمندتر کنیم، نه سخت تر!

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

متن جایگزین فقط یک کادر برای بررسی نیست، بلکه یک ویژگی قدرتمند است که دو هدف مهم را دنبال می کند: ایجاد محتوای شما و کمک به موتورهای جستجو برای درک تصاویر شما.

دسترسی

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

بدون متن جایگزین مناسب، نه تنها سایت خود را برای بازدیدکنندگان غیرقابل دسترسی می کنید، بلکه به طور بالقوه قوانین دسترسی مانند قانون آمریکایی های دارای معلولیت (ADA) را نیز نقض می کنید، که می تواند منجر به جریمه یا سایر عواقب قانونی شود. قوانین مشابهی در سراسر اتحادیه اروپا، کانادا، جمهوری کره و استرالیا وجود دارد - فقط به نام چند. اگر می خواهید یک تجربه آنلاین عادلانه برای تیم خود ایجاد کنید، این مکان عالی برای شروع است.

آیا می خواهید درباره ایجاد یک جامعه آنلاین فراگیر بیشتر بدانید؟ در اینجا چند منبع برای شروع شما آورده شده است:

بهینه سازی موتور جستجو (SEO)

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

هنگام نوشتن متن جایگزین، توضیحات واضح و معنادار را هدف قرار دهید که به طور طبیعی با محتوای صفحه مطابقت داشته باشد. کلمات کلیدی را مدبرانه ترکیب کنید، و قطعاً در برابر اصرار زیاده روی مقاومت کنید - پر کردن کلمات کلیدی نه تنها تجربه کاربر را مختل می کند، بلکه می تواند منجر به جریمه کردن سایت شما توسط موتورهای جستجو به عنوان اسپم شود.

با پر کردن کلمات کلیدی آشنا نیستید؟ پر کردن کلمات کلیدی به منظور افزایش رتبه در صفحات نتایج موتورهای جستجو، تا آنجایی که ممکن است کلمات کلیدی زیادی را جمع آوری می کند. این کار نمی کند و اغلب نتیجه معکوس می دهد. در اینجا یک مثال است:

متن جایگزین حاوی کلمه کلیدی:

alt=”Cute kitten playing with a ball of yarn, adorable kitten, fluffy kitten, playful kitten, cute kitten image, kitten for sale, kitten pictures.”

متن جایگزین خوب نوشته شده هم می تواند دسترسی را افزایش دهد و هم از استراتژی سئوی شما پشتیبانی کند. از عقل سلیم خود استفاده کنید و بازدیدکنندگان سایت (انسانی) خود را در ذهن خود نگه دارید.

چگونه بفهمیم کدام تصاویر به متن جایگزین نیاز دارند و چگونه آن را بنویسیم

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

در اینجا نحوه نوشتن نوع متن جایگزین مناسب بسته به اینکه تصویر شما برای چه چیزی است، آورده شده است:

تصاویر آموزنده: اینها رایج ترین تصاویری هستند که در سایت ها یافت می شوند و شامل تصاویر، عکس ها یا تصاویری هستند که مفاهیم یا اطلاعات را نشان می دهند. متن جایگزین شما باید توضیح کوتاهی ارائه دهد که معنای اصلی تصویر را بیان کند.

به عنوان مثال، این تصویر تمام ادغام های موجود با P2 Automattic را نشان می دهد، اما این ادغام ها در محتوای همراه نامی ندارند. در اینجا مهم است که متن جایگزین آن اطلاعات را برای بازدیدکنندگانی که ممکن است نتوانند تصویر را ببینند یا بارگذاری کنند، ارائه دهد. باید چیزی شبیه این باشد:

alt="Logos for available P2 integrations: Crowdsignal, Figma, Twitter, GitHub, YouTube, Vimeo, Google Calendar, and Loom"

تصاویر تزئینی: اگر یک تصویر فقط برای زیبا به نظر رسیدن وجود دارد و هیچ اطلاعات مهمی اضافه نمی کند، از ویژگی alt null (alt=””) استفاده کنید. این به فناوری های کمکی می گوید که از آن صرف نظر کنند.

تصاویر کاربردی: اگر تصویری به عنوان یک دکمه یا پیوند کار می کند، متن جایگزین باید توضیح دهد که چه کار می کند نه اینکه چگونه به نظر می رسد.

به عنوان مثال، متن جایگزین برای یک نماد ویدیو ممکن است بگوید «این ویدیو را درباره زنبورهای خواب زمستانی در Vimeo تماشا کنید».

تصاویر متن: اگر تصویر حاوی متن قابل خواندن باشد (مانند یک تصویر گرافیکی با نقل قول یا یک لوگو)، متن جایگزین باید همان کلمات را در بر داشته باشد.

تصاویر پیچیده: نمودارها، نمودارها یا نمودارها به متن جایگزین دقیق تری برای توصیف داده ها یا اطلاعاتی که ارائه می کنند نیاز دارند. حتی ممکن است به یک توضیح طولانی تر پیوند دهید.

گروه های تصاویر: اگر چندین تصویر با هم کار کنند تا یک ایده را منتقل کنند، متن جایگزین برای یکی از تصاویر باید کل پیام را پوشش دهد. یک مثال خوب از این می تواند عکس های پردازشی برای یک دستور غذا یا سایر آموزش های نحوه انجام که شامل مراحل است باشد.

نقشه های تصویری: برای تصاویر دارای مناطق قابل کلیک، متن جایگزینی را ارائه دهید که هدف کلی تصویر را توضیح می دهد و متن جایگزین را برای هر بخش قابل کلیک درج کنید و توضیح دهد که کجا منتهی می شود.

نمی دانید چگونه یک تصویر را دسته بندی کنید؟ برای کمک، آموزش W3 Images را بررسی کنید.

در حالی که هیچ دستورالعمل رسمی برای طول وجود ندارد، معمولاً توصیه می شود متن جایگزین را کمتر از 140 کاراکتر نگه دارید. وقتی توسط صفحه خوان ها خوانده می شود، توضیحات طولانی تر می تواند خسته کننده شود. توصیفی باشید، اما مختصر بمانید - اینجا جایی برای شکوفایی خلاقیت نیست.

ابزارهایی برای اطمینان از اینکه تصاویر شما شامل متن جایگزین هستند

گزارش دسترسی Chrome

گزارش دسترس پذیری Chrome منبعی با کاربری آسان است که مستقیماً در مرورگر شما ساخته شده است، زمانی که می خواهید سریع یک صفحه را در سایت خود آزمایش کنید.

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

Alt Text Tools از تیم NerdPress یک افزونه رایگان و کم وزن است که یک فایل CSV از تصاویر استفاده شده در محتوای شما به همراه ویژگی های alt آنها تولید می کند.

هنگامی که اسکن کامل شد (خیلی سریع است!)، می توانید فایل CSV را در برنامه صفحه گسترده انتخابی خود باز کنید. در آنجا می توانید به سرعت تصاویری را که ویژگی های alt از دست داده اند شناسایی کنید و هر کدام را که ممکن است نیاز به بهبود داشته باشد اسکن کنید. این فایل همچنین شامل پیوندهایی برای ویرایش پست هایی است که در آن تصاویر ظاهر می شوند، که به روزرسانی ویژگی های alt آنها را سریع و آسان می کند.

بررسی کننده دسترسی دیجیتال را برابر کنید

این افزونه وردپرس freemium از Equalize Digital فراتر از متن جایگزین است تا اطمینان حاصل شود که سایت شما برای طیف گسترده ای از بازدیدکنندگان قابل دسترسی است. اگر شما و تیمتان متعهد هستید که محتوای خود را در دسترس قرار دهید، این یک منبع عالی است.

Equalize Digital همچنین یک گروه فیس بوک را اجرا می کند و میزبان یک جلسه مجازی ماهانه برای توسعه دهندگان، طراحان و کاربران وردپرس است که علاقه مند به یادگیری بیشتر در مورد ایجاد وب سایت های قابل دسترسی هستند که می توانند برای افراد با هر توانایی استفاده کنند.

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

یک وبلاگ در WordPress.com راه اندازی کنید

بهینه سازی محتوای خود را با وبلاگی که در WordPress.com میزبانی شده است شروع کنید.

طرحی را انتخاب کنید که برای کسب و کار شما بهترین کار را دارد و بقیه را به ما مدیریت کنید. با هر طرح WordPress.com، از تمام مزایای میزبانی سریع و ایمن مدیریت شده وردپرس بهره مند می شوید.