تگ Alt تصاویر

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

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

تصاویر در جلب رضایت کاربران اینترنت اهمیت بسیاری دارند و در تمامی صفحه های وب سایت ها از آنها استفاده شده است. عکس ها به واسطه یک قطعه کد در اینترنت نمایش داده میشوند؛ در این کد دو پارامتر بسیار مهم title و alt برای تصاویر وجود دارد.

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

نمونه تگ alt در html

در تمامی وب سایت ها تصاویر با کمک قطعه کد زیر نشان داده می شوند:

<img title=”“image” src=”/“image.jpg”” alt=”“image” />

این قطعه کد در html دارای سه بخش است :

img src: در این قسمت آدرس محلی که تصویر در آن ذخیره شده است، قرار می گیرد.

alt: در این بخش تگ آلت یا همان برچسب تصاویر قرار می گیرد.

title: در این قسمت باید عنوان تصویر خود را بنویسید.

چرا باید از متن جایگزین تصاویر استفاده کنیم؟

1. نمایش تصاویر در جستجوی تصویری گوگل

گوگل برای شناسایی موضوع تصاویر از برچسب تصویر استفاده می کند. با سرچ یک موضوع در گوگل تصاویر مرتبط با آن در قسمت image قرار می گیرد. بنابراین در صورتی که می خواهید تصاویرتان در جستجوی گوگل نمایش داده شود از تگ alt استفاده کنید.

2. قابل فهم شدن تصاویر برای افراد نابینا

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

3. بیان محتوای تصویر به کاربر

حالت بعدی ضرورت استفاده از متن جایگزین برای تصاویر، هنگامی است که کاربر به دلایلی همچون کندی سرعت اینترنت و … نتواند تصاویر سایت را مشاهده کند. در این شرایط برچسب تصویر به آنها نمایش داده می شود.

4. کمک به سئو محتوا

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

یک تگ Alt خوب

برای اینکه مطمئن شوید که تگ آلت تصاویر را به درستی انتخاب کرده اید، از شخصی دیگر بخواهید که برداشت و تصویر ذهنی خود را پس از شنیدن تگ Alt به شما بگوید. اگر تصویری که در ذهن او ساخته شده است با تصویر شما هماهنگی دارد، پس انتخابتان درست است. 

تکنیک هایی برای یک تگ Alt مناسب برای تصاویر :

1. تگ Alt با طول مناسب بنویسید

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

2. از کلمات کلیدی استفاده کنید

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

3. تصاویر را جایگزین متن نکنید

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

4. از کلمات کلیدی بیهوده استفاده نکنید

گفتیم که می توانید از کلمات کلیدی به عنوان متن جایگزین استفاده کنید؛ اما استفاده بیهوده و بی ارتباط کلمات کلیدی به عنوان تگ آلت شما را به دردسر خواهد انداخت. پس از عبارات توصیفی درست استفاده کنید.

5. از دکمه ها استفاده بهینه کنید

اگر در صفحات مختلف سایتتان از فرم استفاده کرده اید، حتما یک تصویر هر چند کوچک برای دکمه های آن در نظر بگیرید. شما باید به کمک تگ آلت این تصاویر کاربرد اصلی این دکمه ها را به گوگل بگویید. مثلا می توانید از عبارات زیر برای دکمه ها استفاده کنید:

 جستجو (Search)، ثبت نام (Sign Up)، ورود (Log In) و اعمال (Apply Now)

آموزش نوشتن Alt تصاویر در وردپرس

برای نوشتن alt تصاویر در وردپرس در ابتدا یک تصویر به صفحه خود اضافه کنید.

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

تکنیک های نوشتن متن alt تصاویر

• هنگام توصیف تصویر از کلماتی همچون (تصویری از…) استفاده نکنید.
• حداکثر 125 کاراکتر برای توصیف تصویر خود بنویسید.
• متن جایگزین بایستی دقیقا مرتبط با موضوع تصویر باشد.
• توضیحات هر تصویر را منحصر به فرد بنویسید.
• از نوشتن توضیحات بی معنا برای تصاویر پرهیز کنید.

چطور متن جایگزین عکس را بهینه کنیم؟

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

آیا نداشتن alt تصاویر به سئو آسیب می‌زند؟

به طور کلی نوشتن تگ alt  بهینه شده برای تصاویر سایت، باعث افزایش سئو سایت و نمایش در نتایج گوگل می شود. همچنین نداشتن image alt باعث کاهش رتبه سئو می شود. 

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

---

اشتباهات رایج در نوشتن متن ALT

نوشتن متن ALT برای تصاویر یکی از مهم‌ترین بخش‌های سئو تصاویر و تجربه کاربری سایت است. اما بسیاری از وبمستران و تولیدکنندگان محتوا در این زمینه دچار اشتباه می‌شوند.

1. استفاده نکردن از متن ALT برای تصاویر

برخی تصور می‌کنند متن ALT فقط برای سئو لازم است و تصاویر تزئینی مهم نیستند. واقعیت این است که همه تصاویر غیر تزئینی باید متن جایگزین داشته باشند تا هم کاربران نابینا بتوانند محتوای تصویر را دریافت کنند و هم گوگل موضوع تصویر را درک کند.
راه‌حل: همیشه هنگام بارگذاری تصویر در وردپرس یا سایر CMSها، بخش ALT را تکمیل کنید.

2. استفاده بیش از حد از کلمات کلیدی (Keyword Stuffing)

نوشتن ALT پر از کلمات کلیدی باعث کیورد استافینگ می‌شود و گوگل آن را جریمه می‌کند.
راه‌حل: متن ALT باید طبیعی و توصیفی باشد و فقط در صورت ارتباط واقعی با تصویر، کلمه کلیدی را اضافه کنید.

3. متن ALT طولانی و پیچیده

متن ALT خیلی طولانی باعث می‌شود ابزارهای خوانش صفحه (Screen Reader) نتوانند آن را کامل بخوانند و تجربه کاربری کاهش پیدا کند.
راه‌حل: طول متن ALT را کمتر از ۱۲۵ کاراکتر نگه دارید و توضیح را کوتاه و دقیق بنویسید.

4. استفاده از عباراتی مانند “تصویری از…”

نوشتن عبارات اضافی و پیش‌فرض مثل «تصویری از…» ضروری نیست و فقط طول متن ALT را افزایش می‌دهد. گوگل خودش می‌داند این متن مربوط به تصویر است.
راه‌حل: متن ALT را مستقیم و توصیفی بنویسید؛ مثلا:«تیشرت مردانه آبی سایز L».

5. متن ALT یکسان برای تصاویر مختلف

استفاده از یک متن ALT برای چند تصویر متفاوت باعث کاهش سئو و تجربه کاربری می‌شود.
راه‌حل: برای هر تصویر یک متن جایگزین منحصر به فرد و مرتبط بنویسید.

6. نادیده گرفتن تصاویر گرافیکی و نمودارها

بسیاری از کاربران ALT را فقط برای عکس محصولات می‌نویسند و از نوشتن توضیح برای اینفوگرافیک، نمودار و دیاگرام‌ها صرف نظر می‌کنند.
راه‌حل: حتماً متن ALT را برای همه تصاویر مهم شامل نمودارها و گرافیک‌ها هم بنویسید تا اطلاعات کامل به گوگل و کاربران منتقل شود.