*** Tối ưu Offpage SEO nền tảng thành công SEO 2022 !
HOT **** Hướng dẫn tốt nhất về SEO Onpage 2022 !
Chú ý: Không chèn Link vô nghĩa trong bài viết !
Các thành viên bị lỗi đăng ký không gửi email vui lòng liên hệ Facebook: Lee Nam để được trợ giúp

Lazyload Jquery gây hại cho Seo?

Thảo luận trong 'SEO Onpage' bắt đầu bởi v2SEO, 10 Tháng chín 2014.

  1. v2SEO

    v2SEO Well-Known Member

    Tham gia ngày:
    4 Tháng chín 2014
    Bài viết:
    326
    Đã được thích:
    165
    Tiêu đề có hơi giật gân một chút, xin lỗi vì đã làm các tín đồ của Lazyload/Jquery giật mình.
    Nhưng, bạn có chấp nhận hay không thì sự thật vẫn là là vậy. Ngay dưới đây, tôi sẽ lập luận và chứng minh điều này cũng như đề xuất hướng khắc phục.

    [​IMG]

    Cảnh báo:
    - Bạn KHÔNG nên tin, hãy tự kiểm chứng.
    - Tôi có tật lười viết, mà đã viết là viết rất dài, vì vậy bạn nào không thích dài dòng thì chỉ nên đọc phần kết luận ở cuối bài.
    - Bài này viết theo lối thực nghiệm (Mặc dù tôi là dân vật lý lý thuyết hẳn hoi!) vì vậy, tôi sẽ trình bày lý thuyết rồi suy đoán và chứng mình suy đoán theo trình tự thời gian, nhắc lại, nó dài!
    - Tôi nghèo, không có nhiều domain, do đó mượn luôn domain shop của vợ để thí nghiệm, tôi biết điều này là cấm kị nhưng vì sự thật, tôi đành phải làm (Có một chút nghiêm trọng nhẹ ở đây!). Vậy nên các bạn xin đừng táy máy ẻm, tội nghiệp! Lazyload Jquery gây hại cho SEO
    - Như mọi bài khác, bài này chỉ là quan điểm cá nhân.

    Về Lazyload
    Lazyload là một Plugin Jquery cho những tín đồ Jquery yêu thích sự mượt mà và kiêu sa đáng kinh ngạc trong tốc độ tải trang web. Khỏi phải nói nhiều về Plugin này cho những ai đã biết về nó.

    Với những bạn chưa biết Lazyload là gì, hãy xem demo này về lazyload, Như các bạn thấy, kéo đến đâu hình ảnh khu đó mới hiện lên mờ mờ ảo ảo, chưa kéo thì hình ảnh là một khoảng trống, chưa được GET về, vì vậy cơ chế này nhanh hơn cơ chế bình thường và được ưa chuộng là ở chỗ nó giảm tải được cho trang, tăng tốc độ load cũng như tạo hiệu ứng thân thiện, đẹp mắt, tạo phong cách PRO (Google thích điều này!).

    Tôi thì lại tin vào luật “Súng & Bơ” vì vậy từ những năm trước, tôi đã ngại dùng. Vừa rồi có loạt bài về module Page Speed, có bộ lọc Lazyload của Google với cơ chế tương tự Lazyload Jquery này nên tôi có ý định quay lại minh chứng cho suy nghĩ của tôi về chị lazyload này. (Các bạn cứ yên tâm dùng lazyload của Google nhé, đừng sợ ảnh hưởng như tôi sắp nói, Google đã rất thông minh khi thêm một số yếu tố nhằm tránh sự gây hại cho SEO, hi vọng có dịp viết bài này tiếp).

    Thí nghiệm
    Hướng dẫn sử dụng Lazyload cho website được đăng tại http://www.appelsiini.net/projects/lazyload
    Tôi nói sơ qua vậy
    - Bước 1: Gắn javascript của Lazyload và của Jquery vào web
    - Bước 2: Đặt hình muốn lazyload tác động lên (Chưa tải khi ở dưới đường fold) trong thẻ <img> như dưới đây

    ao-hawaii-cho-dan-lam-seo.htm
    Đang được dùng Lazyload để load hình, và những hình này, lại là hình cần làm SEO, cần hiện nguyên hình trên Google search.

    Các bạn view source đi, một mớ hình giả, bù nhìn /wp-content/uploads/test/blank.gif nằm trong src (Chuẩn) trong khi các hình gốc, cần SEO thì nằm trong mớ data-original (không chuẩn) mà Google không thèm quan tâm.

    Không tin à, sử dụng chức năng Fetch as Google bot trong WMT bạn cũng sẽ thấy tương tự.

    Vậy

    Mong muốn của người nông dân
    : Hình trong trang phải được Google index, search phải lên google, hiện nguyên hình cái hình áo Hawaii đẹp của em để mà khách click vô, ít nhất là phải hiện trong Google image search.

    Suy đoán sau phân tích trên: Chết cha, Hình thật dùng lazyload có lẽ sẽ không được Google index vì không nằm trong src chuẩn của thẻ img.

    Kết quả thật từ Google: Quả thật hình cần SEO không được index. Xem Hình kết quả dưới đây:

    [​IMG]
    Oh, May quá, Google index trang của mình rồi!

    [​IMG]

    Oppp…Google không biết gì về mấy cái hình của mình, mặc dù mình SEO dữ tợn lắm mà Lazyload Jquery gây hại cho SEO (
    Không tin vào mắt của mình, nhưng tất cả đã được báo trước. Kiên nhẫn chờ vài hôm nữa, kết quả vẫn thế, không có gì thay đổi.

    Cách khắc phục

    Quay lại lazyload, hay như thế, pro như thế, nhẹ như thế mà bỏ thì uổng.

    Mong muốn của người nông dân: Hình trong trang phải được Google index, search phải lên google, hiện nguyên hình cái hình áo Hawaii đẹp của em để mà khách click vô, ít nhất là phải hiện trong Google image search.
    Nhưng làm sao để Google index đây?

    Suy đoán: Nguyên nhân Google không thèm index là do cái hình thật của mình lại nằm trong data-original thay vì src của img.

    Vì vậy, bất chấp mọi thứ phải đưa cho bằng được hình thật vào src tức là ít nhất phải như thế này:

    ao-hawaii-cho-dan-lam-seo.htm

    Chú ý: demo2 khác demo1 chỉ 2 điểm:
    - demo1 host ở quanaosi.vn và demo12 quanaosi.net;
    - demo1 dùng “lazyload thuần túy”, demo2 dùng “lazyload biến hóa SEO” (Gọi vậy đi, chứ không biết gọi sao)
    Ngoài ra, nội dung hiển thị không khác gì cả, như các bạn thấy.

    Kết quả thật từ anh Google: Thật bất ngờ, tôi phải vui mừng thốt lên giữa đêm, mặc dù không có gì ngoài mong đợi cả, hình ảnh đã dc index đẹp trên Google web search và Google image search cho demo2, quanaosi.net, dùng “lazyload biến hóa SEO”. Trong khi hình của ”lazyload thuần túy” thì mãi không thấy đâu cả:

    Tự sướng nè:

    [​IMG]
    Hình ảnh của page hiện nguyên hình trên Google Search Web.


    [​IMG]
    Trên Google image search cũng không ngoại lệ, hình ảnh phê luôn.

    Kết luận

    - Lazyload CÓ gây hại cho SEO, như tiêu đề, vậy là không giật tít nhé. Và đã thử nghiệm “lâm sàn” với Lazyload Jquery trên 2 page khác nhau. Các cơ chế Lazyload khác cũng tương tự nếu hình thật đặt ở thuộc tính khác src chuẩn mà không có cơ chế thay thế.
    - Bạn vẫn yêu Lazyload, vậy sẽ tốt hơn nữa nếu bạn tham khảo cách chống chế của mình ở trên.
    - Bạn có cách khác, nên comment ngay dưới bài này.
    - Bạn có thắc mắc, cũng xin vui lòng post comment.
    #1

Chia sẻ trang này