Tối ưu hình ảnh cho Wordpress- Compa Markeitng

Compa Marketing - Phát triển doanh nghiệp trực tuyến

Compa Marketing là website hướng dẫn bạn phát triển doanh nghiệp trực tuyến miễn phí bằng SEO và Digital Marketing.

Địa chỉ: Lầu 3, 285 Hoàng Diệu, Phường 6, Quận 4, Hồ Chí Minh 700000
Emails: contact@compamarketing.com
Website: https://compamarketing.com/
Google Maps: https://g.page/compamarketing
Blog: https://sites.google.com/site/compamarketingseo/
Tìm hiểu cách tối ưu hình ảnh cho Wordpress cùng Compa Marketing tại:

https://compamarketing.com/blog/wordpress/cach-toi-uu-hoa-hinh-anh-cho-wordpress/

Cách tối ưu hóa hình ảnh trên WordPress

Có nhiều yếu tố có thể làm chậm trang web WordPress của bạn. Một trong số đó là hình ảnh. Hãy tìm hiểu các phương pháp tốt nhất để tối ưu hóa hình ảnh trên trang web

Wordpress là gì?

WordPress là một công cụ tạo trang web nguồn mở và là một trong những công cụ dễ dàng và phổ biến nhất dành cho những người không phải chuyên viên máy tính để xuất bản blog và bài đăng.

Theo Managewp.com, WordPress quản lý 48% trong số 100 blog hàng đầu bao gồm Mashable, New York Times, CNN, eBay, v.v. Nếu trang web của bạn được tối ưu hóa tốt và nhanh hơn, thì nó sẽ tăng chuyển đổi của bạn, tăng lượt xem trang và quy mô lên số doanh nghiệp của bạn. Chúng tôi đã thảo luận trước về tầm quan trọng của tối ưu hóa hình ảnh và tác động của nó đến hiệu suất trang web. Bây giờ, hãy tìm hiểu một số phương pháp để tăng tốc các trang web WordPress bằng cách tối ưu hóa hình ảnh.

Tại sao tốc độ của một trang web WordPress là cần thiết?

Người dùng thích duyệt và tham gia với một trang web nhanh hơn. Ngoài ra, tốc độ tải trang đóng vai trò quan trọng trong việc cải thiện thứ hạng SEO.

Theo nghiên cứu của StrangeLoop liên quan đến Google, Amazon và các trang web lớn khác, nếu thời gian tải trang web bị chậm 1 giây thì có thể dẫn đến lượt xem trang giảm 11%, giảm 16% sự hài lòng của khách hàng và mất 7% chuyển đổi. Do đó, các trang web nhanh hơn là chìa khóa để xếp hạng tốt hơn, tăng lưu lượng truy cập & số chuyển đổi và tỷ lệ thoát ít hơn.

Lý do trang web của bạn có tốc độ truy cập chậm

Có nhiều yếu tố có thể làm chậm trang web của bạn như máy chủ lưu trữ web chậm, cấu hình WordPress sai, hình ảnh lớn và không được tối ưu hóa, plugin xấu và tập lệnh bên ngoài. Có nhiều công cụ của bên thứ ba mà bạn có thể sử dụng để kiểm tra tốc độ trang web và các tắc nghẽn có thể xảy ra.

Nhưng ở đây chúng tôi sẽ nói về tối ưu hóa hình ảnh chi tiết. Tôi sẽ nói tại sao điều này là quan trọng.

Theo Lưu trữ HTTP, Hình ảnh chiếm khoảng 64% trọng lượng của trang web. Giảm kích thước của những hình ảnh này mà không ảnh hưởng đến chất lượng là một nhiệm vụ đầy thách thức, nhưng bổ ích nhất. Vì vậy, hãy thảo luận về một số phương pháp để tối ưu hóa hình ảnh trên trang web WordPress:

Làm cách nào để tối ưu hóa hình ảnh trong trang web WordPress?

Bây giờ chúng tôi đã thấy những gì bạn chưa làm để tối ưu hóa hình ảnh của trang web WordPress của bạn, hãy xem các bước bạn có thể thực hiện để xoay chuyển mọi thứ:

