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

ویژگی alt در تگ img چیست؟

Alt از کلمه alternative به معنی «جایگزین» گرفته شده است. در واقع alt یک متن جایگزین است که با کدهای HTML برای توصیف یک تصویر یا عملکرد آن در صفحه به کار می‌رود. از آنجا که گوگل قادر به تشخیص تصاویر نیست، از alt تصاویر برای شناسایی محتوای آن‌ها استفاده می‌کند. لازم به ذکر است، ویژگی alt و title از نظر فنی یک «تگ» نیست؛ اما معمولاً به آن تگ گفته می‌شود.

تگ title یا تگ عنوان در تصاویر چیست؟

ویژگی title که معمولاً با نام تگ title شناخته می‌شود، زمانی که ماوس را بر روی تصویر نگه‌دارید نمایش داده می‌شود.
شما می‌توانید از تگ title به عنوان یک call to action بهره ببرید. مثلاً وقتی کاربر نشانگر ماوس را بر روی تصویر نگه دارد، نوشته «با 50% تخفیف بخرید» ظاهر شود.
البته نوشتن تگ title –برخلاف تگ آلت- برای تصاویر ضروری نیست و حتی بسیاری از اوقات نوشتن آن بی‌معنی نیز هست؛ چراکه در دستگاه‌هایی مثل موبایل قابل مشاهده نیست.

کاربرد متن جایگزین تصاویر (alt)

Alt عکس سه کاربرد عمده و مهم می‌تواند داشته باشد:

1. با اضافه کردن متن جایگزین (alt) به عکس‌ها، آن‌ها در سراسر وب دسترس‌پذیر می‌کنیم. کاربرانی که از ابزارهای کمکی برای نابینایان و کم‌بینایان استفاده می‌کنند (ابزارهایی که صفحه‌نمایش را برای کاربر می‌خواند) نیز می‌توانند متوجه تصاویر موجود در صفحه و موضوع تصاویر شوند.
2. alt عکس در شرایطی که عکس نتواند لود شود، به جای عکس نمایش داده می‌شود. به این ترتیب کاربر با مشاهده نوشته جایگزین عکس می‌تواند متوجه شود در این جای خالی لود نشده، چه عکسی بوده است.
3. alt تصاویر توصیفی از عکس برای خزنده‌های موتورهای جستجو فراهم می‌کند تا بتوانند به درستی عکس را ایندکس کنند.

تگ alt و  عنوان تصویر در وردپرس

اگر سایتی وردپرسی دارید و قصد دارید برای تصاویرتان از ویژگی alt استفاده کنید، کافی است مراحل زیر را دنبال کنید:

1. از منوی سمت راست وارد بخش رسانه > کتابخانه شوید.
2. تصویر مورد نظر را انتخاب کنید.
3. در سمت چپ تصویر بخشی را مشاهده خواهید کرد . در آن عبارت «متن جایگزین» نوشته شده است. این همان تگ alt عکس است. در کادر مقابل آن متنی که به خوبی توصیف کننده تصویر باشد را بنویسید. برای اینکه یک تگ آلت ایده آل بنویسید به بخش «نکاتی برای نوشتن یک alt مناسب» که در ادامه همین مطلب آمده است مراجعه کنید.

هم‌چنین زمانی که تصویری را در وردپرس آپلود می‌کنید، به طور مستقیم وارد بخش کتابخانه خواهید شد. در همان‌جا در سمت چپ تصویر می‌توانید متن جایگزین را وارد کنید.

آیا تگ alt در تصاویر به رنک شما کمک می کند

بخش‌های کد HTML خصوصیت Alt

اگر از سایت وردپرسی استفاده نمی‌کنید، باید با کدهای HTML ویژگی alt تصاویر سایتتان را مشخص کنید. به این منظور از کد زیر استفاده کنید:
<img scr=”https://sample.com/image.jpg” alt=” درخت زینتی سرو فری با برگ‌های فلسی “> title=”درخت سرو فری”
این کد، یک کد کامل، شامل سه بخش زیر است:

آدرس تصویر

همان طور که مشاهده می‌کنید، در بخش اول کد HTML با استفاده از عبارت img scr آدرس تصویر را مشخص کرده‌ایم. بعد از نوشته img scr یک علامت مساوی قرار دهید و سپس آدرس را در گیومه وارد کنید.

ویژگی Alt

بعد از نوشتن آدرس، نوبت به تگ Alt می‌رسد. در این بخش از کد HTML با نوشتن واژه alt و قرار دادن یک مساوی، متن جایگزین را داخل گیومه وارد می‌کنیم.

ویژگی title

اگر بخواهید تگ title را نیز در کد HTML وارد کنید، آن را بعد از تگ Alt در گیومه قرار دهید.

تأثیر alt در سئو

استفاده از ویژگی alt برای تصاویر سایت علاوه بر اینکه تجربه کاربری بهتری برای افراد کم‌بینا یا نابینا ایجاد می‌کند، برای سئو تصویر نیز مزایایی خواهد داشت که در ادامه به آن می‌پردازیم.

1. دیده شدن در سرچ تصاویر: همان طور که پیش‌تر نیز گفته شد، موتورهای جستجو نمی‌توانند تصاویر را ببینند. تگ alt وسیله‌ای است که محتوای تصویر را برای خزنده‌های گوگل و دیگر موتورهای جستجو تفسیر می‌کند. در نتیجه برای اینکه تصاویر وب‌سایتتان بتوانند در فهرست نتایج سرچ تصویری موتورهای جستجو ایندکس شوند نیاز به تگ آلت دارند.
2. قوی‌تر شدن ارتباط محتوای صفحه با کلیدواژه: با قرار دادن تصاویر مرتبط با متن در صفحه وب به خزنده‌ها این پیام را می‌رسانیم که صفحه ما چه از نظر متن نوشتاری و چه تصاویر استفاده شده همگی در راستای کلیدواژه اصلی صفحه قرار گرفته‌اند. در نتیجه صفحه در نتایج سرچ وب نیز رتبه بهتری خواهد گرفت.
3. ارتباط تگ alt تصویر با متن اطراف: تصویری که در متن به کار می‌رود باید با نوشته‌های اطراف آن مرتبط باشد. از همین رو گوگل به واژه‌هایی که در تگ alt تصاویر برای توصیف آن‌ها استفاده می‌شود و واژه‌هایی که در نوشته‌های محتوای اطراف آن مشاهده می‌شود توجه ویژه‌ای دارد. مرتبط بودن این واژه‌ها نشان می‌دهد عکس در جای مناسبی قرار گرفته و با متن اطرافش ارتباط معنایی دارد.

بیشتر بخوانید:

• سئو در گرگان
• معنای google honeymoon
• آموزش عملی سئو
• ساخت robottxt
• خدمات الکسا

نکاتی برای نوشتن یک alt مناسب

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