متن جایگزین چیست؟
متن جایگزین که با عنوان “صفت جایگزین”، “توضیحات جایگزین” و یا “برچسب های جایگزین” هم شناخته می شود، به صورت یک کد HTML برای توصیف ظاهر و یا عملکرد یک تصویر در صفحه سایت استفاده می شود. کاربران همیشه از تاثیر متن جایگزین بر سئو سایت غافل می شوند اما در این مقاله از جزئیات تاثیر متن جایگزین بر سئو سایت آگاه می شویم.
کاربردهای متن جایگزین:
- کاربرانی در اینترنت هستند که دچار اختلال بینایی می باشند و متن صفحه برای آنها توسط نرم افزار خوانده می شود. بنابراین متن جایگزین به این دسته افراد کمک می کند تا درک کنند چه تصاویری در صفحه استفاده شده است.
- چنانچه به هر دلیلی تصویر در سایت نتواند بارگزاری شود، متن جایگزین به جای تصویر لود نشده نمایش داده می شود.
- متن جایگزین در واقع توصیف تصویر است. بنابراین به خزنده های موتورهای جستجو کمک می کنند که تصاویر را بهتر ایندکس کنند.
مثالی از متن جایگزین:
<img src=”pupdanceparty.gif” alt=”Puppies dancing”>
فرمت بهینه شده متن جایگزین:
برای متن جایگزین تصویر، کافی است که به بهترین شیوه تصویر را توصیف کنید. اما توجه کنید که متن جایگزین را بیش از حد از کلمات کلیدی مملو نکنید.
به مثال زیر که تصویری از پنکیک بلوبری را نشان می دهد توجه کنید:
متن جایگزین قابل قبول: <img src=”pancakes.png” alt=”پنکیک”>
این متن جایگزین قابل قبول است. چرا که بیش از اندازه توصیف نکرده است و مشخص است که در تصویر چه چیزی نمایش داده می شود. اما می توان در مورد این تصویر به موارد دیگری هم اشاره کرد.
متن جایگزین خوب: <img src=”pancakes.png” alt=”پنکیک بلوبری با تزیین پودر قند”>
این متن جایگزین توصیف بیشتری در مورد تصویر بیان کرده است. چرا که این فقط یک پنکیک ساده نیست. این یک پنکیک بلوبری است که با پورد قند تزیین شده است.
این مدل متن جایگزین توصیه نمی شود:
<img src=”pancakes.png” alt=””>
یا
<img src=”pancakes.png” alt=” پنکیک پنکیک تابه کیک تابه کیک هات کیک صبحانه بهترین غذای صبحانه بهترین وعده صبحانه دستور العمل های پنکیک “>
هیچکدام از دو مثال آخر برای متن جایگزین تصویر توصیه نمی شود. مثال اول که متن جایگزین را خالی گذاشته و متن جایگزین دوم بیش از اندازه و به صورت اسپم از کلمات کلیدی استفاده کرده است.
چرا متن جایگزین مهم است؟
- دسترسی
متن جایگزین یکی از اصول دسترسی در طراحی وب است. هدف اصلی از متن جایگزین توصیف تصاویری است که بازدیدکنندگان به هر دلیلی قادر به دیدن آنها نیستند. این می تواند شامل اشکال در مرورگر وب باشد که بازدید از تصاویر را مسدود کرده است، یا کاربرانی که دچار اختلال در بینایی هستند. متن جایگزین تصویر به شما اطمینان می دهد که همه کاربران صرف نظر از توانایی بصری، می توانند تمام محتوای صفحه سایت شما را به خوبی درک کنند.
- سئو تصاویر
استفاده از متن جایگزین روی تصاویر می تواند تجربه کاربری بهتری ایجاد کند. بعلاوه در کنار پیاده سازی عنوان تصویر و عنوان فایل تصویر، متن جایگزین یکی از ویژگی های تصویر است که به بهبود سئو سایت کمک می کند.
در حالی که فناوری تشخیص تصویر موتورهای جستجو طی سالهای اخیر بسیار پیشرفت کرده است، اما هنوز خزندگان موتورهای جستجو نمی توانند تصاویر سایت را به خوبی ما انسانها ببینند. بنابراین عاقلانه نیست که تفسیر را به عهده آنها بگذاریم. زیرا ممکن است اشتباه تشخیص دهند که این موضوع بر روی رتبه بندی موتورهای جستجو تاثر منفی می گذارد.
چگونه یک متن جایگزین خوب بنویسیم؟
- تصویر را به طور مشخص تا حد امکان توصیف کنید. متن جایگزین برای توضیح تصویر به کسانی است که قادر به دیدن آن تصویر نیستند. بنابراین اگر تصویر صرفا برای زیبایی در سایت آورده شده و معنی خاصی ندارد، تصویر را از طریق css به سایت اضافه کنید نه کد HTML.
- بهتر است متن جایگزین تا حد امکان کوتاه باشد. طول متن جایگزین باید حدود ۱۲۵ کاراکتر و یا کمتر از این مقدار باشد. اگر طول آن یشتر از این مقدار باشد بخش اضافی نمایش داده نمی شود.
- استفاده از کلمات کلیدی در متن جایگزین فرصتی فراهم می کند تا کلمه کلیدی مورد نظر را در صفحه سایت قرار بگنجانید. به علاوه یک سیگنال به موتورهای جستجو ارسال می کند مبنی بر اینکه صفحه سایت با یک کوئری خاص بسیار مرتبط است. در عین حال که اولویت اول توصیف تصویر است اما می توانید از کلمات کلیدی مرتبط هم تا حد امکان استفاده کنید.
- از اینکه بخواهید متن جایگزین را با کلمات کلیدی مملو کنید، خودداری کنید. اگر متن جایگزین از نظر سئو ضعیف باشد گوگل آن را محکوم نمی کند. اما اگر متن جایگزین را از کلمات کلیدی مرتبط انباشته کنید گوگل متوجه می شود و سایت شما را جریمه خواهد کرد.
- از تصاویر به جای متن استفاده نکنید. این روش با اصول سئو سازگار نیست. چرا که موتورهای جستجو نمی توانند متن روی تصاویر را بخوانند.
- چنانچه توضیحات تصویر طولانی است، می توانید برای توضیحات بیشتر از تگ longdesc استفاده کنید.