Xác định hình ảnh không được tối ưu hóa của bạn

Biết trang nào có hình ảnh không được tối ưu hóa là bước đầu tiên để khắc phục sự cố. Để giúp với điều này, có rất nhiều công cụ hữu ích, chẳng hạn như GTmetrix. Sử dụng GTmetrix để đánh giá trang web của bạn và bạn sẽ nhận được kết quả về vị trí hình ảnh không được tối ưu hóa bằng cách tham khảo các tab Tốc độ trang / YSlow.

Trước tiên, tốt nhất là nhắm mục tiêu các hình ảnh xuất hiện trên nhiều trang hoặc trên toàn bộ trang web của bạn, như các hình ảnh trong thanh bên / chân trang và logo.

Sửa kích thước của hình ảnh của bạn

Nếu kết quả GTmetrix hiển thị phục vụ lỗi hình ảnh được chia tỷ lệ, điều đó có nghĩa là một số hoặc tất cả hình ảnh của bạn quá lớn và cần thay đổi kích thước. Bạn cần thay đổi kích thước hình ảnh thành kích thước phù hợp hơn, GTmetrix sẽ giới thiệu cho bạn.

Bám sát với kích thước pixel được đề xuất của GTmetrix và các lỗi hình ảnh được phân chia sẽ biến mất. Bạn có thể thực hiện thay đổi kích thước bằng plugin WordPress hoặc thực hiện ngoại vi bằng công cụ sau đó tải lại hình ảnh lên trang web WordPress của bạn.

Tuy nhiên, sử dụng plugin thuận tiện hơn và một số plugin cho phép bạn thay đổi kích thước nhiều hình ảnh cùng một lúc, loại bỏ nhu cầu công việc lặp đi lặp lại. Nhưng lưu ý rằng nơi bạn cần đặt một hình ảnh sẽ xác định kích thước chính xác của nó. Chẳng hạn, một hình ảnh thu nhỏ sẽ yêu cầu kích thước nhỏ hơn các hình ảnh khác. Vì vậy, hãy chắc chắn chỉ xử lý hàng loạt hình ảnh nếu chúng có yêu cầu kích thước tương tự.

Chỉ định kích thước hình ảnh

Vì các widget, trình tạo trang nhất định và HTML tùy chỉnh không tự động thêm kích thước phù hợp vào hình ảnh, bạn sẽ phải tự làm điều đó. Chỉ định kích thước hình ảnh liên quan đến việc nhập chiều rộng và chiều cao vào HTML hoặc CSS theo cách thủ công. Nhưng nếu bạn đang sử dụng Visual Editor, bước này không cần thiết.

Để có được kích thước phù hợp để sử dụng, hãy kiểm tra GTmetrix. Bạn cũng có thể sử dụng GTmetrix để kiểm tra các trang sau khi tải lên hình ảnh để xem kích thước mới có chính xác không.

Nén hình ảnh

Nén hình ảnh một cách dễ dàng có nghĩa là giảm kích thước tệp của hình ảnh mà không làm giảm chất lượng của hình ảnh. Đó là cách hoàn hảo để tối ưu hóa hình ảnh WordPress mà không ảnh hưởng đến kích thước hoặc độ rõ của hình ảnh.

Bạn có thể thực hiện việc này bằng các công cụ như Imagify, Kraken, Smush, v.v., mà không gây ra lỗi hình ảnh hoặc làm giảm chất lượng hình ảnh. Với plugin Imagify, bạn có thể tối ưu hóa hàng loạt hình ảnh một cách dễ dàng. Nó miễn phí cho một vài hình ảnh đầu tiên và bạn nhận được một bộ tối ưu hóa hình ảnh miễn phí khác vào tháng sau. Ngoài ra, bạn cần phải trả tiền cho dịch vụ.

Sử dụng các họa tiết CSS

Bạn có thể sử dụng trình tạo sprite CSS để kết hợp một số hình ảnh và tạo một hình ảnh. Điều này sẽ giảm thiểu số lượng hình ảnh tải trên một trang, giảm thời gian tải đáng kể.

