یکی از چالش‌های سئو وب سایت هایی که از جاوا اسکریپت برای لود و نمایش تصاویر استفاده می‌کنند این است که این تصاویر در گوگل ایندکس نمی‌شوند. راهکار ایندکس این تصاویر در گوگل چیست؟ پاسخ کوتاه این است که گوگل هر محتوایی را به همان صورتی که خودش می‌بیند ایندکس می‌کند.
مارتین اسپیلت از تیم توسعه‌دهندگان گوگل، تأیید کرده که تصاویر بارگذاری شده با جاوا اسکریپت در صورت پیکربندی صحیح، قابل ایندکس شدن در گوگل هستند. تصاویری که توسط جاوا اسکریپت بارگذاری می‌شوند معمولا چالش‌هایی برای ایندکس در گوگل دارند.
در این مطلب از سئودانا با رایج‌ترین مشکلات ایندکس تصاویر و بهترین روش‌ها برای اطمینان از دیده شدن این تصاویر در نتایج جستجوی گوگل آشنا می‌شوید.
اگر تصاویر لود شده توسط جاوا اسکریپت به درستی تنظیم شوند، گوگل می‌تواند آنها را ایندکس کند. برای بررسی اینکه چرا تصاویری در نتایج ظاهر نمی‌شوند، نیاز هست نسخه‌ی رندر شده‌ی HTML را در سرچ کنسول بررسی کنید. همچنین آپدیت نقشه سایت (XML sitemap) و اضافه کردن متن جایگزین و توضیحات تصویر (Alt Text) نقش مهمی در افزایش احتمال ایندکس این تصاویر دارد.
مارتین اسپیلت در جریان کنفرانس SEO for Paws، که به صورت زنده برگزار شد، با رد یک باور غلط رایج در حوزه سئو توضیح داد که تصاویر بارگذاری شده با جاوا اسکریپت در صورت تنظیم درست، کاملاً قابل ایندکس شدن هستند.
برای جلوگیری از مشکلات رایج ایندکس تصاویر بارگذاری شده توسط جاوا اسکریپت نیاز هست بدانیم جاوا اسکریپت عامل اصلی مشکل ایندکس نشدن تصاویر نیست.
در پاسخ به پرسشی درباره‌ی تصاویر بارگذاری شده با جاوا اسکریپت، اسپیلت توضیح داد که روش بارگذاری تصاویر، عامل اصلی مشکلات ایندکس نیست.
او گفت: استفاده از جاوا اسکریپت برای بارگذاری تصاویر کاملاً قابل قبول است. یک راهکار کاملاً مبتنی بر جاوا اسکریپت می‌تواند تصاویر شما را بدون مشکل ایندکس کند.
این توضیح، بسیاری از نگرانی‌های متخصصان سئو را برطرف کرد. بنابراین اگر تصاویری در نتایج Google Images ظاهر نمی‌شوند، معمولاً دلایل دیگری غیر از استفاده از جاوا اسکریپت دارد.
دلایل اصلی ایندکس نشدن تصاویری که توسط جاوا اسکریپت لود می‌شوند
اسپیلت توضیح داد که اگر تصاویر بارگذاری شده با جاوا اسکریپت در نتایج جستجو دیده نمی‌شوند، معمولاً مشکلات دیگری وجود دارد. او به چند مورد رایج اشاره کرد:
نقص در سایتمپ: گاهی اوقات تصاویر مهم در فایل XML سایت گنجانده نمی‌شوند.
مشکلات هدرهای HTTP: برخی فایل‌های تصویری ممکن است هدرهایی داشته باشند که جلوی ایندکس شدن آنها را می‌گیرد.
مشکل در HTML رندر شده: اگر تصاویر در نسخه‌ی رندر شده‌ی HTML (نسخه‌ای که گوگل بعد از اجرای جاوا اسکریپت می‌بیند) ظاهر نشوند، ایندکس نخواهند شد. این نکته بسیار مهم است.
نحوه شناسایی مشکلات ایندکس تصاویر بارگذاری شده با جاوا اسکریپت
مارتین اسپیلت یک روش ساده برای پیدا کردن مشکلات پیشنهاد می‌کند. کافی است بررسی کنید که آیا تصاویر در نسخه‌ی رندر شده‌ی HTML ظاهر می‌شوند یا نه. برای این کار می‌توانید از ابزار URL Inspection در سرچ کنسول استفاده کنید.
چون گوگل نسخه‌ی رندر شده‌ی صفحه را ایندکس می‌کند، هر تصویری که در این نسخه حضور نداشته باشد، قاعدتا توسط گوگل هم شناسایی و ایندکس نمی‌شود.
روش‌های رایج بارگذاری تصاویر توسط جاوا اسکریپت و تاثیر آنها بر سئو
چندین روش متداول برای بارگذاری تصاویر توسط جاوا اسکریپت وجود دارد که در ادامه به آنها اشاره می‌کنم:
بارگذاری تنبل (Lazy Loading): تصاویر فقط زمانی بارگذاری می‌شوند که کاربر به آنها نیاز پیدا کند.
بارگذاری تدریجی (Progressive Loading): ابتدا نسخه‌ی کم کیفیت تصویر نمایش داده می‌شود و سپس تصویر به نسخه‌ی با کیفیت بالاتر ارتقا پیدا می‌کند.
بارگذاری در اسکرول بی‌نهایت (Infinite Scroll Loading): تصاویر همزمان با اسکرول کاربر بارگذاری می‌شوند.
افزودن تصاویر به عنوان پس‌زمینه (Background Image Insertion): تصاویر از طریق CSS به عنوان پس‌زمینه اضافه می‌شوند.
در صورتی که این روش‌ها به درستی اجرا شوند، همه‌ی آنها می‌توانند با فرآیند ایندکس گوگل سازگار باشند. هر روش البته نیاز به بررسی و تنظیمات مخصوص خود دارد.
بهترین روش‌ها برای بارگذاری تصاویر با جاوا اسکریپت برای سئو بهتر
اگرچه تصاویر بارگذاری شده با جاوا اسکریپت می‌توانند ایندکس شوند، رعایت چند نکته می‌تواند از بروز مشکلات جلوگیری کند:
استفاده از ابزار URL Inspection: اطمینان حاصل کنید که تصاویر در نسخه‌ی رندر شده‌ی HTML حضور دارند.
به‌روزرسانی نقشه سایت: آدرس تصاویر مهم را به صورت صحیح در فایل XML ثبت کنید.
استفاده از متن جایگزین: برای تمامی تصاویر بارگذاری شده با جاوا اسکریپت حتما متن جایگزین مناسب تعریف کنید.
استفاده از بارگذاری تنبل بومی: در صورت امکان در مدهای نمایش تنبل از ویژگی loading=”lazy” استفاده کنید.
بررسی فایل Robots.txt: مطمئن شوید که منابع جاوا اسکریپتی که تصاویر را بارگذاری می‌کنند، مسدود (Block) نشده باشند.
اهمیت این موضوع برای سئوکاران
به جای اجتناب از جاوا اسکریپت، باید مطمئن شوید که تصاویر به درستی بارگذاری شده و در نسخه‌ی رندر شده‌ی HTML ظاهر می‌شوند.
با توجه به اینکه امروزه بسیاری از سایت‌ها به شدت وابسته به جاوا اسکریپت هستند، درک دقیق این نکات برای سئوکاران ضروری است. کسانی که بتوانند به درستی مشکلات بارگذاری تصاویر را شناسایی و رفع کنند، جایگاه بهتر و موفق‌تری خواهند داشت.
