Chia sẻ Tối ưu hóa hình ảnh css đơn giản

Thảo luận trong 'Tài Liệu SEO - Ebooks SEO' bắt đầu bởi tuanlv2510, 5/9/15.

  1. Chào các bạn, làm thế nào để tối ưu website có lợi cho seo là thắc mắc mà nhiều Seoer đang quan tâm hiện nay. Tuy nhiên rất nhiều bạn lại bỏ qua bước cơ bản của việc tối ưu web, đó là hình ảnh và css. Vậy phải làm thế nào để tối ưu hình ảnh, css có lợi cho SEO, hãy tham khảo hướng dẫn của mình nhé!

    Để biết web site của bạn cần tối ưu những hình ảnh hay css nào, bạn có thể sử dụng công cụ miễn phí mà google đã cung cấp:

    Mã:
    https://developers.google.com/speed/pagespeed/insights/

    Sau khi kiểm tra bằng công cụ trên, bạn sẽ biết mình phải tối ưu những hình ảnh nào.

    [​IMG]
    [​IMG]

    Nén hình ảnh

    Bước tiếp theo bạn có thể download trực tiếp các hình ảnh đã được google tối ưu sẵn cho bạn bằng cách nhấp vào phần "Tải xuống tài nguyên CSS, JavaScript và hình ảnh được tối ưu hóa cho trang này."

    [​IMG]

    Hoặc sử dụng công cụ nén hình ảnh khá tốt, miễn phí như:

    Code:
    https://tinypng.com/
    Sau đó bạn upload lại các hình ảnh đúng theo các đường dẫn của ảnh cũ.

    Và đây là thành quả của mình sau khi nén hình ảnh.
    [​IMG]

    Nén css

    Với css bạn cũng có thể làm tương tự như trên, sau khi download file đã được tối ưu hóa theo gợi ý của google, bạn upload đè lên css cũ. Hoặc sử dụng công cụ sau để nén css lại.

    Code:
    http://csscompressor.com/
    Copy phần css mà bạn muốn tối ưu sau nó dán vào công cụ trên.

    [​IMG]
    Chọn compress để bắt đầu quá trình nén css, sau khi nén xong bạn copy phần css đã nén, chép đè lên css cũ.

    [​IMG]

    Chú ý: Trước khi bắt đầu các thao tác trên, bạn nên backup website lại để tránh các lỗi có thể phát sinh sau khi làm.

    Trên đây là cách tăng tốc độ website bằng cách nén hình ảnh và css. Với cách này bạn có thể cải thiện điểm chất lượng, tốc độ website của bạn tăng thêm từ 2 - 5 điểm rồi đấy.
    Nguồn bài viết: hướng dẫn tối ưu hình ảnh css cho website.
    caothanhtrung87 and manager like this.
  2. QuynhMai

    QuynhMai

    Bài viết:
    12
    Đã được thích:
    0
    Đọc chả hiểu mô tê gì...Em mới học seo chỉ biết chút chút html...Cái này chắc chỉ pro mới hiểu được..Em toàn tối ưu hình ảnh bằng photoshop thôi...
  3. seohonganh

    seohonganh

    Bài viết:
    46
    Đã được thích:
    0
    Muốn tối ưu được hình ảnh đúng là phức tạp thật đấy. Không có cách nào đơn giản, dễ hiểu hơn à bác
  4. nhungnguyenvn

    nhungnguyenvn

    Bài viết:
    18
    Đã được thích:
    0
    muốn nén ảnh thì vào kraken.io dùng cái bản miễn phí là ngon rồi, còn can thiệp sâu vào css thì có vẻ hơi nâng cao

Chia sẻ trang này