راکت

مشکل lazy load با Seo

6 پاسخ

سلام کد زیر را در نظر بگیرید:

<img class="lazy-image" data-src="image.png" alt="" src="loading.gif">

با جاوا اسکریپت میام میگم وقتی کاربر رسید به عکس بیا آدرس داخل data-src رو جایگزین کن با Src و خوب تا اینجا همه چی اوکی هست منتها مشکل اینجاست که وقتی تو صفحه Ctrl + U رو میزنی تا سورس رو ببینی متوجه میشی که همه عکس ها آدرسشون loading.gif هست که البته طبیعی هست چون کاربر هنور اسکرول نکرده تا Src عکس ها عوض بشه منتها این نمیتونه برای Seo مضر باشه؟ اخه عکس اصلی لود نشده و گوگل همه عکس ها رو loading.gif میبینه.

ثبت پرسش جدید

پاسخ‌ها

6
امیر علی
امیر علی
@ajdar9667

تخصص: طراح و توسعه دهنده fullstack

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

loading=“lazy”
imaniy
imaniy
@imaniy

تخصص: طراح وب

@ajdar9667
یه خورده بیشتر دربارش توصیح میدین؟ این اتربیوت جدید html هستش؟

شاید پاسخ شما همین‌جا باشد

امیر علی
امیر علی
@ajdar9667

تخصص: طراح و توسعه دهنده fullstack

خیر خیلی جدید نیست همون کاری رو که فانکشن شما انجام میده رو، انجام میده میتونین ار عکس های همین سایت راکت هم اینسپکت بگیرین میبینین این اتریبیوت رو دارند
توضیحات

imaniy
imaniy
@imaniy

تخصص: طراح وب

تو روش بالا با موس کاربر کار نمیکنه درسته؟ در اصل داره بعد لود صفحه عکس ها رو لود میکنه درست فهمیدم؟
@ajdar9667

امیر علی
امیر علی
@ajdar9667

تخصص: طراح و توسعه دهنده fullstack

نه وقتی روی عکس اسکرول میاد عکس ظاهر میشه

amirhellboy
amirhellboy
@amirhellboy

تخصص: برنامه‌نویس

@ajdar9667
این اتریبیوت برای گوگل کروم هست و خیلی وقته اومده و هنوز بعضی از مرورگرها اینو ساپورت نمیکنن ما یک چیز کلی میخواییم که سئو بشه

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام