Tối ưu hình ảnh website – SEO hình ảnh lên TOP Google

Sử dụng StableHost Coupon - Nhận ưu đãi khủng
Tối ưu vào SEO hình ảnh lên top Google

Bạn đang muốn tối ưu hình ảnh cho website? Trong bài này tôi sẽ chỉ bạn cách tối ưu hình ảnh, SEO hình lên TOP Google để có thêm nhiều traffic truy cập.

Tìm kiếm bằng hình ảnh là xu hướng tất yếu!
Mọi người luôn muốn mắt thấy, tay sờ.

Vì vậy người dùng sử dụng tính năng tìm kiếm bằng hình ảnh rất nhiều.
Hình ảnh lên TOP và bắt mắt chắc chắn sẽ cho bạn traffic miễn phí tuyệt vời!

Trong bài này, chúng tôi sẽ chỉ cho bạn cách tối ưu và SEO hình ảnh đơn giản nhất.

Tối ưu hình ảnh cho SEO và Tốc độ

Tốc độ đóng vai trò quan trọng trong SEO và trải nghiệm người dùng.
Máy tìm kiếm luôn xếp hàng trang web nhanh cao hơn.
Điều này cũng đúng với tìm kiếm hình ảnh.

Hình ảnh làm tăng thời gian tải trang web.
Chúng mất thời gian tải về lâu hơn text (văn bản) rất nhiều.

Hình ảnh nặng làm giảm tốc độ tải trang web
Hình ảnh nặng làm giảm tốc độ tải trang web

Bạn có thể hình dung: 1000 chữ (word) ~ 2 kB.
Bài viết này cũng chỉ khoảng 800 – 900 chữ.
Mà một bức hình bình thường đã nặng hơn 100 kB, tức ~ 50,000 chữ.

Tức là thời gian tải trang sẽ lâu hơn nếu bài viết của bạn có nhiều ảnh.
Nhưng không có nghĩa bạn bỏ hết ảnh, bài viết của bạn sẽ là thảm họa.

Hãy chắc chắn hình ảnh trên website phải được tối ưu.
Có thể hơi khó khăn cho người ít kinh nghiệm đồ họa.

Nhưng đừng lo! Bỏ chút thời gian ra tìm hiểu,
theo lần lượt các bước đơn giản sau, sẽ giúp bạn tối ưu hình ảnh:

Giảm kích thước hình ảnh

Một bức ảnh chụp bằng các smartphone hiện nay,
kích thước cũng khoảng ~ 3000  – 5000 pixel.
Quá lớn cho website (trừ khi bạn có lý do đặc biệt để dùng ảnh gốc)

Trước hết hãy dùng phần mềm, công cụ bất,  kỳ để giảm (resize) lại hình ảnh.
Tùy vào kích thước phần nội dung website mà bạn resize ảnh phù hợp.

Thông thường, resize chiều rộng ảnh (width) về trên dưới 1000 pixel.
Còn chiều cao ảnh (height) tự co theo tỷ lệ ảnh gốc.

Có hàng trăm công cụ để làm điều này.
Các công cụ phổ biến: Adobe Photoshop, Paint, ImageGlass ….

Lưu hình ảnh đúng cách

Lưu ảnh đúng định dạng và độ nén tốt sẽ giúp giảm nhiều dung lượng ảnh.
Đưa ảnh về định dạng JPEGđộ nén cao (hay Quality thấp) là được.

Nếu dùng Adobe Photoshop bạn có thể làm đơn giản:

Lưu hình ảnh đúng cách bằng Photoshop
Lưu hình ảnh đúng cách bằng Photoshop
  1. Mở bức ảnh bằng Photoshop.
  2. Bấm File > Save for Web…
  3. Ở bên phải bạn chọn định dạng JPEG, với Quality khoảng 60.
    Image Size điền vào W chiều rộng ảnh muốn resize.
  4. Bên trái là xem trước ảnh sau khi tối ưu.
    Góc dưới bên trái sẽ hiện ra dung lượng ảnh sau tối ưu.

