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

چرا تگ Alt برای سئو مهم است؟

تگ‌های Alt، مانند Google با اجازه دادن به موتورهای جستجو برای درک تصاویر، مستقیماً بر قدرت کلی و رتبه وب سایت تأثیر می‌گذارند. هنگام خزیدن صفحات وب، ربات‌های موتور جستجو نمی‌توانند پیکسل‌ها را مانند انسان‌ها در تصاویر ببینند. در عوض، آنها با مشاهده توضیحات در کد HTML متوجه می شوند که تصویر در مورد چیست. اگر یک تصویر متن جایگزین نداشته باشد، فقط یک نام فایل برای موتور جستجو است. این موضوع ارتباط کلی صفحه را کاهش می دهد. علاوه بر این، این برچسب ها منبع اصلی اطلاعات دستگاه های صفحه خوان هستند که توسط افراد کم بینا استفاده می شود. یک خوب سئوی روی صفحه این استراتژی مستلزم آن است که تصاویر توسط این متون فنی پشتیبانی شوند.

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

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

برای نوشتن یک زیرمتن تصویری صحیح، لازم است محتوای تصویر به صورت واضح، مختصر و توصیفی بیان شود. تمرکز باید همیشه روی کاربر باشد و کلمات کلیدی باید به طور طبیعی در متن قرار گیرند. به عنوان مثال، اگر محصولی در سایت تجارت الکترونیک نمایش داده می شود، لازم است به جای گفتن «محصول»، رنگ، جنس و مدل آن محصول مشخص شود. این رویکرد اطلاعات بسیار دقیق تری در مورد زمینه تصویر به موتور جستجو می دهد. فرض کنید در سناریوی یک وبلاگ مد از عکس کفش های چرمی قرمز استفاده شده است. فقط نوشتن "کفش" کافی نیست. با این حال، افزودن توضیحات دقیق شانس رتبه بندی را افزایش می دهد.

نوع تصویرپیاده‌سازی نادرستروش صحیح
عکس محصولurun1.jpgچکمه های مردانه چرم بند دار مشکی
نمودار و نمودارتجزیه و تحلیل نمودارنمودار نرخ رشد تجارت الکترونیک برای سال 2024
تصویر سرویسخدمات ماکارشناسان ارائه مشاوره سئو در محیط اداری
اسکرین شاتاسکرین شات-2Google Search Console صفحه گزارش عملکرد

چگونه از img Alt در HTML استفاده کنیم؟

در ساختار کد HTML، تگ alt به عنوان ویژگی تگ img اضافه می شود و ناحیه متن جایگزین تصویر را ایجاد می کند. از نظر فنی، این فرآیند معادل هویت دادن به تصویر است. در استانداردهای وب مدرن، انتظار می رود هر تگ img دارای ویژگی alt باشد. حتی اگر تصویر فقط برای اهداف تزئینی باشد، برای استانداردهای دسترس‌پذیری، یک برچسب alt خالی لازم است. وقتی این ساختار کد به درستی تنظیم نشده باشد، موتورهای جستجو مجبور می شوند محتوای تصویر را حدس بزنند، که اغلب منجر به نتایج رتبه بندی نادرست می شود. ما می توانیم این استفاده را در سطح کد به صورت زیر مثال بزنیم:

<img src="kirmizi-deri-ayakkabi.jpg" alt="Bağcıklı kırmızı deri erkek yürüyüş ayakkabısı" title="Kırmızı Deri Ayakkabı">

در خط کد بالا، فیلد src نشان دهنده مسیر فایل تصویر است و فیلد alt نشان دهنده متن توضیحات است که برای سئو بسیار مهم است. فیلد عنوان یک اطلاعات کمکی است که وقتی کاربر با ماوس روی تصویر قرار می گیرد ظاهر می شود.

افزودن Alt Tag در WordPress و پانل های دیگر

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

  1. روی تب Media در پنل مدیریت WordPress کلیک کنید و گزینه Library را باز کنید.
  2. برای مشاهده صفحه ویرایش روی تصویری که می خواهید تگ alt را برای آن اضافه کنید کلیک کنید.
  3. در قسمت Alternative Text در سمت راست، یک توضیح کوتاه و مختصر بنویسید که تصویر را به بهترین شکل توصیف کند.
  4. برای ذخیره تغییرات از پنجره تصویر خارج شوید. سیستم این را به صورت خودکار ذخیره می کند.
  5. در پنل های نرم افزاری مخصوص می توانید از قسمت Visual Properties با کلیک بر روی آیکون ویرایش بصری به این قسمت دسترسی داشته باشید.

اشتباهات رایج هنگام نوشتن متن جایگزین تصویر

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

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

چگونه از جستجوگر متن جایگزین ویژوال خود استفاده کنیم؟

به لطف ابزار رایگان در وب سایت ما، می توانید به طور جمعی تگ های alt همه تصاویر وب سایت خود را بررسی کنید و هرگونه نقص را شناسایی کنید. این ابزار برای شناسایی مسائل مربوط به تصویر که بر سرعت صفحه و عملکرد سئو تأثیر می گذارد، توسعه یافته است. کنترل متن جایگزین ویژوال تنها کاری که باید انجام دهید این است که به ابزار ما بروید و آدرس صفحه ای را که می خواهید آنالیز کنید تایپ کنید. در عرض چند ثانیه، سیستم تمام تگ های img را اسکن می کند و گزارش می دهد که کدام تصویر متن جایگزین را ندارد. به این ترتیب سئوی شرکتی شما می توانید با به حداقل رساندن حاشیه خطا در فرآیندهای خود به بهینه سازی حرفه ای برسید. بهینه سازی تصاویر به کاربران شما تجربه بهتری در سایت شما می دهد و نرخ تبدیل شما را افزایش می دهد.

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

آیا اگر تگ alt خالی بماند، سئو آسیب می بیند؟

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

آیا نوشتن متن جایگزین برای هر تصویر اجباری است؟

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

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

توصیه می شود متن های جایگزین را زیر 125 کاراکتر نگه دارید. این محدودیت تضمین می‌کند که صفحه‌خوان‌ها متن را بدون وقفه می‌خوانند و موتورهای جستجو محتوا را به وضوح درک می‌کنند.

آیا متن جایگزین باید به تصاویر تزئینی اضافه شود؟

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