Tuy nhiên, thay thế các hình ảnh quan trọng có chứa các thẻ alt quan trọng bằng các họa tiết CSS không phải là ý tưởng tốt nhất. Vì vậy, bạn chỉ nên sử dụng các họa tiết CSS cho hình ảnh trên trang của mình cho mục đích thẩm mỹ nghiêm ngặt. Nếu một hình ảnh mô tả nội dung hoặc đóng góp cho nó theo bất kỳ cách có giá trị nào khác, đừng CSS viết nó.

Loại bỏ các chuyển hướng URL hình ảnh

Nếu gần đây bạn đã nâng cấp từ HTTP lên HTTPS hoặc hiện đang phân phát hình ảnh từ CDN, hãy tự cứu mình khỏi nhiều rắc rối bằng cách cập nhật hàng loạt URL hình ảnh của bạn. Điểm của bản cập nhật là đảm bảo rằng các liên kết hình ảnh của bạn đang phục vụ phiên bản hiện tại của trang web của bạn. Bạn có thể dễ dàng thực hiện việc này với một công cụ như Tìm kiếm tốt hơn Thay thế và tránh chuyển hướng sai.

Sử dụng CDN

Phục vụ hình ảnh từ máy chủ của bạn làm chậm mọi thứ cho khách truy cập của bạn, đặc biệt nếu khách truy cập đang truy cập trang web của bạn từ một vị trí cách xa máy chủ vật lý. Tối ưu hóa trang web của bạn bằng cách đặt hình ảnh của bạn để tải từ CDN.

Bạn có thể sử dụng Cloudflare hoặc StackPath để làm điều này. Cả hai đều hiệu quả, nhưng StackPath đi kèm với bản dùng thử miễn phí 30 ngày và gán cho bạn một URL CDN. Chỉ cần sao chép URL CDN được cung cấp và dán nó vào plugin bộ nhớ cache của bạn, sau đó sử dụng Thay thế tìm kiếm tốt hơn để chỉnh sửa URL hình ảnh cũ của bạn để chứa URL CDN được chỉ định.

Hình ảnh bộ nhớ cache

Một plugin lưu trữ tăng tốc độ tải hình ảnh bằng cách giảm thiểu các bước mà máy chủ thực hiện để truy xuất và phục vụ hình ảnh. Bạn có thể sử dụng plugin bộ nhớ cache để lưu trữ hình ảnh. Cả WP Rocket và Swift Performance đều là những lựa chọn tốt. Cả hai công cụ cũng hữu ích để lưu trữ favicon của bạn, nhưng nó phải ở định dạng 16x16px trước khi bạn có thể lưu trữ nó.

Xóa dữ liệu EXIF

Hình ảnh chứa dữ liệu EXIF nêu chi tiết như độ dài tiêu cự, tốc độ màn trập, ngày tạo, ISO, khẩu độ, kiểu máy ảnh, v.v. Trang web của bạn không cần bất kỳ thông tin này. Bạn có thể cài đặt plugin VA Removal Exif để tự động xóa dữ liệu đó khỏi hình ảnh và làm cho chúng nhẹ hơn trước khi tải chúng lên trang web WordPress của bạn.

Nếu bạn đã có Imagify, Smush hoặc ShortPixel, bạn cũng có thể sử dụng bất kỳ trong số chúng để tự động xóa dữ liệu EXIF.

Không nhúng hình ảnh từ các trang web khác

Tải hình ảnh trực tiếp lên trang web của bạn, thay vì sao chép và dán các liên kết của chúng từ một trang web khác. Phương pháp sao chép / dán sẽ dẫn đến hình ảnh tạo thêm yêu cầu khi khách truy cập mở trang. Điều đó làm chậm tốc độ tải trang vì máy chủ của bạn không phải là nơi lưu trữ hình ảnh và phải liên hệ với máy chủ lưu trữ của hình ảnh để truy xuất nó.

Tối ưu hóa hình ảnh Cloudflare

