Tối ưu hóa SEO hình ảnh trong bài viết

1. Ý nghĩa của các định dạng ảnh phổ biến trên internet (JPEG, GIF, PNG)

Dạng JPEG được thiết kế để giữ lại độ màu rộng và độ sáng rõ của những ảnh có tông màu liên tục (chẳng hạn như những ảnh ở chế độ tô màu gradient). Dạng ảnh này có thể tiêu biểu cho những ảnh sử dụng hàng triệu màu.

Dạng GIF hiệu quả đối với những ảnh nén màu đặc và những ảnh có những vùng màu lập lại (chẳng hạn như nghệ thuật đường thẳng, các biểu tượng và những hình minh hoạ có chữ). Dạng này sử dụng một bảng gồm 256 màu để thể hiện hình ảnh và hỗ trợ cho độ trong suốt của nền.

Dạng PNG hiệu quả đối với những ảnh nén màu đặc và giữ được chi tiết sắc nét. Dạng PNG-8 sử dụng bảng 256 màu để thể hiện 1 ảnh. Dạng PNG-24 hỗ trợ màu 24 bit (hàng triệu màu), tuy nhiên nhiều ứng dụng trình duyệt trước đây không hỗ trợ các tập tin dạng PNG.

Mình chung quy lại cho dễ hiểu

Dạng hình đuôi JPEG bạn nên để cho cập nhật hình ảnh sản phẩm, banner ( Nên dùng )
Dạng hình đuổi GIF mình dùng để thiết kế menu, đường viền web, bút button trong web …
Dạng hình đuôi PNG dùng để thiết kế LOGO, các dạng hình trong suốt hay những hình ảnh cần độ sắc nét cao ( trong thiết kế web nên hạn chế dùng đuôi PNG vì khi web đi vào hoạt động đuôi hình này rất ngốn dung lượng băng thông web )

2. Các công cụ tối ưu hóa hình ảnh

Thật ra thì khi khách hàng mới bắt đầu cập nhật hình ảnh sản phẩm vào web thì không cần resize hình ảnh làm gì cho nó nhức đầu thêm, nhưng khi số lượng sản phẩm lên tới hàng trăm thì bạn cũng nên chú ý kỹ về vấn đề này. Tại sao bạn phải chú ý nó

Thứ nhất : 1 tấm hình sản phẩm có dung lượng bình thường giao động từ 100kb-200kb ( mình cho nó trung bình 150kb đi ) x 100 tấm hình = 15mb . Nếu tại trong cùng 1 thời điểm có 100 khách hàng xem website của bạn thì dung lượng băng thông phải ngốn gần hết : 15mb x 100 = 1500 mb, tức là ngốn gần 1,5GB băng thông web rồi

Thứ hai : hình ảnh càng nặng thì website của bạn hoạt động ì ạch hơn

Trên thị trường có rất nhiều phần mềm resize hình ảnh hàng loạt, mình thì trước giờ dùng quen cái thằng phần mềm này rồi, sẵn thì giới thiệu luôn cho các bạn khỏi search google mất công ^^

Bước 2:
– Nhất nút số 2
– Chọn Smart JPEG Resizing, đánh vào kích thước cạnh dài nhất mong muốn, ví dụ muốn có ảnh 800×600 thì đánh vào 800
Đây là một công cụ phần mềm rất nhỏ gọn, resize hình ảnh hàng loạt cũng rất linh hoạt nữa

Download phần mềm về

Hướng dẫn sử dụng qua 4 bước

Bước 1:
– Nhấn nút số 1
– Sau đó nhấn nút Add Folder nếu muốn chọn tất cả hình trong 1 thư mục
– Hoặc nhấn nhút Add File(s) nếu muốn chọn 1 hoặc nhiều file ảnh có chọn lọc

Bước 3:

– Nhấn nút số 3
– Đánh vào đường dẫn để chứa file ảnh đã resize
– Điều chỉnh nút trượt bên dưới để chọn giữ chất lượng cao nhất hoặc dung lượng nhỏ nhất

Bước 4:

– Nhấn nút số 4 để bắt đầu resize ảnh và hoàn tất

3. Đóng dấu ảnh hàng loạt

Download phần mềm về ( hướng dần cài đặt full ***** )

Bước 1:

Đầu tiên các bạn khởi động phần mềm Batch Watermark Creator lên

Bước 2:

Để tạo một dấu ấn hay logo có sẵn cho bức ảnh của bạn thì các bạn vào Template chọn Launch Template Editor

Bước 3:

Click vào mục Create a new template như hình vẽ

Bước 4:

Tạo một tên template mới, và nhấn OK

Bước 5:

Ở Template Editor các bạn có thể chọn viết chữ lên bức ảnh hay đóng dấu với logo có sẵn

1: New Text Item (Với biểu tượng chữ T): Các bạn có thể tạo dấu bằng chữ
2: New Image Item : Ở đây bạn sử dụng để tạo dấu bằng ảnh

Bước 6:

Ở đây tôi sẽ chọn đóng dấu ảnh. Các bạn chọn đường dẫn ở mục Select image file sau đó chọn ảnh logo và nhấn Open

Bước 7:

Khi đó bức ảnh của bạn đã được đóng dấu logo rồi. Để lưu lại template của logo này các bạn chọn File -> Save changes

1: Lựa chọn Options, bạn điều chỉnh độ mờ nhạt của dấu ảnh
2: Đặt vị trí của dấu ảnh
3: Di chuyển dấu ảnh với vị trí thích hợp

Sử dụng Batch Watermark Creator đóng dấu ảnh

Sau khi các bạn đã tạo xong các template có vị trí dấu ảnh thì tiếp theo Thoitrang-dientu.com sẽ hướng dẫn các bạn cách để đóng dấu vị trí logo trong template mà bạn vừa tạo vào một bức ảnh bất kỳ

Bước 1: Các bạn mở giao diện của Batch Watermark Creator lên, bạn sẽ thấy ở cột bên trái hiển thị các template mà bạn

Bước 2:
Chọn đường dẫn chứa file xuất ra ở mục Output Settings

Bước 3:

Các bạn quay trở lại Tab Templates và chọn Template có vị trí logo ảnh như mong muốn. Sau đó click vào biểu tượng dấu “+” ở để mở file ảnh mà bạn muốn đóng dấu

Bước 4:

Click vào biểu tượng như hình vẽ để bắt đầu tiến trình xử lý đóng dấu vào bức ảnh

Cuối cùng các bạn mở thư mục mà bạn đã chọn đường dẫn ở bước 2 ra bạn sẽ thấy được bức ảnh mà bạn vừa đóng dấu

4. Đổi tên đường dẫn hàng loạt hình ảnh sản phẩm

Trong module SEO web chuyên nghiệp Thoitrang-dientu.com giới thiệu cho bạn một chức năng đổi tên hình ảnh sản phẩm dựa theo tiêu đề tên sản phẩm, cách này rất hay giúp bạn đổi hàng loạt tên hình ảnh chỉ trong 1 nháy mắt

Bước 1 :

Đăng nhập vào trang quản trị Admin >> SEO >> SEO hình ảnh

Bước 2 :

Vào ô các tham số bạn đánh vào : %p ( có nghĩa là hình ảnh sẽ đổi tên hàng loạt dựa theo tên sản phẩm )
Hoặc %p-tên miền website của bạn ( Ví dụ : %p-thoitrang-dientu.com )
Sau đó nhấn Generate >> Lưu lại để module SEO thực hiện nốt việc còn lại