تگ Alt یا متن جایگزین تصویر چیست و چه تأثیری بر روی سئو دارد؟

متن جایگزین تصویر (alt text) ، که با عناوینی همچون صفت جایگزین، توصیف جایگزین، و در زبان محاوره ای تگ Alt (که این عبارت از نظر فنی و تکنیکی درست نیست!) نیز شناخته می شود، به عنوان یک کد در HTML برای توصیف ظاهر و کارکرد یک تصویر در یک صفحه مورد استفاده قرار می گیرد.

موارد استفاده از تگ Alt یا متن جایگزین تصویر

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

2- اگر نتوان یک فایل تصویری را بارگذاری کرد و یا نمایش تصویر برای مرورگر غیرفعال باشد، تگ Alt یا متن جایگزین تصویر به جای آن تصویر نمایش داده می شوند و این به موضوع به جذب بهتر کاربران کمک خواهد کرد.

3- متن جایگزین تصویر ، توصیف و توضیح بهتری به خزنده های موتورهای جستجو می دهند و برای تشخیص و نمایش درست یک تصویر به آن ها کمک می کنند.

نمونه کد تگ Alt یا متن جایگزین تصویر

<img src="نام تصویر" alt="متن جایگزین تصویر">

بهترین فرمت برای نوشتن تگ Alt یا متن جایگزین تصویر

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

در ادامه چند نمونه متن Alt برای تصویر یک لپتاپ اچ پی آورده شده است:

<img src="laptop.jpg" alt="لپتاپ اچ پی">

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

<img src="laptop.jpg" alt="لپتاپ اچ پی 15 اینچ مدل 011 هارد 500 گیگ">

این متن ، جایگزین بهتری است زیرا به مراتب توصیف بیشتری در مورد تصویر دارد. این تصویر فقط یک “لپتاپ” نیست (آنچه که در تگ Alt اول آورده شد)، این تصویر یک لپتاپ اچ پی 15 اینچ مدل 011 هارد 500 گیگ است.

<img src="laptop.jpg" alt="">

<img src="laptop.jpg" alt="لپتاپ اچ پی 15 اینچ مدل 011 لپتاپ اچ پی 500 گیگ لپتاپ اچ پی رم 8گیگ لپتاپ اچ پی که دیر خراب می شود">

هیچ یک از این دو نمونه قابل قبول نیست، متن اول اصلا تگ Alt را ندارد و متن مورد دوم کلمات کلیدی اضافه و هرز دارد.

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

1- دسترسی وب

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

2- بهینه سازی و سئوی تصاویر سایت

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

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

با توجه به این موضوع و همچنین اثرگذاری محتوای هر صفحه (شامل متن ، تصویر ، ویدئو ، موزیک و…) بر روی سئوی سایت، استفاده از تگ Alt تصاویر راه حل مناسبی برای معرفی بهتر تصاویر هر صفحه وب به موتورهای جستجو و در نتیجه کسب رتبه بهتر و سئوی مناسب تر خواهد شد.

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

چگونه یک تگ Alt تصویر خوب بنویسیم؟

1- مختصر و مفید بنویسید

اکثر بات ها و مرورگرها، متن های جایگزین تصویر که بیشتر از 125 کارامتر باشد را کامل نمی خوانند، بنابراین توصیه می شود که تعداد کاراکترهای تگ Alt در همین حدود باشد.

2- تصویر را دقیق و خاص و تا حد ممکن توصیف کنید

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

3- کلمات کلیدی را در تگ Alt بکار ببرید

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

4- از تصاویر به عنوان متن استفاده نکنید

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

5- از کاربرد بیش از حد کلمات کلیدی بپرهیزید

استفاده بیش از حد معمول از کلمات کلیدی در تگ Alt تصاویر ، موردی است که توسط موتورهای جستجو به عنوان یک فعالیت اسپم شناخته می شود و بر روی رتبه سایت شما تأثیر منفی خواهد گذاشت. پیشنهاد می شود از تگ Alt برای توصیف بهتر تصویر استفاده کرده و در صورت امکان و مرتبط بودن تصویر با کلمه کلیدی ، از کلمه کلیدی خود در تگ Alt به صورت معمول استفاده کنید.

6- استفاده از تگ longdesc=””

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

7- واژه هایی مانند “تصویر”، “عکس” و امثالهم را در تگ Alt قرار ندهید

در واقع تگ Alt برای توصیف و توضیح یک تصویر است، بنابراین نیازی نیست که کلمه “تصویر” را در تگ قید نمایید.

8- دکمه ها را نادیده نگیرید

در اگر وب سایت خود از یک تصویر به عنوان دکمه “submit” استفاده می کنید، به آن تصویر هم ویژگی Alt را بدهید. دکمه های تصویر باید تگ Alt داشته باشند که عملکرد دکمه مانند “جستجو”، “اعمال کن”، “ثبت نام” و غیره را توصیف کند.