Bạn cũng có thể sử dụng Cloudflare để tối ưu hóa hình ảnh WordPress theo nhiều cách. Chẳng hạn, bạn có thể sử dụng Cloudflare Mirage từ cài đặt tốc độ Cloudflare để cải thiện thời gian tải hình ảnh trên các thiết bị có kết nối internet chậm, cũng như giảm yêu cầu hình ảnh.

Nó tăng tốc thời gian tải bằng cách thay đổi kích thước hình ảnh thành phiên bản nhẹ hơn khi kết nối internet kém. Mặt khác, việc giảm số lượng yêu cầu cho tất cả các hình ảnh của trang web và biến nó thành một yêu cầu cho phép khách truy cập truy cập hình ảnh ngay lập tức.

Ngoài ra còn có Cloudflare Ba Lan để nén hình ảnh và xóa dữ liệu EXIF khỏi chúng. Cloudflare Hotlink Protection hữu ích hơn cho bảo mật vì nó ngăn khách truy cập sao chép hình ảnh từ trang web của bạn và sử dụng chúng ở nơi khác trực tuyến.

Tải hình ảnh lười biếng

Lazy Load là cứu cánh nếu bạn cần giảm số lượng tài nguyên mà trang web sử dụng. Nó thực hiện điều này bằng cách trì hoãn việc tải hình ảnh trên một trang web cho đến khi khách truy cập cuộn đến nơi hình ảnh trên trang.

Vì trang web không phải tải tất cả các hình ảnh trên một trang cùng một lúc, tốc độ tải được cải thiện rất nhiều. Bạn cũng có thể sử dụng Lazy Load For Video để trì hoãn việc tải video cho đến khi khách truy cập cuộn đến nơi có video trên một trang.

Lưu đúng định dạng

Hình ảnh JPEG thường nhỏ hơn và có thể được nén nhiều hơn so với hình ảnh PNG. Tốt nhất chỉ lưu trữ hình ảnh ở định dạng PNG nếu bạn có ý định sử dụng nó trên trang web dưới dạng hình ảnh đơn giản với một vài màu.

Hình ảnh JPEG có thể không có chất lượng cao như hình ảnh PNG do kích thước nhỏ hơn, nhưng đây là định dạng lý tưởng để tải lên hình ảnh có nhiều màu sắc. Bạn có thể cài đặt một công cụ như GIMP sẽ tự động định dạng hình ảnh cho phù hợp với vị trí trên trang web bạn đang tải lên.

Tên tệp hình ảnh và văn bản thay thế

Khi bạn thêm không có tên tệp hoặc văn bản thay thế vào hình ảnh, các công cụ tìm kiếm sẽ gặp khó khăn trong việc tìm ra những gì để liên kết hình ảnh với. Văn bản thay thế và tên tệp có thể giống nhau.

Đối với mục đích SEO, hãy đảm bảo tên tệp văn bản và hình ảnh thay thế có chứa các từ khóa có liên quan đến trang web của bạn.

Một số plugin tự động thêm văn bản thay thế vào hình ảnh, nhưng các plugin đó không thể thực hiện được chức năng này nếu không có tên tệp có sẵn trên hình ảnh.

Ngoài ra, trong khi thêm từ khóa vào tên tệp và văn bản thay thế, tránh nhồi nhét từ khóa (sử dụng từ khóa quá mức) hoặc công cụ tìm kiếm có thể sẽ phạt trang web của bạn.

Để xác định hình ảnh không có văn bản thay thế trên trang web WordPress của bạn, bạn có thể sử dụng các công cụ như Screaming Frog. Nó miễn phí và hữu ích cho việc không chỉ tìm kiếm hình ảnh bị thiếu văn bản thay thế mà còn thêm văn bản bị thiếu.

Phong cách hình ảnh của bạn

Tối ưu hóa hình ảnh của bạn bằng cách tạo kiểu cho chúng. Bạn có thể tạo kiểu cho hình ảnh với tiêu đề, liên kết, đường viền và chú thích.

Tối ưu hóa GIF của bạn

