اغلب افراد از میزان اهمیت تصاویر در یک مطلب آنلاین آگاه هستند و برای جذاب شدن و بهتر خوانده شدن و در برخی موارد برای کوتاه کردن مطلب از تصاویر استفاده میکنند.استفاده از تصاویر سبب درک بهتر مطلب توسط کاربران اینترنتی میشود,اما کاربرد تصاویر تنها به این مورد خلاصه نمیگردد.
تصاویر نقش اساسی در بهبود سئو سایت ایفا میکنند استفاده از تصاویر جذاب نه تنها به بهتر خوانده شدن مقاله سایت شما توسط کاربران کمک میکند, بلکه قادر هستند ترافیک خوبی را نیز به سمت سایت شما هدایت کنند.
یکی از مواردی که در بهینهسازی تصاویر سایت بدان باید توجه کرد بهکارگیری ویژگی Alt تصاویر است.تگ Alt و تگ عنوان در بهبود جایگاه مطالب در نتایج جستجوی گوگل و تقویت دسترسی کاربران به سایت شما تأثیرگذار هستند.
تگ Alt چیست؟
در تمامی تصاویر استفادهشده در یک سایت تگ Alt بیانکننده موضوعی است که از تصاویر استنباط میگردد.این تگ قادر است به عنوان متنی جایگزین برای تصاویر در هنگامی که خطا در لود تصاویر رخ میدهد مورد استفاده قرار گیرد تا بازدیدکنندگان در صورت عدم نمایش تصویر از مفهوم آن اطلاع داشته باشند.
علاوه بر این مرورگرها این امکان را دارند که هنگامی که افراد نابینا و یا دارای اختلالات بینایی برای شنیدن مطالب آنلاین ازان استفاده میکنند خواند این تگها توسط مرورگر انتقال مفهوم و محتوای تصاویر را برای این افراد میسر کند.اما این تنها کاربردی که از تگ Alt میشود نیست.
کدی که در زیر مشاهده مینماید یک تگ تصویر Html کامل است:
<img title=”“image” src=”“image.png”” alt=”“image” />
همانگونه که در بالا مشاهده کردید 3 قسمت در کد Html وجود دارد که در زیر کاربرد هر کدام از آنها را بررسی خواهیم نمود:
- img src: این قسمت مربوط به ادرس تصویر بهکاررفته است.برای این که تصویر در محتوای سایت خود قرار دهید باید آدرس تصویر در محلی ذخیره گشته شده را در این بخش قرار دهید.
- alt: این قسمت مربوط به تگ Alt است.در بین علامت نقلقول باید تگ Alt مورد نظر خود را قرار دهید.
- Title: این قسمت در واقع عنوان تصویر شما است.در این بخش برای تصویر که استفاده میکنید عنوان مناسب بنویسد.
ویژگی عنوان و Alt در یک تصویر اگر چه از نظر تکنیکی واقعاً تگ محسوب نمیگردد اما با نام تگ عنوان و Alt شناسایی میشوند. تگ Alt درک و کاربردی از تصویر را بیان میکند.پس اگر شما از یک تصویر به عنوان یک دکمه برای دانلود استفاده میکنید. تگ
Alt ان باید چیزی شبیه به دکمه دانلود باشد.
در اغلب موارد تصاویر سایت ها برای درک بهتر موتورهای جستجو به تگ Alt نیاز دارند.
تأثیر استفاده از تگ Alt بر سئو سایت
از نظر موتور جستجوی گوگل تگ Alt تصاویر دارای اهمیت بالایی هستند.زیرا سبب فهم آسان و راحتی تعیین موضوع محتوای حول آنها صورت میگیرد.میزان اهمیت تگ Alt به قدری جدی است که گوگل سرویس google image را بر پایه آن بنا نهاده است.و نیز افزونه سئو یاست (Yoast seo)
محتوای سایت را قبل از بارگذاری مورد بررسی قرار داده و سفارش میکند که حداقل یکی از تصاویر به همراه تگ Alt که دارای کلمه کلیدی است در محتوای وجود داشته باشد.بدین صورت در صورت عدم وجود تصویر در محتوا استفاده نکردن از تگ به شما اعلام میکند.
تگ Alt و تگ عنوان در سیستم مدیریت محتوای وردپرس
اگر از سیستم مدیریت محتوای وردپرس استفاده میکنید.قادر خواهید بود از امکان از قبل تعریفشده برای تگ عنوان و تگ Alt بهره بگیرید.این سیستم مدیریت محتوا به طور پیشفرض از نام که تصاویر با آن ذخیره میگردند برای تگ عنوان و یا نام تصویر در مطلب در نظر میگیرد.که در عدم ارتباط آن با محتوا باید نام را تغییر دهید.
چگونه میتوانیم یک تگ Alt خوب بنویسیم؟
برای نوشتن یک تگ Alt مناسب باید موارد زیر رعایت کنید:
1).تصویر را به بهترین نحو ممکن توصیف کنید: تگ Alt مهمترین عامل برای تعیین محتوای تصاویر برای گوگل و سایر موتورهای جستجو و آن دسته از افرادی است که از قدرت بینایی مناسبی برخورد دار نیستند است.اگر از تصاویری استفاده میکنید که مفهوم خاصی ندارند و تنها به خاطر زیبایی استفاده میکنید بهتر است ان را به جای قرار دادن در بین کدهای Html در بین کدهای CSS قرار دهید.
2). تگ Alt با طول مناسب بنویسید:عموماً عبارتهای کوتاه برای تعریف هیچ تصویری کافی به نظر نمیرسد.تصویر حتی اگر درباره یک خودرو باشد.باز هم نیاز به مشخصاتی مانند رنگ,سال تولید,قدرت موتور و …. نیاز دارند.
3).از کلمات کلیدی استفاده کنید: تگهای Alt مکان مناسبی برای بهکارگیری کلمات کلیدی هستند و در نتیجه یک مکان دوباره برای نوربالا دادن به گوگل است تا به ارتباط محتوای شما با یک عبارت خاص است.
4).بیفایده کلمات کلیدی را به کار نبرید: اگر چه گوگل قادر نیست به طور کامل ضعف مطلب شما را تشخیص دهد.اما استفاده نا به جا از کلمات کلیدی در تگهای Alt بدون لحاظ کردن ارتباط میان تصویر و متن تگ میتواند شما را به دردسر بی اندازد.توصیه میکنیم فقط عبارتهای مناسب تصاویر را توصیف کنید.
5).دکمههای فرم ها را نادیده بگیرید:اگر در سایت خود از فرم ها استفاده میکنید و از تصاویر برای مثال دکمه ارسال submit استفاده میکنید.حتماً از تگ های Alt برای توصیف کامل نتیجه استفاده کنید.پس نوشتن عباراتی مانند جستجو,ثبتنام،ورود، خروج در متن Alt این دکمهها ضروری است.
تگ Alt تصاویر را به جستجوی کاربران نزدیک کنید.سعی کنید طوری تگ تصاویر را بنویسد که علاوه بر جذاب بودن برای موتورهای جستجو هم نزدیک باشد.
بازم مثل همیشه آموزش ها عالی بود، به نظر من بهترین سایت آموزشی برای وبمستر ها سایت شماست و جای تقدیر و تشکر داره
سلام به نظرتون وجود تصاویر در مقالات فقط بخاطر نمایش در جستجوی تصاویر گوگل تاثیر دارد یا اینکه گوگل به سایت های که در مقالاتشون تصویر دارند یک امتیاز مثبت محسوب می کند و سئو بهتری خواهد داشت؟
سلام دوست عزیز،
بله، گوگل توجه ویژه ای به تصاویر و به خصوص تصاویر اختصاصی سایت ها می کند. وجود تصویر در محتوا شانس کسب جایگاه شما را افزایش می دهد.