Alt Text của hình ảnh là gì?

Alt text (alternative text) – văn bản thay thế là một thuộc tính HTML được thêm vào thẻ img (là thẻ được sử dụng để hiển thị hình ảnh trên trang web).

Alt Text là bắt buộc để mang lại hiệu quả SEO.

Một thẻ img trong mã HTML như sau:

<img src="/toi-uu-hinh-anh.jpeg" alt="Tối ưu hình ảnh cho SEO" />

Nó cho phép chủ website mô tả về bức ảnh đó.
Mục đích chính của alt text là cải thiện khả năng đọc của trình đọc màn hình cho người dùng khiếm thị.

Alt text rất quan trọng trong SEO.
Nó giúp máy tìm kiếm hiểu được bối cảnh, nội dung hình ảnh.

Máy tìm kiếm hiện đại cực kỳ thông minh.
Nó có thể tự hiểu nội dung bức ảnh, bằng cách dùng trí tuệ nhân tạo.
Nhưng nó vẫn dựa trên mô tả của chủ website về bức ảnh đó.

Alt text cũng đi kèm với hình ảnh trong tìm kiếm hình ảnh của Google, giúp người dùng hiểu hình ảnh, từ đó nhận được nhiều khách truy cập hơn.

Alt text - Tìm kiếm hình ảnh trên Google
Alt text – Tìm kiếm hình ảnh trên Google

Hãy kèm từ khóa SEO vào phần Alt Text.

Thông thường Alt text không hiển thị trực tiếp.
Nhưng nếu một hình ảnh bị “chết” hoặc không tìm thấy, thì người dùng sẽ thấy đoạn Alt text bên cạnh icon nhỏ như hình dưới.

Ảnh "chết" - Hình không hiển thị kèm alt text bên cạnh
Ảnh “chết” – Hình không hiển thị kèm alt text bên cạnh

Sự khác nhau giữa Alt Text và Title ảnh

Alt text được dùng cho đọc và SEO hình ảnh.
Còn Title được sử dụng trong nội bộ WordPress để phục vụ tìm kiếm:

Tìm kiếm nhanh hình ảnh bằng Title
Tìm kiếm nhanh hình ảnh bằng Title

Sự khác nhau giữa Alt Text và Caption

Alt Text được dùng để mô tả hình ảnh cho máy tìm kiếm và thiết bị đọc, còn Caption được dùng để mô tả ảnh cho tất cả người đọc.

Alt Text thì không hiển thị trên trang web.
Còn Caption thì hiển thị dưới bức ảnh.

Caption thường hiển thị dưới hình ảnh
Caption thường hiển thị dưới hình ảnh

Alt Text là bắt buộc cho SEO hình ảnh.
Caption là tùy chọn, chỉ cần dùng nếu bạn cần cung cấp thêm thông tin về bức ảnh cho khách truy cập.

Cách thêm Alt Text, Title, Caption vào hình ảnh

Điền Alt text, title, caption khi upload hình ảnh lên web WordPress.

Khi bạn thêm 1 hình ảnh sử dụng Image Block mặc định,
WordPress cho bạn điền Alt Text và Caption.

Điền Alt Text và Caption khi upload ảnh bằng Block
Điền Alt Text và Caption khi upload ảnh bằng Block

Title được tự động tạo từ tên tập tin ảnh.
Bạn có thể thay đổi Title bằng nút Edit image:

Icon sửa thông tin hình ảnh
Icon sửa thông tin hình ảnh

Cửa sổ popup hiện lên để bạn sửa thông tin ảnh.

Thay đổi thông tin hình ảnh
Thay đổi thông tin hình ảnh

Bạn có thể thay đổi alt text, title, caption cho những hình ảnh đã upload trước đó thông qua popup trên, hoặc vào Media > Library.

Thư viện media trong WordPress
Thư viện media trong WordPress

