متن جایگزین (ALT TEXT) برای تصاویر چیست؟ و ارتباط آن با سئو

متن جایگزین (ALT TEXT) برای تصاویر چیست؟ و ارتباط آن با سئو

متن جایگزین (ALT TEXT) برای تصاویر چیست؟ و ارتباط آن با سئو

متن جایگزین (ALT TEXT) برای تصاویر چیست؟ و ارتباط آن با سئو 1080 565 تحریریه همیار ما

در این مقاله ما، در مورد مفهوم متن جایگزین، چه کاربرد هایی در رابطه با سئو و بهینه سازی سایت دارد، و چگونگی نوشتار خوب یک متن جایگزین را توضیح خواهیم داد. Alt text یعنی متن جایگزینی که به عنوان ویژگی های  (Alt attributes”) شناخته می شود، که در یک کد HTML برای توصیف ظاهر و عملکرد یک تصویر یا عکس در یک صحفه وب سایت استفاده می شود. یکی از مهمترین نکات برای بهینه سازی تصاویر استفاده از Alt برای تصاویر است، که نقش مهمی در سئو سایت دارد. تصاویر نقش مهمی در سئو سایت شما دارند، استفاده از تصاویر جذاب و متقاعد کننده به کاربر شما کمک می کند که مطالب تان را بهتر بفهمند و می تواند ترافیک خوبی را به سوی سایت تان روانه کند.
نکته: Alt text از نظر فنی به عنوان تگ آلت( alt tags) شناخته نمی شود.

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

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

متن جایگزین این امکان را به خزنده های موتورهای جستجو می دهند که؛ بهتر تصاویر را بخزند، تا کمک کنند تصاویر بهتر ایندکس شوندمتن هایلایت شده در وسط این تصویر نشان دهنده ی alt تصویر می باشد.
نمونه یک کد ساده تگ تصویر HTML: <img  src=”pupdanceparty.gif” alt=”Puppies dancing”>

  • img src: این بخش، در رابطه با آدرس تصویر است؛ برای آنکه تصویری را در محتوای سایت تان قرار دهید، باید آدرس تصویر را در محلی که ذخیره کرده اید را در این قسمت قرار بدهید.
  • alt: این بخش مرتبط با تگ alt است. که بین علامت نقل قول، باید تگ Alt مورد نظر تان را قرار دهید.
  • title: این بخش عنوان تصویر شماست. در این بخش باید برای تصویر خود عنوان مناسبی قرار دهید.

قالب بهینه Alt text یا همان متن جایگزین

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

بهترین قالب برای alt text متن جایگزین، توصیفی وار بودن آن است

  • <img src=”pancakes.png” alt=”pancakes”> این کد تقریبا مناسب برای این تصویر می باشد.

بهتر است که این کد اینجوری نوشته شود:

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

ترجمه: پنکیک بلوبری با شکر پودر شده

این alt text جایگزین بهتری است؛ چون به مراتب بیشتر در مورد تصویر توضیح داده است.

توصیه نمیشود به این شکل نوشته شود:

  • <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”>  یا

دلیل اینکه این تگ ها توصیه نمیشود این است که مورد اول شامل alt text مناسبی اصلا نمی شود چون بدون هیچ توضیحی آورده شده  و مورد دوم هم کلمه کلیدی را به زور گنجانده است.
نکته: در مثال‌های بالا، برای دقیق فهمیدن کاربر از تگ Alt و عدم بهم زنی آن از تگ‌های انگلیسی استفاده شده است. این به این معنا نیست که نباید تگ Alt خود را به زبان فارسی بنویسید.

برای نوشتن alt text به موارد زیر توجه کنید

  • قابلیت دسترسی

alt text یک اصل از طراحی وب سایت می باشد. هدف اصلی و (هنوز هم اولیه) این است که تصاویر را برای بازدیدکنندگانی که نمیتوانند تصاویر را ببینند، توصیف کند. این شامل بازدید کنندگانی می شود که مشکلات بینایی و نقص دید دارند و یا افرادی که به خاطر استفاده از یک مرورگر خاص؛ نمی توانند به راحتی تصاویر را ببینند، میشود.
در واقع با ALT text کردن تصاویر خود به کاربران تان کمک خواهید کرد تا صرفه نظر از مشکلات مرتبط با نمایش تصاویر از تمام بخش های محتوای تان بهره مند شوند.

  • با استفاده از تصاویر سایت خود را بهینه سازی کنید

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

چطور alt text متن جایگزین مناسب و جذاب بنویسیم

  • تصویر را تا جایی که می توانید خوب توصیف کنید

همان طور که گفتیم مهمترین و اولین هدف alt text توصیف تصویر برای کاربرانی است که به هر دلیلی قادر نیستند تصویر را ببینند. اگر تصاویری دارید که معنای خاصی ندارند و فقط برای زیبایی در سایتتان استفاده می کنید، بهتر است آنها را به ‌جای گنجاندن در کدهای HTML، در میان کدهای CSS قرار دهید.

  • مختصر و مفید و با طول مناسب بنویسید

از عبارات بلند برای توصیف تصویر خود استفاده نکنید، که معمولا افراد نابینایی که از مرورگرهای خاصی استفاده می کنند نمی توانند آن را بخوانند. برای توصیف یک تصویر سعی کنید به کلیات آن تصویر اشاره کنید نه به جزئیات آن. مثلا تصویر شما در مورد خودری سمند است مشخصاتی مانند مدل، رنگ، و سال تولید نیاز دارد؛ بنابراین عبارت سمند کلاس سورن مشکی 2018 کمترین توصیفی است که می توانید از یک خودری سمند داشت. با این اوصاف و براساس تجربیات می توان گفت تگ alt باید کمتر از 125 کاراکتر باشد.

  • کلید شما استفاده از کلمات کلیدی است

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

  • از کلمات کلیدی بیهوده استفاده نکنید

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

  • در درون تصاویر متن ننویسید

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

  • از عبارات “عکس یک” تصویر یک” استفاده نکنید

برای توصیف تصویر خودتان از این گونه عبارت بپرهیزید چون که موتورهای جستجو از متن alt شما متوجه می شوند که برای توصیف یک تصویر به کار برده شده است پس بنابراین نیازی به اشاره کردن به تصویر خود با این گونه عبارات ندارید.

  • از عبارات طولانی غافل نشوید

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

  • به دکمه ها اهمیت بدهید

اگر در سایتتان یک فرم دارید و از یک تصویر برای دکمه ارسال استفاده می کنید؛ حتما باید از تگ alt برای توصیف کامل و کاربرد آن استفاده کنید. نوشتن عباراتی مانند جستجو (Search)، ثبت نام (Sign Up)، و انجام (Apply Now) در متن alt این دکمه‌ها ضروری است.
در انتها خوب است با ذکر مثالی کاربردی این مطلب را به پایان برسانیم. به تصویر دقت کنید:

متن جایگزین برای این تصویر خروس

  • یک alt text خوب: خروس
  • یک alt text بهتر: غرش خروس
  • بهترین alt text برای این تصویر: یک خروس به رنگ سرخ متمایل به قرمز با صدایی غرش آور

منبع: moz.com

درحال ارسال
امتیاز دهی کاربران
2.5 (2 رای)