اگر در صفحه وب از عکس استفاده می‌کنید ، بهتر است برای تمامی آن‌ها تگ alt را قرار دهید. تگ alt، متن جایگزینی است که در صورت لود شدن یا نشان یک گرافیک روی صفحه ظاهر می‌شود. این تگ، مکان دیگری برای قرار گرفتن کلیدواژه‌ها به منظور بهبود رتبه بندی موتور جستجوگر است. حتی اگر سایتتان محتوای مناسبی دارد و این محتوا به خوبی نیز کد شده، استفاده از تگ alt باعث تقویت کارایی کلیدواژه‌های مهم می‌شود.
نظرات زیادی در مورد ارزش تگ altدر بهینه سازی موتور جستجوگر وجود دارد. بعضی طراحان وب به جای گذاشتن یک توضیح دقیق در مورد عکس مورد نظر، تگ alt را فقط با رشته‌ای از کلمات کلیدی پر می‌کنند.
تگ alt باید برای هر عکسی روی سایت، حتی اگر ارزشی نیز برای SEO نداشته باشد. استفاده شود. زیرا مشاهده توضیحات عکس به افرادی که با لود شدن آن مشکل دارند، کمک بزرگی می‌کند. یک نمونه از تک alt می‌تواند توضیحی برای عکس مونالیزا، روی طراحی سایت تان باشد. این تگ به این صورت است: Alt=”Mona Lisa”
تگ altمعمولا در انتهای تگ image این طور ظاهر می‌شود.
<img width=”100” height=”100” src=”monalisa.jpg” alt=”Mona Lisa”>
بیایید این تگ را شکسته و هر بخش آن را مجزا بررسی کنیم:
عرض تصویر: <img width=”100”
طول تصویر: Height=”100”
منبع عکس: Src=”monalisa.jpg”
متن جایگزینی که در صورت نبودن عکس ظاهر می‌شود: Alt=”Mona Lisa”>
نکته دیگر اینکه برای تاثیر گذاری بیشتر، این تگ ها باید برای هر عکس واحدی، مجزا در نظر گرفته شوند. اگر سایتتان خوب کد نشده باشد و یا تعداد زیادی تصویر روی صفحه داشته باشید، انجام این کار، پر زحمت خواهد بود.
تگ Alt در لینک‌های گرافیکی
زمانی که بازدید کنندگان سایت با غیر فعال کردن قابلیت نمایش گرافیک از مرورگر مبتنی بر متن استفاده می‌کنند، به کاربردن تگ alt در این شرایط بسیار کاربردی است. و این موضوع تگ alt را با اهمیت کرده است.
اگر سایتتان شامل تعداد زیادی عکس تکراری است، استفاده از تگ alt یکسان،کاری اضافی به نظر می‌رسد. علاوه بر این وقتی از گرافیک‌ها به عنوان لینک استفاده می‌کنید ، بازدید کنندگان خیلی زود از دیدن عبارت alt=”hyperlink” خسته خواهند شد.
چنان چه تصاویر به کار رفته در صفحه و لینک‌های تان شامل اطلاعات مهمی برای سایت است، می‌توانید برای یک نمونه از آن، از تگ توضیحی alt استفاده کرده و پس از آن برای هر عکس تکراری، تگ alt را خالی بگذار ید. Alt=” “
اگر از تگ های جایگزین روی لینک‌های گرافیکی استفاده می‌کنید ، می‌توانید هر یک از آن‌ها را با قرار دادن آدرس سایت لینک داده شده در تگ alt، متمایز کنید . البته به جای قرار دادن آدرس‌هایی به طول سه یا چهار خط، از آدرس وب مبنا استفاده کنید مثل آدرس www.basicaddress.com
شکل نحوه نمایش لینک‌های گرافیکی را با متن alt و بدون آن نشان می‌دهد.
فرقی ندارد از چه نوع گرافیکی استفاده می‌کنید ، ولی بهتر است از تگ های کوتاه استفاده کنید . یک قانون خوب می‌گوید تگ alt نباید بیشتر از یک خط باشد، بنابراین بهتر است از طولانی کردن تگ altبپرهیزید. استفاده از تگ alt چه در لینک‌های تصویری و چه در خود گرافیک، تنها راه سر در آوردن از مطالب سایتتان توسط افرادی است که نمی‌توانند عکس‌ها را ببینند.
نظرات زیادی در مورد ارزش تگ altدر بهینه سازی موتور جستجوگر وجود دارد. بعضی طراحان وب به جای گذاشتن یک توضیح دقیق در مورد عکس مورد نظر، تگ alt را فقط با رشته‌ای از کلمات کلیدی پر می‌کنند.
تگ alt باید برای هر عکسی روی سایت، حتی اگر ارزشی نیز برای SEO نداشته باشد. استفاده شود. زیرا مشاهده توضیحات عکس به افرادی که با لود شدن آن مشکل دارند، کمک بزرگی می‌کند. یک نمونه از تک alt می‌تواند توضیحی برای عکس مونالیزا، روی طراحی سایت تان باشد. این تگ به این صورت است: Alt=”Mona Lisa”
تگ altمعمولا در انتهای تگ image این طور ظاهر می‌شود.
<img width=”100” height=”100” src=”monalisa.jpg” alt=”Mona Lisa”>
بیایید این تگ را شکسته و هر بخش آن را مجزا بررسی کنیم:
عرض تصویر: <img width=”100”
طول تصویر: Height=”100”
منبع عکس: Src=”monalisa.jpg”
متن جایگزینی که در صورت نبودن عکس ظاهر می‌شود: Alt=”Mona Lisa”>
نکته دیگر اینکه برای تاثیر گذاری بیشتر، این تگ ها باید برای هر عکس واحدی، مجزا در نظر گرفته شوند. اگر سایتتان خوب کد نشده باشد و یا تعداد زیادی تصویر روی صفحه داشته باشید، انجام این کار، پر زحمت خواهد بود.
تگ Alt در لینک‌های گرافیکی
زمانی که بازدید کنندگان سایت با غیر فعال کردن قابلیت نمایش گرافیک از مرورگر مبتنی بر متن استفاده می‌کنند، به کاربردن تگ alt در این شرایط بسیار کاربردی است. و این موضوع تگ alt را با اهمیت کرده است.
اگر سایتتان شامل تعداد زیادی عکس تکراری است، استفاده از تگ alt یکسان،کاری اضافی به نظر می‌رسد. علاوه بر این وقتی از گرافیک‌ها به عنوان لینک استفاده می‌کنید ، بازدید کنندگان خیلی زود از دیدن عبارت alt=”hyperlink” خسته خواهند شد.
چنان چه تصاویر به کار رفته در صفحه و لینک‌های تان شامل اطلاعات مهمی برای سایت است، می‌توانید برای یک نمونه از آن، از تگ توضیحی alt استفاده کرده و پس از آن برای هر عکس تکراری، تگ alt را خالی بگذار ید. Alt=” “
اگر از تگ های جایگزین روی لینک‌های گرافیکی استفاده می‌کنید ، می‌توانید هر یک از آن‌ها را با قرار دادن آدرس سایت لینک داده شده در تگ alt، متمایز کنید . البته به جای قرار دادن آدرس‌هایی به طول سه یا چهار خط، از آدرس وب مبنا استفاده کنید مثل آدرس www.basicaddress.com
شکل نحوه نمایش لینک‌های گرافیکی را با متن alt و بدون آن نشان می‌دهد.
فرقی ندارد از چه نوع گرافیکی استفاده می‌کنید ، ولی بهتر است از تگ های کوتاه استفاده کنید . یک قانون خوب می‌گوید تگ alt نباید بیشتر از یک خط باشد، بنابراین بهتر است از طولانی کردن تگ altبپرهیزید. استفاده از تگ alt چه در لینک‌های تصویری و چه در خود گرافیک، تنها راه سر در آوردن از مطالب سایتتان توسط افرادی است که نمی‌توانند عکس‌ها را ببینند.