Một số người thích sử dụng GIF vì chúng rất bắt mắt. Những người khác tránh GIF vì chúng nặng hơn hình ảnh và có thể làm chậm tốc độ tải của trang. Bạn có thể tận dụng tốt nhất cả hai thế giới bằng cách thay đổi kích thước và nén GIF của mình trước khi đăng chúng. Bạn có thể làm điều này với một công cụ như GIF GIF. Nhưng lưu ý rằng cho dù bạn thay đổi kích thước GIF tốt như thế nào, kích thước tệp của nó sẽ không nhỏ như hình ảnh.

Tối ưu hóa cho các đoạn đặc trưng

Đoạn trích nổi bật là những ảnh chụp nhanh nội dung của một trang web mà Google hiển thị ở đầu kết quả tìm kiếm. Đoạn mã nổi bật thường là phản hồi trực tiếp cho truy vấn tìm kiếm.

Một đoạn có thể hiển thị dưới dạng câu trả lời, bảng hoặc danh sách. Ngoài ra, tùy thuộc vào nguồn của đoạn trích nổi bật, đoạn mã có thể có hoặc không chứa hình ảnh. Bạn có thể tăng cơ hội để nội dung của bạn hiển thị trong một đoạn nếu bạn tối ưu hóa đúng nội dung cũng như hình ảnh từ trang web của bạn.

Nếu nội dung của bạn hiển thị trong một đoạn trích nổi bật, nó có thể thu hút thêm lưu lượng truy cập đến trang web của bạn. Để tăng cơ hội để nội dung WordPress của bạn trở thành đoạn trích nổi bật, bạn cần phải:

Áp dụng một từ khóa mà mọi người muốn có một câu trả lời trực tiếp và ngắn gọn. Bạn có thể sử dụng Moz Keyword Explorer hoặc Trả lời Công chúng để tìm các từ khóa câu hỏi như vậy
Cung cấp câu trả lời cho từ khóa câu hỏi dưới dạng một đoạn, danh sách hoặc bảng có liên quan. Ngoài ra, nhắm mục tiêu từ khóa bằng cách sử dụng một kết hợp chính xác trong nội dung của bạn
Nhận một hình ảnh có liên quan đến từ khóa, tối ưu hóa nó và thêm nó vào nội dung của bạn
Đảm bảo nội dung của bạn dựa trên thực tế và được hỗ trợ với các tài liệu tham khảo chất lượng như đồ họa, số liệu thống kê và liên kết
Tăng cơ hội có mặt trong đoạn trích nổi bật bằng cách nhắm mục tiêu từ khóa câu hỏi đã có câu trả lời, nhưng tính năng đoạn trích hiện tại trả lời câu hỏi kém
Tối ưu hóa nội dung và hình ảnh của bạn cho đến khi trang web đến trang kết quả tìm kiếm đầu tiên cho từ khóa

Gravatars Cache

Gravatars về cơ bản là hình đại diện xuất hiện bên cạnh tên của khách truy cập khi anh ấy / cô ấy sử dụng internet. Bạn thường thấy một Gravatar khi một người đăng bình luận. Vấn đề là, nếu bài đăng của bạn tạo ra nhiều bình luận, đó là rất nhiều Gravatars, có thể ảnh hưởng tiêu cực đến tốc độ tải trang web của bạn.

Khắc phục sự cố có thể được thực hiện bằng cách vô hiệu hóa hoàn toàn Gravatars trên trang web của bạn hoặc chia nhỏ các bình luận để hiển thị dưới 20 lần một lúc.

Các giải pháp khác bao gồm:

Sử dụng plugin Gravatars bộ đệm như Optimum Gravatar Cache hoặc FV Gravatar Cache
Giữ Gravatar mặc định trống hoặc sử dụng hình ảnh tùy chỉnh từ máy chủ của bạn
Xóa bình luận, đặc biệt là những bình luận vô nghĩa để giảm số lượng
Giữ kích thước của hình ảnh Gravatar của bạn càng nhỏ càng tốt - 32px trở xuống