برای گوگل تصاویر بارگذاری شده با جاوااسکریپت می توانند ایندکس شوند

مارتین اسپلیت، توسعه دهنده گوگل، اخیراً افسانه ای رایج در سئو را رد کرد

و تأیید کرد که تصاویر بارگذاری شده با جاوااسکریپت در صورتی که به درستی تنظیم شوند، می توانند توسط گوگل ایندکس شوند.

زمان تقریبی مطالعه: کمتر از ۴دقیقه

بارگذاری تصاویر با جاوااسکریپت مشکلی ایجاد نمی کند

اسپلیت در کنفرانس SEO for Paws توضیح داد که

استفاده از جاوااسکریپت برای بارگذاری تصاویر مشکلی در ایندکسینگ ایجاد نمی کند.

اسپلیت گفت:

«بارگذاری تصاویر با جاوااسکریپت مشکلی ندارد. یک راه حل بارگذاری تصویر که به طور کامل از جاوااسکریپت استفاده کند، می تواند تصاویر شما را ایندکس کند.»

این توضیح نگرانی بسیاری از متخصصان سئو را برطرف می کند.

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

دلایل اصلی عدم ایندکس شدن تصاویر

اسپلیت توضیح داد که معمولاً مشکل در جایی دیگر است و نه در استفاده از جاوااسکریپت.

او به چند مشکل رایج اشاره کرد:

مشکلات نقشه سایت: گاهی اوقات تصاویر کلیدی از نقشه سایت XML حذف می شوند.

هدرهای HTTP: برخی فایل های تصویری ممکن است هدرهایی داشته باشند که مانع از ایندکس شدن آن ها می شود.

مشکلات HTML رندرشده: اگر تصاویر در HTML رندرشده (نسخه ای که گوگل پس از اجرای جاوااسکریپت می بیند) نمایش داده نشوند، ایندکس نخواهند شد.

راه حل های اشکال زدایی در ایندکس شدن تصاویر بارگذاری شده با جاوااسکریپت

اسپلیت یک فرایند ساده برای شناسایی مشکلات ایندکس شدن تصاویر ارائه داد.

اولین قدم این است که بررسی کنید آیا تصاویر در HTML رندرشده نمایش داده می شوند یا نه،

با استفاده از ابزارهایی مانند ابزار بازرسی URL در کنسول جستجوی گوگل.

اسپلیت توضیح داد:

«شما باید بررسی کنید که آیا HTML رندرشده شامل تصاویر است؟ اگر باشد، عالی است. اگر نباشد، مشکل دیگری وجود دارد.»

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

تکنیک های رایج بارگذاری تصاویر با جاوااسکریپت و تأثیر آن ها بر سئو

تعدادی از روش های رایج برای بارگذاری تصاویر با جاوااسکریپت وجود دارد که عبارتند از:

بارگذاری تنبل (Lazy Loading): بارگذاری تصاویر فقط زمانی که به آن ها نیاز باشد.

بارگذاری پیشرفته (Progressive Loading): نمایش تصویر با کیفیت پایین ابتدا و سپس ارتقا به تصویر با کیفیت بالا.

اسکرول بی پایان (Infinite Scroll Loading): بارگذاری تصاویر به محض ادامه اسکرول کاربر.

درج تصویر پس زمینه (Background Image Insertion): اضافه کردن تصاویر از طریق پس زمینه های CSS.

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

هرکدام از این روش ها ممکن است نیاز به بررسی های خاصی داشته باشند تا اطمینان حاصل شود که همه چیز به درستی کار می کند.

بهترین شیوه ها برای بارگذاری تصاویر با جاوااسکریپت به طور بهینه برای سئو

اگرچه تصاویر بارگذاری شده با جاوااسکریپت می توانند ایندکس شوند،

اما رعایت این بهترین شیوه ها می تواند به جلوگیری از مشکلات کمک کند:

بررسی با ابزار بازرسی URL: اطمینان حاصل کنید که تصاویر در HTML رندرشده نمایش داده می شوند.

به روزرسانی نقشه های سایت XML: تصاویر کلیدی را با تگ های مناسب در نقشه سایت قرار دهید.

استفاده از متن جایگزین (Alt Text): برای تصاویر بارگذاری شده با جاوااسکریپت، متن جایگزین واضح و دقیق اضافه کنید.

استفاده از بارگذاری تنبل بومی: از ویژگی loading=”lazy” در جاهایی که مناسب است استفاده کنید.

بررسی فایل robots.txt: اطمینان حاصل کنید که منابع جاوااسکریپت که تصاویر را بارگذاری می کنند مسدود نشده اند.

چه معنایی برای متخصصان سئو دارد؟

به جای اجتناب از جاوااسکریپت، باید بررسی کنید

که تصاویر به درستی بارگذاری شده و در HTML رندرشده نمایش داده می شوند.

با افزایش استفاده از جاوااسکریپت در سایت ها، درک این جزئیات حیاتی است.

متخصصان سئو که یاد بگیرند چگونه مشکلات بارگذاری تصاویر با جاوااسکریپت را عیب یابی و بهینه سازی کنند،

بهتر می توانند از دیدگاه مشتریان خود در نتایج جستجو حمایت کنند.

منبع خبر: searchenginejournal.com

نویسنده مقاله: Matt G. Southern

ویراستار: هوشی

بازنگری: مهندس تهرانی

← ۳ اشتباه رایج در سئوی JavaScript و راهکارهای اصلاح را ببینید <<