Click vào hình ảnh muốn thay đổi thông tin.
Popup hiện ra – nơi bạn có thể thay đổi title, alt text, caption.

Sửa alt text, title, caption trong Media Library
Sửa alt text, title, caption trong Media Library

Chú ý: Thay đổi Alt Text tại Media Library cũng không làm thay đổi Alt Text ở hình ảnh đã sử dụng trong bài viết trước đó.

Tắt trang đính kèm trong WordPress

WordPress tạo ra một trang cho mỗi hình ảnh bạn upload.
Nó gọi là Attachment Page (trang đính kèm).
Nó đơn giản chỉ hiển thị phiển bản ảnh lớn của ảnh gốc.

Điều này không tốt cho SEO.
Máy tìm kiếm không thích những trang không có văn bản, chất lượng thấp hoặc nghèo nội dung.

Nên hãy tắt trang đính kèm trên website của bạn.

Cách đơn giản nhất để làm là dùng plugin Yoast SEO.
Vào SEO > Search Appearance, rồi click vào tab Media:

Tắt trang đính kèm hình ảnh
Tắt trang đính kèm hình ảnh

Tại đây, chuyển tùy chọn Media & attachment URLs sang Yes.

Các mẹo hay để cải thiện SEO hình ảnh

Chỉ thêm alt text là chưa đủ để cải thiện SEO hình ảnh.
Làm theo các bước dưới mỗi khi thêm bất kỳ hình ảnh nào vào website:

1. Viết Alt Text có tính mô tả

Đừng chỉ thêm 1 hoặc 2 từ vào phần Alt Text của hình ảnh.
Việc làm hình ảnh khó được xếp hạng.

Ví dụ: thay vì dùng “áo khoác”, hãy dùng “áo khoác nam cho nhưng bạn cá tính”

2. Tên ảnh cũng có tính mô tả

Thay vì up lên web hình ảnh có tên “IMG2738.jpg”,
bạn cần đổi tên trước khi upload.

Nghĩ về từ khóa mà người dùng sẽ dùng để tìm kiếm để đặt tên cho hình ảnh.
Ví dụ: ao-khoac-nam.jpg

3. Cung cấp bối cảnh cho hình ảnh

Máy tìm kiếm ngày càng thông minh.
Nó có thể nhận ra và phân loại ảnh khá tốt.
Tuy nhiên chúng vẫn cần bạn cung cấp bối cảnh cho hình ảnh.

Là sao? Tức hình ảnh cần liên quan đến chủ đề của bài viết.
Rất tốt khi: Xung quanh hình ảnh trong bài viết, là những đoạn văn bản  có nội dung liên quan đến hình ảnh đó.

4. Thực hiện SEO tổng thể

Bạn cũng cần bám sát SEO website tổng thể.
Nó cũng cải thiện thứ hạng tổng thể trong đó có cả SEO hình ảnh.

5. Sử dụng đồ họa hình ảnh gốc

Có rất nhiều trang web bạn có thể download miễn phí hình ảnh.
Cũng vì vậy có vấn đề là có quá nhiều web sử dụng hình ảnh đó.

Cố gắng sử dụng hoặc tạo ra hình ảnh chất lượng, duy nhất website của bạn có.

Chúng tôi biết hầu hết các bạn không phải chuyên gia đồ họa.
Nhưng may là có nhiều công cụ online để thiết kế đơn giản.

Tổng kết

Hi vọng qua bài viết này bạn sẽ học được cách Tối ưu hình ảnh website – SEO hình ảnh lên TOP Google.

Hãy like và chia sẻ cổ vũ chúng tôi.
Đăng ký kênh YouTube Làm Web Dễ Ợt để xem video hay nhất về làm web WordPress, marketing và kiếm tiền online.
Tối ưu hình ảnh website – SEO hình ảnh lên TOP Google
5 / 5 (2 vote[s])

Bình luận cho sôi nổi nào!

avatar
  Subscribe  
Thông báo