تگ Alt یا همان متن جایگزین ، یک قطعه کد HTML است که برای توضیح محتوای تصاویر وبسایت از آن استفاده می شود.همانطور که می دانید تصاویر کمک زیادی به خوانایی ، زیبایی و درک بهتر محتوای صفحات وبسایت می کنند علاوه بر این دربهبود رتبه و نتایج سایت هم می توانند نقش موثری داشته باشند. اما چطور با استفاده از تصاویر میتوانیم در بهبود سایت و افزایش ترافیک موثر باشیم؟
متن جایگزین در کجا استفاده می شود؟
گاهی اوقات به دلیل اختلالات اینترنت مشاهده می کنید که عکس در صفحه وبسایت لود نمی شود یا اینکه زمان بیشتری نیاز دارد تا لود شود در این صورت متن جایگزین تصویر به کاربر نمایش داده می شود.همچنین متن جایگزین به افراد نابینا نیز کمک میکند چرا که این دسته از کاربران باید از مرورگرهایی استفاده کنند که امکانات خاص برای نابینایان دارد تگ ALT کمک می کند تا آنها هم مفهوم تصاویر را درک کنند. و از همه مهم تر کمک می کند موتورهای جستوجوگر تصاویر محتوای صفحه را درک کنند و بتواند بهتر مطالب سایت را ایندکس کنند.یکی دیگر از موارد مهم استفاده از متن جایگزین این است که از تصاویر سایت لینک هایی در نتایج جستوجو ایجاد میکند که موجب ورود کاربران به سایت می شود چراکه عده ای از کاربران فقط به نتایج تصویری مراجعه می کنند.
روش صحیح استفاده از متن جایگزین
متن جایگزین باید به گونه ای باشد که به خواننده درک درستی از تصویر بدهد همچنین باید دقت کنید برای استفاده از کلمات کلیدی صفحه در متن جایگزین زیاد روی نکنید.
فرمت صحیح متن جایگزین
<img src="pupdanceparty.gif" alt="Puppies dancing">
برای مثال به متن جایگزین تصویر زیر دقت کنید:
<img src="pancakes.png" alt="آیفون 7 پلاس">
این متن جایگزین مناسب تصویر می باشد اما می توان برای درک بهتر تصویر آنرا بهتر کرد مثلا:
<img src="pancakes.png" alt="اپل آیفون 7پلاس مشکی">
همانطور که مشاهده می کنید این متن جایگزین برای درک بهتر و توضیح بیشتر تصویر مناسب تر است.
مواردی که اصلا پیشنهاد نمی شود:
1-<img src="pancakes.png" alt="">
2-<img src="pancakes.png" alt="اپل 7 آیفون 7 مشکی بهترین گوشی 2017 اپل آیفون 7 مشکی نقره ای طلایی تعمیرات اپل آیفون 7پلاس ">
همانطور که مشاهده می کنید در مثال اول تصویر هیچ توضیحی ندارد و در تصویر دوم در استفاده از کلمات کلیدی افراط شده است.
چرا باید از متن جایگزین استفاده کنیم؟
1- معرفی بهتر تصاویر
همانطور که قبلاً هم به آن شاره کردیم متن جایگزین به توضیح تصاویر برای همه کاربران و مرورگر ها می پردازد. از جمله کاربرانی که توانایی مشاهده تصاویر راندارند همچنین صفحه خوان ها (اسکرین ریدر) و مرورگرهایی که دسترسی به تصویر آنها بسته شده است.استفاده از تگ alt در تصاویر امکان درک محتوای تصویر به همه ی کاربران سایت را می دهد.
یکی از اصلی ترین اصول طراحی وب متن جایگزین میباشد.
2- سئو تصاویر
متن جایگزین در سئو بهتر تصاویر وهمچنین بهینه سازی نام تصاویر و عنوان آن ها بسار موثر است.
با به روز شدن الگوریتم های گوگل و همچنین پیشرفت آنها هنوز هم قادر به درک محتوای تصاویر نیستند پس با کمی تفکر به این نتیجه می رسیم که باید در درک مفهوم تصاویر به آنها کمک کنیم.چراکه امکان اینکه کلمات کلیدیمان در صفحه اشتباهی نمایش داده شوند و رتبه خوبی در نتایج کسب نکنند زیاد است.
چند نکته در نوشتن متن جایگزین مناسب
1- توضیحات کوتاه و ساده بنویسید
متن جایگزین باید به گونه ای باشد که کاربرانی که قادر به مشاهده آن نیستند به توانند به راحتی با خواند توضیحات شما محتوای عکس را درک کنند پس یک توضیح دقیق و کوتاه برای متن جایگزین انتخاب کنید.
2- در متن جایگزین از کلمات کلیدی استفاده کنید
استفاده از کلمات کلیدی در متن جایگزین کمک می کند افرادی که از نتایج جست جوی تصاویر استفاده می کنند وارد وبسایت ما شوند. همچنین با استفاده از کلمات کلیدی در متن جایگزین داریم به گوگل میفهمانیم در چه نتایجی صفحه موردنظرمان را ایندکس کنند.
3- از استفاده از بمباران کلمات (keyword stuffing) بپرهیزید
موتورهای جست وجوگر و همچنین گوگل، رسماً اعلام کرده اند استفاده بیش از حد از کلمات کلیدی را جریمه می کنند و باعث پنالتی شدن سایت می شود. با تمرکز بر روی تصویر یک توضیح ساده برای متن جایگزین تصویر بنویسید.
4- درمتن جایگزین از کلمات تصویر یا عکس استفاده نکنید
استفاده از این کلمات واضح است که نوع این فایل تصویر است واستفاده از این کلمات اشتباه است.
5- از تصویر نوشته در متن جایگزین استفاده نکنید
موتورهای جست وجو توانایی خواندن نوشته تصویری را ندارند پس در قسمت متن جایگزین فقط از متن استفاده کنید.
قرار دادن متن جایگزین در وردپرس
اگر شما از سیستم مدیریت محتوای وردپرس استفاده می کنید میتوانید به راحتی برای عکس های سایتتان از متن جایگزین استفاده کنید.وردپرس به صورت پیش فرض نام فایل عکس را در متن جایگزین قرار می دهد که اینکار از خالی ماندن قسمت متن جایگزین بهتر است ولی خیلی هم خوب نیست و شما باید بهترین توضیح از محتوای عکس را در قسمت متن جایگزین قرار دهید.
جمع بندی
ما در این مقاله سعی کردیم شمارا از مهم بودن مفهوم تگ Alt ، درک آن توسط موتور های جست جوگر و کاربرانی که دارای شرایط خاص هستند و موثر بودن آن در سئو مطلع کنیم.