تگ Alt تصاویر چیست؟ | نکات بهبود سئو با تگ alt

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

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

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

 

 

نمونه تگ alt در html

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

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

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

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

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

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

 

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

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

 

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 تصاویر در وردپرس در ابتدا یک تصویر به صفحه خود اضافه کنید.

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

 

 

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

برای نوشتن تگ alt وردپرس لازم است تکنیک های زیر را مدنظر داشته باشید.

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

 

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

برای سئو محتوا و تصاویر لازم است از تکنیک های سئو کلاه سیاه استفاده کنیم. (سئو کلاه سیاه چیست؟) در ادامه به بررسی یک سری نکات در رابطه با بهینه سازی متن جایگزین عکس می پردازیم.

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

 

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

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

 

خصوصیت title تصاویر چیست؟

همانطور که گفتیم یکی از پارامترهای قطعه کد تصاویر سایت، 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 را برای همه تصاویر مهم شامل نمودارها و گرافیک‌ها هم بنویسید تا اطلاعات کامل به گوگل و کاربران منتقل شود.

 

تفاوت تگ alt و title تصاویر چیست؟

تگ‌های alt و title هر دو برای تصاویر در HTML استفاده می‌شوند، اما کاربرد آن‌ها کاملاً متفاوت است. تگ alt (متن جایگزین تصویر) برای توصیف محتوای تصویر به موتورهای جستجو و کاربران (در صورت لود نشدن تصویر یا استفاده از ابزارهای خوانش صفحه) به‌کار می‌رود.

در مقابل، تگ title تصویر بیشتر نقش توضیح تکمیلی دارد و زمانی نمایش داده می‌شود که کاربر ماوس را روی تصویر نگه دارد.

به زبان ساده:

• alt = برای سئو و فهم گوگل + دسترس‌پذیری
• title = برای تجربه کاربری (نمایش هنگام hover)

استفاده درست از این دو تگ می‌تواند هم به بهبود سئو تصاویر کمک کند و هم تجربه کاربری سایت را بهتر کند.

 

تاثیر متن alt در سئو تصاویر گوگل چیست؟

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

زمانی که برای تصاویر سایت خود alt مناسب و مرتبط می‌نویسید:

• احتمال نمایش در Google Images افزایش پیدا می‌کند
• گوگل بهتر موضوع صفحه را درک می‌کند
• سیگنال‌های سئویی قوی‌تری به صفحه ارسال می‌شود

در نتیجه استفاده از alt بهینه می‌تواند به بهبود رتبه کلی صفحه در نتایج جستجو کمک کند، مخصوصاً در سایت‌های محتوایی و فروشگاهی.

 

آیا گوگل بدون تگ alt می‌تواند تصویر را بفهمد؟

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

در واقع بدون تگ alt:

• گوگل در درک دقیق مفهوم تصویر محدود می‌شود
• احتمال کاهش نمایش در Google Images وجود دارد
• دسترس‌پذیری سایت برای کاربران نابینا کاهش پیدا می‌کند

بنابراین حتی اگر گوگل بتواند تصویر را حدس بزند، همچنان تگ alt نقش اصلی و ضروری در سئو تصاویر دارد و نباید حذف شود.

 

 

در پایان

در این مطلب توضیح دادیم alt تصویر چیست و چه کاربردی دارد. همچنین به بررسی نکاتی در رابطه با سئو شدن image alt پرداختیم. اکنون که با اهمیت و کاربرد تگ آلت آشنا شدید، بهتر است برای تمامی تصاویر سایت خود از این ویژگی استفاده کنید.