Tối ưu hình ảnh WordPress là một trong những kiến thức quan trọng cần phải biết trước khi bắt tay vào việc thiết kế và viết bài đăng lên Website. Vì hình ảnh là yếu tố tối ưu website hàng đầu giúp website, bài viết hấp dẫn và dễ hiểu hơn. Nếu bạn không biết cách tối ưu hình ảnh WordPress thì có thể gây ảnh hưởng nghiêm trọng lên website như tốc độ tải trang chậm, không tốt cho SEO, về lâu dài nó sẽ ảnh hưởng tới mức độ thành công của website.
Tại sao cần tối ưu hình ảnh WordPress?
Bất kì website nào cũng được hình thành từ các yếu tố cơ bản: chữ viết, hình ảnh, video… Để mang lại những trải nghiệm người dùng tốt nhất trên trang web của bạn, tối ưu các yếu tố hiện diện trên trang là điều cần thiết. Trong đó, việc tối ưu hình ảnh sẽ mang lại nhiều lợi ích như:
+ Tốc độ tải trang Web của bạn sẽ nhanh hơn
Truy cập một website có thời gian tải lâu sẽ gây khó chịu, ức chế cho người dùng và kết quả là người đọc sẽ thoát khỏi website không bao giờ quay lại. Không ngạc nhiên khi Google đã chính thức đưa tốc độ tải trang vào một trong những tiêu chí đánh giá các trang web.
+ Thứ hạng trên các công cụ tìm kiếm được cải thiện
Như đã nói ở trên, khi hình ảnh được giảm dung lượng sẽ giúp website tải nhanh hơn, mang lại trải nghiệm người dùng tốt hơn và được các công cụ tìm kiếm đánh giá cao. Tối ưu hình ảnh WordPress là một yếu tố cực kỳ quan trọng trong SEO Onpage giúp tăng hạng website của bạn. Muốn làm được điều đó, bạn phải tối ưu các đặc tính khác của ảnh như tiêu đề, thẻ alt, chú thích…
+ Website của bạn sẽ chiếm ít dung lượng server hơn
Tiết kiệm được dung lượng server, website nhẹ hơn, sẽ khiến nó hoạt động mượt mà hơn. Hơn nữa, bạn còn giảm chi phí server nếu bạn đang thanh toán dựa trên dung lượng sử dụng.
Tóm lại, với 3 lí do trên chắc hẳn bạn đã thấy được tầm quan trọng của việc tối ưu hình ảnh WordPress. Vậy làm thế nào để tối ưu hình ảnh WordPress cho website của bạn thật bắt mắt mà vẫn tải nhanh như gió và còn thân thiện với các công cụ tìm kiếm, giúp tăng thứ hạng?
Dưới đây là những bước để tối ưu hình ảnh trong WordPress:
9 vấn đề khi tối ưu hình ảnh WordPress
1. Nguồn lấy ảnh
Bạn có thể tự chụp cho mình các hình ảnh mình muốn, chẳng cần lo lắng vấn đề bản quyền.
Nếu không thể tự chụp thì giải pháp mà chắc hẳn ai cũng nghĩ tới đầu tiên có lẽ là Google. Chỉ cần lên Google gõ tên hình ảnh bạn muốn kiếm là có hàng triệu hình ảnh hiện ra. Vì hầu hết hình ảnh trên đó là có bản quyền nên bạn cần phải cân nhắc khi sử dụng. Để an toàn bạn có thể dẫn nguồn.
Vẫn còn nhiều cách khác để tìm ảnh độc quyền:
- Flickr.com là kho ảnh tuyệt vời và bạn có thể dùng Creative Commons image. Và đừng quên ghi nguồn tác giả.
- Sử dụng hình ảnh trên những trang như Unsplash. Tránh xa stock photo, chọn hình nào thật một chút.
- Tự thiết kế hình ảnh cho mình với nguồn logo, icon từ Flaticon.com và Freepik.com
- pixabay.com: cung cấp hình ảnh với độ phân giải cực cao mà lại miễn phí hoàn toàn. Thậm chí bạn có thể tải ngay mà không cần đăng ký
- depositphotos: cung cấp hình ảnh khá chất lượng mà giá cả lại phải chăng. Ở đây có gói 100$ cho 100 hình ảnh khá tốt.
2. Số lượng hình trên một bài viết
Google khuyến khích và đánh giá cao những bài viết có chèn hình ảnh và video để bài viết sinh động hơn, dễ hiểu hơn.
Thông thường, mỗi bài viết khoảng 1000 từ nên có tối thiểu 3 hình trở lên để người dùng không nhàm chán khi đọc. Tuỳ vào nội dung của bài mà hình sẽ nhiều hay ít. Ví dụ một bài hướng dẫn sử dụng thường sẽ có nhiều hình hơn một bài blog thông thường.
Tuy nhiên, bạn không nên lạm dụng chèn quá nhiều hình cho một bài viết sẽ làm chậm tốc độ tải trang của website, đôi khi nó còn tạo cảm giác bài viết không mang được nhiều giá trị cho người đọc. Trong những trường hợp bắt buộc phải sử dụng nhiều ảnh như bài hướng dẫn sử dụng bạn cần tối ưu kích thước và dung lượng ảnh để cải thiện tốc độ tải trang. Để biết cách tối ưu những yếu tố này, bạn xem tiếp các phần sau nhé!
3. Chọn định dạng hình ảnh (đuôi file ảnh)
Sau khi có được hình ảnh như ý, việc đầu tiên bạn cần làm là kiểm tra và chuyển đổi định dạng ảnh. Có 3 đuôi ảnh được sử dụng phổ biến trên các trang WordPress hiện nay:
- JPG(hay JPEG): Có lẽ đây là định dạng phổ biến nhất cho hình ảnh Web. Định dạng JPEG là lựa chọn tốt nhất cho nhu cầu lưu hình ảnh lại với kích thước file nhỏ, chẳng hạn như khi bạn cần phải upload nó online hoặc gửi qua mail. Chất lượng hình ảnh giảm đi rõ nét khi giảm kích thước. Nếu bài viết của bạn không cần hình ảnh chất lượng quá tốt ví dụ như các bài tin tức, bạn nên dùng JPG.
- PNG: là định dạng tốt cho hình ảnh đồ họa Web. Nếu bạn muốn file ảnh có kích thước nhỏ nhưng vẫn giữ được chất lượng, thì nên sử dụng PNG. Nếu Website của bạn là trang bán sản phẩm, cần hình ảnh chất lượng, rõ ràng để khách hàng dễ tham khảo, bạn dùng ảnh định dạng PNG. Ngoài ra nếu bạn muốn sử dụng những ảnh có nền trong suốt như logo hoặc những icon để chèn lên trên những hình ảnh khác…PNG là định dạng dành cho bạn.
- GIF: ảnh động, trong số 3 định dạng ( GIF, PNG & JPG ) thì GIF là sự lựa chọn tệ nhất cho hình ảnh đồ họa Web, mặc dù kích thức tập tin của nó rất nhỏ và nó được load rất nhanh. Nếu bạn muốn các hiệu ứng ảnh động thì nên chọn sử dụng GIF. Nó cũng là định dạng tốt cho ảnh Clip Art.
Để điều chỉnh định dạng và dung lượng ảnh bằng Photoshop, bạn mở ảnh lên nhấn File > Save for Web > chọn định dạng và dung lượng mà bạn muốn > Save
4. Để tối ưu hình ảnh WordPress thì kích thước và dung lượng của ảnh bao nhiêu là chuẩn?
Trước khi bắt đầu tối ưu hình ảnh bạn hãy nên chỉnh kích thước ảnh về đúng trước đã. Làm sao để biết kích thước ảnh chuẩn trên website là bao nhiêu?
Nếu là các bài tin tức, hướng dẫn bình thường, kích thước chiều rộng hình nên trong khoảng 500px đến 700px. Chiều cao thì tùy vào nội dung bạn muốn hiển thị. Với hình sản phẩm, dự án, cần có kích thước lớn một chút là 800px đến 1000px. Khi up lên website, bạn có thể điều chỉnh hình hiện ra có kích thước nhỏ, và khi người xem nhấn vào xem chi tiết, sẽ thấy được hình lớn.
Bạn có thể thay đổi kích thước hiển thị khi upload ảnh lên website, chỉnh kích thước hiển thị nhỏ hơn giúp ảnh tải nhanh hơn. Không chỉ vậy, nếu như kích thước ảnh gốc lớn hơn kích thước tối đa mặc định của theme thì theme cũng sẽ tự động điều chỉnh kích thước ảnh đó xuống.
Ví dụ: mình upload ảnh 1400×1400 pixel nhưng chỉ để ảnh hiển thị 350×350pixel vì với kích thước này ảnh nhìn đã rõ ràng trên website, việc này khiến cho WordPress phải thay đổi ảnh xuống 350×350px hoặc theme của mình đang sử dụng sẽ tự điều chỉnh kích thước hiển thự tối đa của nó là 1024 x1024. Điều này không tốt vì wordpress sẽ tự động sinh ra thêm nhiều bản sao với các kích thước khác nhau để hiển thị tốt trên mọi thiết bị do đó làm tốn dung lượng server, đồng thời việc xử lý kích thước hình ảnh cho phù hợp để hiển thị làm tăng băng thông và ảnh sẽ load chậm đi.
Để giải quyết vấn đề này thì bạn cần xác định kích thước lớn nhất của ảnh khi hiển thị trên website và chỉnh kích thước cho phù hợp trước khi tải lên.
Ví dụ: đối với website của mình, theme mình đang dùng là Jnews thì khi mình kiểm tra các hình đại diện của bài viết thì kích thước chuẩn tối đa là 750×375 pixel, nên khi upload hình ảnh đại diện cho bài viết thì mình chỉnh 2 chiều cao rộng của hình bằng hoặc nhỏ hơn kích thước chuẩn 750×375 để theme ko cắt hình gốc của mình ra thành 1 bản sao khác làm tốn dung lượng lưu trữ. Các hình minh họa trong bài viết thì có chiều rộng tối đa là 1024 x …. pixel. Các hình thumnail cho bài viết mới nhất, bài biết được quan tâm là 350x250px.
Bạn có thể chỉnh kích thước ảnh trong Photoshop bằng cách vào Image > Image Size > nhập kích thước bạn muốn > OK
Về dung lượng, tốt nhất có lẽ là trong khoảng từ 20KB~70KB. Nếu không được mức đó thì để đảm bảo tốc độ tải trang tốt, dung lượng ảnh nên dưới 100KB và tối đa là 150KB. Nếu một bài viết có một hình nặng 200KB là có thể chấp nhận được, nhưng một bài viết có 10 hình, mỗi hình là 200KB, điều đó thật sự không ổn tí nào.
Vì vậy, tối ưu kích thước và dung lượng hình ảnh theo các tiêu chuẩn trên là điều cần thiết phải làm trước khi up ảnh lên website.
Hãy crop ảnh (cắt ảnh) cho phù hợp trước khi upload
WordPress có công cụ crop ảnh từ ngay trong dashboard. Nhưng nếu chỉnh sửa nhiều trên dashboard, bạn sẽ vô tình tạo ra nhiều phiên bản của cùng một ảnh, tăng khối lượng dữ liệu không cần thiết. Do đó, MMO nào khuyên bạn nên crop ảnh trước khi upload ảnh lên và tối ưu nó. Bạn có thể dùng các công cụ chỉnh sửa ảnh như Photoshop, Paint… để crop ảnh trước.
Bạn có thể Crop ảnh trong Photoshop bằng cách chọn Crop Tool trên thành công cụ ( hoặc nhấn phím tắt C ) > nhấn chuột trái và kéo chọn vùng bạn muốn trên hình > Nhấn OK là xong.
5. Nén ảnh WordPress
Khi nén ảnh, bạn cần chú ý cân bằng giữa chất lượng và kích thước. Vì nén càng nhiều, chất lượng sẽ càng ảnh hưởng. Nói chung, giảm được càng nhiều dung lượng ảnh càng tốt nhưng không nên làm ảnh hưởng đến chất lượng hình ảnh quá nhiều.
Dung lượng hình ảnh sau khi nén tốt nhất nên dưới 100KB và tối đa là 150KB. Còn nếu quá số đó bạn nên suy nghĩ thay thế bằng ảnh khác hoặc chấp nhận bài viết có một số ít hình ảnh có dung lượng lớn.
Trước khi nén ảnh bạn nên sao lưu ảnh gốc ra rồi lấy chính bản sao đó để tiến hành nén ảnh, như vậy nếu có lỡ nén nhiều làm chất lượng hình không còn như ý muốn thì cũng không sao hết.
Bạn có thể lựa chọn 1 trong 3 cách dưới đây để nén hình ảnh trước khi tải nó lên Website:
5.1 Làm thủ công
Cách đơn giản nhất để nén ảnh cho người dùng chính là thực hiện bằng tay với các phần mềm trên máy tính. Một số công cụ nén ảnh phổ biến và dễ sử dụng nhất là:
- Adobe Photoshop: công cụ chỉnh sửa ảnh nổi tiếng bao gồm cả tính năng nén ảnh.
- Gimp: bao gồm khả năng chỉnh sửa và cả nén ảnh hoàn toàn miễn phí.
- Affinity Photo: một công cụ không kém Photoshop và cực kì hữu dụng.
- Paint.NET: công cụ hỗ trợ cho việc xử lý ảnh có sẵn trong Windows, nhỏ gọn, nhẹ với các tính năng chỉnh sửa cơ bản và tất nhiên là nén ảnh. khá là dễ sử dụng cho những người không chuyên
Các trình chỉnh sửa ảnh ở trên cần một ít kiến thức sử dụng phần mềm, nhưng bù lại có khá nhiều lựa chọn cấu hình cho việc tối ưu hóa hình ảnh cho WordPress.
5.2 Nén ảnh online
Hiện nay, có rất nhiều công cụ, phần mềm hỗ trợ nén ảnh trực tuyến bất kỳ ai cũng có thể dễ dàng sử dụng. Bạn có thể tham khảo một số website hỗ trợ nén ảnh sau: TinyPNG, JPEGmimi, imagecompressor hoặc Imageoptim.com.
Đây là các công cụ web online giúp giảm dung lượng ảnh mà không giảm chất lượng. Bạn chỉ việc upload ảnh lên, phần mềm này sẽ tự chạy sau đó ngồi đếm 1,2,3 rồi tải xuống, nhanh gọn.
Với TinyPNG bạn chỉ có thể giảm dung lượng 20 bức ảnh cho một lần truy cập và tất cả ảnh upload lên để giảm dung lượng đều phải dưới 5MB. Nếu bạn muốn giảm dung lượng hơn 20 bức ảnh thì hãy truy cập làm nhiều lần, mỗi lần tối đa 20 bức ảnh là được.
Ví dụ: Kích thước ban đầu của ảnh là 649 x 409 với dung lượng ảnh là 192KB. Với kích thước này bạn có thể sử dụng để up lên website, tuy nhiên dung lượng ảnh này lại quá cao so với tiêu chuẩn. Do đó cần giảm dung lượng ảnh dưới 100KB. Bạn có thể dùng các công cụ online trên đây để giảm dung lượng nhưng vẫn giữ nguyên kích thức ảnh.
5.3 Nén ảnh bằng Plugin trong WordPress
Như hầu hết các plugin khác, bạn có thể dễ dàng tìm thấy và cài đặt một plugin để nén ảnh trên WordPress.
Các plugin sau sẽ giúp bạn tối ưu ảnh WordPress ngay khi upload, rồi nén nó xuống để lưu lại trên thư viện ảnh:
- WP Smush – Đây là plugin có lượt tải và kích hoạt lớn nhất trong thư viện plugin của wordpress về chức năng nén ảnh. Nó sẽ tối ưu ảnh khi bạn upload lên website, ngoài ra còn tối ưu ảnh cũ trên thư viện ảnh. Nó giảm dung lượng size ảnh xuống mà không làm ảnh hưởng chất lượng ảnh…Bạn có thể dùng bản miễn phí tuy nhiên dung lượng hình ảnh sẽ giảm không đáng kể. Hãy nâng cấp nếu bạn muốn sử dụng full chức năng của plugin này.
- EWWW Image Optimizer – nó không giới hạn số lượng ảnh sẽ nén.Tuy nhiên cũng như plugin Smush thì dung lượng ảnh nén được cũng không nhiều trên bản miễn phí.
- Imagify Image Optimizer – Plugin này sẽ cung cấp nhiều mức độ nén khác nhau, nhiều cách thay đổi kích thước khác nhau, khôi phục hình ảnh, và hơn thế nữa. Nó cho phép bạn so sánh ảnh trước và sau khi nén để bạn có thể theo dõi chất lượng ảnh thực tế từ đó đưa ra quyết định nén hay không nén với từng bức ảnh.
- ShortPixel Image Optimizer – Plugin miễn phí này cho phép bạn nén tới 100 bức ảnh mỗi tháng và có thể xử lý nhiều định dạng ảnh khác nhau, nén ảnh mà không thay đổi nhiều đến chất lượng. Hơn nữa, nó có công cụ khôi phục được tích hợp sẵn và có thể tối ưu nhiều ảnh cùng lúc.
- Optimus Image Optimizer – Plugin nhẹ này sẽ nén ảnh mà không làm mất chất lượng ảnh.
6. Tối ưu hình ảnh WordPress để thân thiện với SEO
Tối ưu hình ảnh sẽ giúp tăng tốc độ tải trang, tốt cho trải nghiệm người dùng, vì vậy về lý thuyết cũng tăng khả năng thăng hạng cho Website.
Ngoài ra, công việc tối ưu hình ảnh không chỉ dừng lại ở kích thước và dung lượng ảnh, bạn còn phải thêm vào các yếu tố của hình như đặt tên file ảnh, tiêu đề, thẻ alt, chú thích….để tối ưu cho SEO vì không ít người dùng cần tìm kiếm các kết quả bằng hình ảnh. Tìm kiếm hình ảnh được nhận định là xu hướng ở hiện tại và chắc chắn trong tương lai của Google.
Do đó, tối ưu hình ảnh WordPress cũng đóng góp vào sự thành công của SEO hình ảnh, giúp bạn kiếm được kha khá traffic đấy. Có vài bước cần làm để SEO hình ảnh như sau:
6.1 Đặt tên cho file hình ảnh
Cách SEO hình ảnh bắt đầu bằng đặt tên file. Một điều mà chúng ta hay gặp phải là để nguyên tên ảnh rồi tải lên website. Google không thể hiểu được ảnh nếu nó có cái tên vô nghĩa. Tên file hình ảnh là một yếu tố quan trọng trong SEO. Cách đặt tên file ảnh tốt nhất là:
- Trong tên ảnh phải có chứa từ khóa SEO của bài viết mà bạn mong muốn người khác sẽ tìm thấy khi tìm kiếm hình ảnh trên Google. Ví dụ: từ khóa bài viết là thảm tập yoga bạn không nên đặt tùy ý như gyudkn65g.jpg mà nên đặt thành tham-tap-yoga.jpg
- Đặt tên ảnh không dấu và phải có dầu gạch ngang giữa các từ, Google sẽ coi nó như là khoảng trống. Ví dụ: hình ảnh có tên là tối ưu hình ảnh wordpress.jpg phải đặt thành toi-uu-hinh-anh-wordpress.jpg
- Không chứa các ký tự lạ và các ký tự đặt biệt như #, $, /, *, ?
- Các ảnh trong cùng bài viết có thể đặt tên như nhau nhưng được đánh số thứ tự 1,2,3…Ví dụ như ở bài này mình có thể đặt tên ảnh cho thumnail là toi-uu-hinh-anh-wordpress.png. Các hình ảnh minh họa khác lần lượt sẽ là toi-uu-hinh-anh-wordpress-1.png, toi-uu-hinh-anh-wordpress-2.png…
Nếu bài viết của bạn có nhiều hình ảnh và khó khăn trong việc đặt tên thì bạn chỉ cần đặt tên sao cho mô tả đúng ý nghĩa của bức ảnh là được. Không nên bức ảnh nào cũng chèn từ khóa vào như vậy mất tự nhiên và dễ bị google phạt vì lỗi spam từ khóa. Chỉ cần một đến hai bức ảnh chứa từ khoá là ổn rồi.
Đặt tên mỗi bức ảnh như vậy quả thực rất vất vả nếu bài viết của bạn có nhiều hình ảnh nhưng công sức bỏ ra sẽ được đền đáp xứng đáng khi bạn vào top google.
6.2 Tối ưu các thuộc tính khác của hình ảnh sau khi tải lên Media
Tiêu đề (Title) của hình ảnh sẽ được hiển thị khi người dùng di chuột qua ảnh, nó sẽ nói cho độc giả biết rõ hơn về bức ảnh cũng như làm rõ hơn chủ đề của bài viết. Nó không quan trọng lắm đối với SEO nhưng nó quan trọng với trải nghiệm người dùng.
Còn Alternative Text rất quan trọng không nên bỏ trống vì nó sẽ giúp Google biết được hình ảnh của bạn nói về gì, qua đó đánh giá nội dung website của bạn. Alternative Text (ALT) là dòng chữ sẽ hiển thị thay thế cho bức ảnh khi nó không được hiển thị nếu có lỗi phát sinh với ảnh đó. Trong Alternative Text nên có từ khóa chính hoặc từ khóa có liên quan, không dùng dấu cách “ – “ giữa các từ, ALT nên ngắn gọn và đúng mục tiêu, không nên nhồi nhét từ khóa trong ALT.
Để thiết lập những đặc tính này cho hình ảnh. Vào trang quản trị WordPress -> Media -> Library -> Nhấn vào hình ảnh bạn vừa tải lên
- ALT tag – Alternative Text (quan trọng nhất): chữ thay thế khi hình ảnh bị lỗi, giúp Google “đọc” được hình ảnh của bạn
- Title: bạn kiểm tra lại lần nữa trước khi tải lên, mặc định WordPress sẽ lấy tên file ảnh của bạn để đặt tiêu đề Title cho ảnh đó luôn
- Caption: Thêm chú thích cho hình ảnh của bạn nếu cần, caption sẽ được thể hiện dưới ảnh trong bài viết cho người dùng đọc và hiểu hơn về bức ảnh đó. Mọi người thường chú ý heading, hình ảnh và caption khi đọc lướt qua bài viết. Vì thế, bạn cũng nên tối ưu caption thật hay cho những hình ảnh quan trọng để thu hút độc giả. Không cần thiết phải caption cho tất cả các hình. Tip nhỏ: trong caption này bạn cũng có thể internal link về bài viết, danh mục sản phẩm,dịch vụ có liên quan nhé.
- Description: thêm mô tả cho hình ảnh
- Copy Link: liên kết cho hình ảnh
Về vị trí hình ảnh: Hình ảnh đi liền với nội dung liên quan sẽ giúp bạn tối ưu thứ hạng cho từ khóa tốt hơn.
7. Ngăn WordPress tạo ra các kích thước ảnh khác nhau
Đây là một trong những việc mà bạn cần làm sau khi cài đặt WordPress. Theo mặc định, WordPress sẽ tự động tạo ra các bản sao có kích thước khác nhau bao gồm: thumnail, media và large. Để ngăn chặn việc này:
Trong trang quản trị, vào Settings -> Media -> đưa hết tất cả các kích thước mặc định về 0. Nhấn Save Changes để lưu lại.
Tuy nhiên, không chỉ có WordPress mà còn có theme và 1 số plugin bạn đang sử dụng cũng đang âm thầm tạo ra các bản sao hình ảnh. Để kiểm tra các kích thước ảnh được tạo ra bởi theme, các bạn vào wp-content -> themes -> ten-theme-cua-ban -> functions.php.
Mở file functions.php > nhấn Ctrl + F > gõ add_image_size. Mỗi dòng add_image_size tương ứng với 1 phiên bản hình ảnh sẽ được tạo ra. Xóa kích thước nào nào mà bạn không cần. Nhấn Save để lưu lại thay đổi.
Để an toàn hơn, bạn có thể sử dụng cách dưới đây để có kết quả tương tự:
Cài đặt và kích hoạt plugin AJAX Thumbnail Rebuild, sau đó vào Tools -> Rebuild Thumbnails. Tại giao diện mới, nó sẽ liệt kê tất cả các kích thước ảnh mà WordPress và theme của bạn đang tạo ra. Sau đó, copy đoạn code sau và dán vào file functions.php của child theme.
function remove_unused_image_size( $sizes) {
unset( $sizes['medium']);
unset( $sizes['medium_large']);
unset( $sizes['large']);
unset( $sizes['1536x1536']);
unset( $sizes['2048x2048']);
unset( $sizes['jnews-360x180']);
unset( $sizes['jnews-750x375']);
unset( $sizes['jnews-1140x570']);
unset( $sizes['jnews-120x86']);
unset( $sizes['jnews-350x250']);
unset( $sizes['jnews-750x536']);
unset( $sizes['jnews-1140x815']);
unset( $sizes['jnews-360x504']);
unset( $sizes['jnews-75x75']);
unset( $sizes['jnews-featured-750']);
unset( $sizes['jnews-featured-1140']);
return $sizes;
}
add_filter('intermediate_image_sizes_advanced', 'remove_unused_image_size');Có bao nhiêu file ảnh ko cần dùng được tạo ra thì có bấy nhiêu dòng unset ở dưới. Nhớ thay giá trị trong ngoặc vuông bằng tên in nghiêng trong plugin AJAX Thumbnail Rebuild của bạn (Trên đây là đoạn code dành cho website của mình). Sau đó nhấn save để lưu lại.
Lưu ý: Nên dán vào file functions.php trong child-theme để khi cập nhật theme bạn không phải làm lại
Bây giờ các bạn vào lại Tools > Rebuild Thumbnails xem có size ảnh nào được tạo ra nữa không nhé.
Tham khảo chi tiết bài viết của “MMO nào” về cách Ngăn chặn WordPress tự động tạo ảnh bản sao không cần thiết.
8. Xóa các ảnh không được sử dụng
Như bạn thấy ở trên, khi tải lên 1 ảnh thì có tới 10 bản sao được tạo ra. Nếu chỉ dùng 1 kích thước duy nhất trong bài viết và thumbnail thì ta nên làm gì với các ảnh không sử dụng? Để xóa các ảnh đó, bạn có thể sử dụng plugin Media Cleaner.
Các bạn có thể bật tính năng thùng rác cho Media Library bằng cách thêm dòng sau vào đầu file wp-config.php:
define( 'MEDIA_TRASH', true );Sau khi kích hoạt plugin, bạn vào Media -> Cleaner -> Reset -> Start Scan. Sau khi scan, một danh sách các hình ảnh không được sử dụng sẽ hiện ra (nếu có) -> Delete All
Chú ý: Backup database và thư mục /uploads trước khi xóa. Các file bị xóa tạm thời sẽ nằm trong thư mục /uploads/wpmc-trash. Sau khi kiểm tra, các bạn có thể xóa luôn hoặc nhấn khôi phục lại.
9. XML sitemap hình ảnh
Nếu bạn là nhà phát triển web, bạn nên quan tâm đến XML image sitemap (sơ đồ trang web hình ảnh). Google đã chỉ rõ:
“Bạn có thể dùng extension của Google image cho sitemap để cung cấp cho Google nhiều thông tin hơn về hình ảnh sẵn có trên trang. Thông tin về sơ đồ hình ảnh website giúp Google phát hiện hình ảnh chúng ta có thể không tìm được. (ví dụ hình ảnh mà trang bạn dùng JavaScript code). Và nó cho phép bạn đánh dấu hình ảnh trên website mà bạn muốn Google bot crawl và index.”
Thêm hình ảnh vào XML sitemap giúp Google index hình ảnh và SEO hình ảnh tốt hơn.
Lời Kết
Tóm lại, bạn cần lưu ý những điểm dưới đây khi tối ưu hình ảnh cho WordPress:
- Chọn định dạng ảnh phù hợp
- Sử dụng hình ảnh tương ứng với nội dung, đặt gần nội dung liên quan
- Kích cỡ hình ảnh upload phải tương ứng với kích cỡ ảnh khi được hiển thị
- Giảm dung lượng file để ảnh tải nhanh hơn
- Đặt tên file hình ảnh rõ ràng, phù hợp
- Thêm Alternative Text cho hình ảnh để Google đọc được hình ảnh
- Thêm caption khi cần để thu hút người đọc hơn
- Sử dụng hình ảnh trong XML sitemap
Như vậy là MMO nào vừa hướng dẫn cách tối ưu hình ảnh WordPress giúp cho website của bạn nhẹ hơn, tải nhanh hơn và thân thiện với SEO. Những điều này làm cho Google đánh giá cao trang web của bạn. Tối ưu hình ảnh WordPress có thể khá mất thời gian ban đầu, nhưng vì trải nghiệm người dùng và vì thứ hạng tìm kiếm, điều này là cần thiết.
Chúc bạn thành công!
Bạn có kinh nghiệm gì trong việc tối ưu hình ảnh để cải thiện hiệu năng và tốc độ website WordPress? Hãy chia sẽ ý kiến của bạn ở phần bình luận bên dưới để mọi người cùng tham khảo nhé.
