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

متن جایگزین که با عنوان ” ویژگی alt ” ، ” توضیحات alt ” و  اشتباهاً ” تگ های alt ” شناخته می شود، در قسمت کد HTML برای توضیح ظاهر و عملکرد یک تصویر در صفحه استفاده می شود. با این مقاله از سلسله مقالات آموزش سئو همراه ما باشید.

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

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

۲. هنگامی که تصویری بارگذاری نشود، تگ های alt در جایگاه یک تصویر نمایش داده می شوند.

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

متن هایلایت شده، متن جایگزین (ویژگی alt) را در سمت چپ تصویر نشان می دهد.

کد نمونه

<img src=”pupdanceparty.gif” alt=”Puppies dancing”>

 

قالب بهینه

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

بگذارید تا نگاهی به چند نمونه از متن جایگزین برای تصویر پنکیک زغال اخته زیر داشته باشیم :

<img src=”pancakes.png” alt=”pancakes”>

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

<img src=”pancakes.png” alt=”Stack of blueberry pancakes with powdered sugar”>

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

توصیه نمی شود :

<img src=”pancakes.png” alt=””>

یا

<img src=”pancakes.png” alt=”pancake pancakes pan cake hotcakes hotcake breakfast food best breakfast top breakfasts breakfast recipes pancake recipe”>

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

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

۱. دسترسی

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

۲. بهینه سازی تصویر

استفاده از متن جایگزین همراه با تصاویر تجربه کاربری بهتری را به ارمغان می آورد، اما همچنین به شما کمک می کند تا از فواید آشکار و پنهان سئو بهره مند شوید. با به کار بردن عنوان تصویر ، نامگذاری فایل و استفاده از متن جایگزین می توانید بهترین شیوه بهینه سازی تصویر را پیاده سازی کنید.

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

در اینجا نمونه ای را آورده ایم : ممکن است که گوگل تصویر زیر را تشخیص داده و آن را رمزگشایی کند، مردی است که کراوات و عینک زده و پشت میزی نشسته است.

 جیم هالپرت در دفتر کار

( جیم هالپرت در دفتر کار )

اگر به دنبال رتبه بندی برای عبارت ” جعل هویت دیوید شروت توسط جیم هالپرت ” هستید، باید به موتور جستجو در این زمینه کمک کنید.

در واقع، متن جایگزین به شما فرصتی می دهد تا دوباره بتوانید کلمه کلیدی خود را به کار ببرید. با استفاده از کلمه کلیدی داخل صفحه وزنی را بر روی عامل رتبه بندی موتور جستجو [عوامل رتبه بندی موتورهای جستجو] می گذارید، به سود شماست تا متن جایگزینی ایجاد کنید که هم تصویر شما را شرح می دهد و هم حاوی کلمه یا عبارت کلیدی مورد نظر شماست.

چگونه یک متن جایگزین خوب بنویسم؟

۱. تصویر خود را تا جای ممکن شرح دهید. متن جایگزین طراحی شده است تا توضیحات متنی تصاویر را برای کاربرانی فراهم آورد که قادر به دیدن تصاویر نیستند. اگر تصویری فاقد معنا و ارزش خاصی است و فقط برای اهداف طراحی آن را در صفحه قرار داده اید، باید در CSS جایگذاری شود و نه در HTML.

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

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

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

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

۶. از عباراتی مانند ” عکسی از ” یا ” تصویری از ” و … در متن جایگزین خود استفاده نکنید. فرض بر این است که متن جایگزین شما مربوط به یک تصویر است، بنابراین نیازی به مشخص کردن آن نیست.

۷. longdesc=”” را فراموش نکنید. از تگ longdesc=”” برای شرح تصاویری که پیچیده تر هستند استفاده کنید.

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

یک متن جایگزین خوب چگونه است؟

بگذارید نگاهی به چند نمونه از متن جایگزین داشته باشیم :

Red-crested rooster crowing

متن جایگرین خوب :

<img src=”bird.png” alt=”Rooster”>

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

<img src=”bird.png” alt=”Rooster crowing”>

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

<img src=”bird.png” alt=”Red-crested rooster crowing”>

 

man wearing backpack walking down escalator

متن جایگرین خوب :

<img src=”escalator.jpg” alt=”man on escalator”>

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

<img src=”escalator.jpg” alt=”man walking on escalator”>

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

<img src=”escalator.jpg” alt=”man wearing backpack walking down escalator”>

Moz Keyword Explorer tool for SEO keyword research

متن جایگرین خوب :

<img src=”kwe.png” alt=”kw explorer”>

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

<img src=”kwe.png” alt=”keyword research in Keyword Explorer”>

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

<img src=”kwe.png” alt=”Moz Keyword Explorer tool for SEO keyword research”>