Thể loại: Blog

SEO hình ảnh: 5 Tips quan trọng để tối ưu hóa hình ảnh lên top Google

Dù bạn có viết blog hay báo online thì đôi khi bạn cũng sẽ tự hỏi: “Bài của mình có cần hình ảnh không?”

Câu trả lời luôn là CÓ.

Hình ảnh giúp bài viết sống động hơn và rất có ích cho website của bạn.

Hôm nay, tôi sẽ hướng dẫn chi tiết từ A – Z cho bạn cách SEO hình ảnh lên google và làm thế nào sử dụng hình ảnh đúng cách để đem lại trải nghiệm tốt nhất cho người dùng.

Luôn luôn chèn và SEO hình ảnh

SEO hình ảnh tốt sẽ giúp người đọc hiểu bài viết của bạn tốt hơn. Câu nói “Một bức ảnh hơn ngàn lời nói” có lẽ không thích hợp với Google nhưng rất đúng trong trường hợp này. Đó là khi bạn muốn biến bài viết 1000 từ nhàm chán trở nên hấp dẫn hơn.

  • Minh họa điều bạn chia sẻ qua bảng, sơ đồ dòng dữ liệu (data flow diagram)
  • Hay đơn giản chỉ là khiến bài đăng trên mạng xã hội trở nên hấp dẫn

Checklist Onpage: Các yếu tố cần chú ý khi bạn tối ưu onpage

Bên cạnh sử dụng Internal Link hay External Link, bạn hoàn toàn có thể tăng tỷ lệ người dùng click vào bài viết nhờ Meta Description. Tìm hiểu ngay!

Lời khuyên đơn giản là:

Bạn nên chèn hình ảnh vào bất kỳ bài viết online nào để khiến chúng lôi cuốn hơn.

Thêm vào đó, tìm kiếm hình ảnh ngày càng quan trọng.

Điều này được nhận định là xu hướng ở hiện tại và chắc chắn trong tương lai của Google trong việc tìm kiếm.

Do vậy, làm tốt SEO hình ảnh sẽ giúp bạn kiếm được kha khá traffic đấy.

Nếu bạn muốn có nội dung “bắt mắt” thì bạn càng phải ưu tiên công việc SEO hình ảnh trong list công việc của mình.

Google Images gần đây đã thay đổi giao diện thương hiệu mới. Bạn cũng sẽ thấy bộ lọc mới, dữ liệu meta và thậm chí là cách thể hiện nguồn/tác giả của hình ảnh.

Bộ lọc mới cực xịn này cho thấy Google đang dần hiểu hình ảnh gồm những gì và hình ảnh đó sử dụng trong ngữ cảnh như thế nào.

Giao diện mới của Google Image Search được ra mắt vào cuối tháng 11 năm 2018

Tìm đúng ảnh

Tốt hơn hết là dùng ảnh gốc, tự chụp hơn là stock photo. Hình ảnh bài viết cần liên quan đến chủ đề.

Điều này, tôi cũng đã từng nhắc đến trong bài viết về tối ưu UX cho website để nâng cao trải nghiệm người dùng. Bạn có thể xem chi tiết tại đây. Để tôi giải thích sơ lược cho bạn.

Nếu bạn chọn hình ảnh ngẫu nhiên chỉ để lấy đủ dấu chấm xanh trên Yoast SEO thì bạn đang sai lầm rồi đấy.

Hình ảnh nên phản ánh chủ đề bài viết hay mô tả mục đích của bài viết. Cố gắng đặt hình ảnh gần đoạn nội dung liên quan nhất.

Nếu bạn có hình ảnh chủ lực hoặc hình ảnh muốn tranh hạng, hãy để nó ở phần đầu bài viết (nếu hợp lý)

Có một lý do đơn giản cho việc ưu tiên SEO hình ảnh là …

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.

Cách thay thế hình ảnh

Trong trường hợp bạn không có hình ảnh riêng thì làm thế nào?

Vẫn còn nhiều cách khác để tìm ảnh độc quyền mà không cần tới stock photo.

  1. 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ả.
  2. 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.
  3. Tự thiết kế hình ảnh cho mình với nguồn logo, icon từ Flaticon.com Freepik.com

Kinh nghiệm của tôi ở đây là …

Hình ảnh có con người thật thường giống stock photo trừ khi hình đó do bạn tự chụp. Và nếu bạn có thể tự chụp hình thì quá lý tưởng rồi.  Chẳng cần lo lắng vấn đề bản quyền.

Ngoài hình ảnh, bạn có thể thay thế bằng illustrations (ảnh minh họa), biểu đồ và đặc biệt là GIF. (GIF – loại này đang cực kỳ thịnh hành)

Ảnh GIF trông cực kì bắt mắt

Chuẩn bị hình ảnh cho bài viết

Sau khi đã tìm được hình ảnh thích hợp, bước tiếp theo là SEO hình ảnh lên Google.

Bạn cần chú ý những điều sau:

  • Chọn tên file thích hợp

Cách SEO hình ảnh bắt đầu bằng đặt tên file. Bạn muốn Google biết nội dung của hình mà không cần phải nhìn đến nó. Hãy dùng cụm từ khóa chính đặt tên cho file hình.

Ví dụ: Hình của bạn là một cảnh hoàng hôn ở Đà Lạt thì tên file không phải abc4526.jpg mà nên là hoang-hon-da-lat .jpg. Cụm từ chính cũng chính là chủ đề của bức ảnh.

  • Chọn đúng định dạng

Trong hình ảnh, không có khái niệm định dạng đúng. Mà nó còn tùy thuộc vào loại hình và cách sử dụng hình ảnh như thế nào.

JPEG: Chọn JPEG cho hình ảnh lớn hoặc ảnh minh họa giúp đảm bảo màu sắc và độ nét với kích cỡ file nhỏ.

PNG: Sử dụng PNG nếu bạn muốn giữ hiệu ứng trong trong suốt của background.

WebP: Sử dụng WebP thay cho JPEG và PNG. Do định dạng này đem lại kết quả chất lượng cao với file có kích cỡ nhỏ hơn. Bạn có thể dùng công cụ như Squoosh để chuyển hình ảnh sang định dạng WebP.

SVG: Dùng SVG cho logo và icon. Với CSS hoặc JavaScript, bạn có thể quản lý hình ảnh định dạng SVG. Chẳng hạn, đổi kích cỡ ảnh mà không ảnh hưởng đến chất lượng ảnh.

Nếu bạn biết được phần lớn người dùng của mình sử dụng trình duyệt hay thiết bị nào, bạn có thể kiểm tra định dạng bạn chọn có phù hợp với những trình duyệt này không bằng phần mềm CanIuse.com.

Khi đã có tên và định dạng đúng, bạn có thể đổi kích cỡ và tối ưu hóa hình ảnh lên Google.

  • Thay đổi kích cỡ hình ảnh SEO

Tốc độ tải vô cùng quan trọng trong UX và SEO.

Trang load càng nhanh thì càng dễ truy cập và index. Hình ảnh ảnh hưởng rất lớn đến tốc độ tải trang, đặc biệt khi bạn dùng ảnh lớn nhưng lại hiển thị nhỏ.

Ví dụ hình ảnh có độ phân giải 2500×1500 pixels nhưng bạn chỉ để hiển thị 250×150 pixels và vẫn phải tải lên toàn bộ ảnh.

Giải pháp ở đây là bạn nên scale (thay đổi kích cỡ) hình ảnh muốn hiển thị trước khi upload.

WordPress cũng hỗ trợ bằng cách tự động cung cấp hình ảnh dưới nhiều kích cỡ sau khi tải. Tuy nhiên, làm vậy chỉ có thể điều chỉnh kích cỡ hiển thị hình ảnh. Chứ không có nghĩa là bạn có thể thay đổi kích cỡ file.

Đúng vậy! Có lẽ trước giờ bạn vẫn lầm tưởng điều này phải không?

Chưa kể, sau khi chọn scale kích cỡ hình ảnh trên wordpress, tên hình ảnh bạn đặt trước đó chắc chắn thay đổi. Và tất nhiên, giai đoạn tối ưu hình ảnh khi đặt tên file ảnh cũng không còn tác dụng.

  • Sử dụng responsive image

Responsive image được hiểu đơn giản là dạng hình ảnh tương thích với nhiều kích thước màn hình khác nhau.

Nó có thể tải theo từng loại kích thước màn hình. Ví dụ, nó có thể phù hợp với màn hình hiển thị lớn. Và đặc biệt, bạn vẫn có thể xem hình ảnh này đầy đủ trên màn hình hiển thị nhỏ hơn thay vì bị mất đi một số phần như hình ảnh thông thường.

Responsive Image hiển thị trên màn hình desktop

Responsive Image hiển thị trên màn hình di động

Nhưng kích thước và chất lượng của responsive image vẫn tương tự như bạn đang xem trên màn hình lớn.

Dạng hình ảnh này cũng rất cần thiết cho SEO. Và nếu bạn dùng WordPress thì nền tảng này đã mặc định thêm tính năng này kể từ phiên bản 4.4.

Hình ảnh này có thuộc tính srcset, giúp hiển thị hình ảnh khác nhau trên mỗi màn hình độ rộng khác nhau – vì thế, nó đặc biệt có ích khi SEO tương thích với thiết bị di động.

  • Giảm kích cỡ file

Bước tiếp theo trong cách SEO hình ảnh là nén hình ảnh xuống kích cỡ thấp nhất có thể.

Tất nhiên bạn có thể xuất hình ảnh và thử nghiệm với chất lượng giảm theo tỉ lệ nén. Nhưng tôi muốn sử dụng hình ảnh chất lượng 100%. Nhất là khi màn hình retina (loại màn hình sắc nét với độ phân giải cao) và các loại màn hình tương tự ngày càng phổ biến.

Đặc biệt, bạn có thể sử dụng công cụ JPEGmini để giảm đáng kể kích cỡ file mà không làm biến dạng ảnh.

Hoặc đơn giản dùng plugin Shortpixels trong wordpress để nén ảnh mà không thay đổi nhiều đến chất lượng. Bạn có thể dùng tài khoản miễn phí với một số hạn chế hoặc dùng tài khoản trả phí với full tính năng tuyệt vời.

Bạn vẫn có thể giảm kích cỡ file ảnh bằng cách bỏ dữ liệu EXIF.

À mà khoan. Bạn đã biết về dữ liệu EXIF?

Exif (Exchangeable Image File format) là phần dữ liệu thông tin của một hình ảnh (ví dụ: thời gian chụp, các thiết lập của máy ảnh, vị trí chụp, bản quyền của hình ảnh, …). Các thông tin này được lưu tự động đối với tất cả các loại máy ảnh. Do vậy người dùng không thể can thiệp vào quá trình này được.

Dùng JPEGmini để tối ưu kích cỡ hình ảnh

Một số công cụ hỗ trợ: ImageOptim, JEPGmini, jpeg.io hoặc Kraken.io

Khi SEO hình ảnh, bạn nên kiểm tra trang bằng các công cụ như Google PageSpeed Insights, Lighthouse, WebPageTest.org hoặc Pingdom.

Thêm hình ảnh vào bài viết

Tuy Google đã nhận diện hình ảnh tốt hơn nhưng bạn cũng không nên ỷ y quá nhiều vào Google. Hãy cung cấp ngữ cảnh cho hình ảnh được sử dụng, càng nhiều càng tốt.

Giờ hình ảnh của bạn đã sẵn sàng sử dụng nhưng đừng vội quăng chúng vào bài viết. Như đã nói, đặt hình ảnh gần content phù hợp sẽ giúp ích rất nhiều để đảm bảo nội dung liên quan đến hình ảnh và ngược lại.

  • Caption

Caption hình ảnh là dòng chữ đi kèm theo hình ảnh trên trang. Tại sao caption lại quan trọng trong SEO hình ảnh?

Bởi vì người dùng đọc caption khi đọc lướt qua bài viết. Mọi người thường scan heading, hình ảnh và caption khi đọc lướt qua trang.

Tối ưu caption thật hay để thu hút người đọc

Nielsen (1997) viết:

“Yếu tố đọng lại trong ánh nhìn của người dùng khi scan bài viết bao gồm: Heading, cỡ chữ lớn, chữ in đậm, chữ highlight, danh sách kèm bullet ở đầu, hình đồ họa, caption, câu chủ đề và bảng mục lục”

KissMetrics (2012) làm rõ hơn:

“Trung bình người dùng đọc caption dưới hình ảnh nhiều hơn nội dung chính 300%. Do đó, không dùng caption hoặc dùng không đúng là bạn đang đánh mất cơ hội thu hút lượng lớn độc giả tiềm năng.”

Vậy bạn có cần caption dưới tất cả hình ảnh không?

Không cần thiết. Vì đôi lúc hình ảnh được dùng với mục đích khác. Bạn cũng nên xác định mình có muốn dùng hình ảnh cho SEO hay không.

Bạn cần dựa trên nhu cầu thực tế để tránh tối ưu hóa quá liều. Ý tôi muốn nói ở đây là bạn chỉ nên thêm caption hợp lý dưới góc độ người dùng.

Nghĩ về người dùng trước chứ đừng thêm caption chỉ để SEO hình ảnh.

  • Alt text và title text

Alt text (hoặc Alt tag) được thêm vào hình ảnh để làm nội dung miêu tả trong trường hợp hình ảnh vì lí do nào đó không thể hiển thị.

Wikipedia định nghĩa:

“Trong trường hợp hình ảnh không hiện lên cho người dùng, có thể do họ tắt hình ảnh trên trình duyệt web hoặc đang sử dụng screen reader (thiết bị đọc màn hình) vì hình ảnh bị hư. Alternative text sẽ đảm bảo không làm mất đi thông tin hay chức năng nào.”

Đảm bảo thêm alt text vào mỗi hình ảnh bạn dùng và alt text bao gồm cụm từ SEO chính của trang đó (nếu có thể). Quan trọng nhất là mô tả trong hình có gì để cả công cụ tìm kiếm và người dùng đều hiểu.

Càng có nhiều thông tin liên quan xung quanh hình ảnh thì công cụ tìm kiếm càng cho rằng hình này quan trọng.

Một vài trình duyệt hiển thị title text dưới dạng “tooltip” (chú thích khi rê chuột đến hình ảnh). Title text cho hình ảnh cũng tương tự nên có rất nhiều người sử dụng alt text cho cả title. Và ngày càng có nhiều người bỏ sót luôn hai phần này.

Mozilla lý giải rằng:

Title có nhiều vấn đề về khả năng truy cập mà chủ yếu là screen reader rất khó đoán. Và hầu hết trình duyệt đều không hiển thị nếu bạn không rê chuột. (Trong trường hợp không thể dùng bàn phím)

Tốt hơn hết là thêm thông tin vào trực tiếp bài viết hơn là gắn dưới dạng tooltip cho hình ảnh.

  • Thêm cấu trúc dữ liệu hình ảnh

Thêm cấu trúc dữ liệu vào trang có thể giúp công cụ tìm kiếm hiển thị hình ảnh của bạn trên rich result.

Dù Google tuyên bố dữ liệu có cấu trúc không có ích trong việc tăng hạng nhưng nó sẽ giúp có được danh sách dài hơn trên Image Search.

Thực tế còn hơn thế nữa.

Ví dụ nếu bạn có công thức trên trang và bạn thêm cấu trúc dữ liệu vào hình ảnh. Google sẽ có thể đánh dấu hình ảnh của bạn nhằm thông báo hình ảnh này thuộc về một công thức. Google Image hỗ trợ cấu trúc dữ liệu ở các dạng sau:

    • Sản phẩm
    • Video
  • Công thức

Bạn cần tuân thủ nhiều hướng dẫn của Google nếu muốn hình ảnh xuất hiện trên rich result trong mục tìm kiếm hình ảnh.

Lưu ý: Thuộc tính hình ảnh là bắt buộc. Và nhờ vào đó, hình ảnh có thể crawl hoặc index được.

Bạn có thể tìm thêm thông tin tại Structured Data General Guidelines của Google.

  • OpenGraph và Twitter Card

Ở trên tôi có đề cập sử dụng hình ảnh trong những bài chia sẻ trên mạng xã hội. Nếu bạn thêm tag hình ảnh sau vào phần <head> trong HTML như thế này:

<meta >

Thì chắc chắn hình ảnh của bạn sẽ xuất hiện trong bài chia sẻ trên Facebook (và OpenGraph được sử dụng cho Pinterest)

Yoast SEO plugin cũng có hỗ trợ phần Social.

Tại đây bạn có thể xem trước bài đăng Facebook hay Twitter.

Hãy đảm bảo hình ảnh chất lượng cao như hình gốc được sử dụng trong bài viết. Vì nền tảng mạng xã hội thường dùng hình ảnh chất lượng cao hơn và kích thước hình lớn hơn.

Nếu bạn thiết lập đúng xong hết nhưng vẫn không tải được hình, hãy thử dùng URL Debugger để xử lý.

  • Canh lề hình ảnh

Đây là phần dễ chọc điên tôi nhất. Hình ảnh không bao giờ được nằm bên trái và phá vỡ mạch cấu trúc như hình bên dưới:

Tối ưu cả bố cục lề của các hình ảnh

Tôi dám chắc có nhiều nghiên cứu ủng hộ điều này. Nhưng bạn hãy thử đặt mình vào vị trí người đọc.

Có vẻ hơi “chướng mắt” tí đúng không? Cá nhân tôi cũng không thích chữ bắt đầu từ bên phải hình. Rồi sau đó, chữ nhảy xuống dưới hình ảnh và được canh lề trái như vậy.

Đừng canh hình sang trái.

Bạn có thể dùng hình có độ rộng bằng cột chữ. Điều này cũng không có vấn đề gì, thậm chí còn làm nổi bật hình hơn.

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õ:

“Additionally, you can use Google image extensions for sitemaps to give Google more information about the images available on your pages. Image sitemap information helps Google discover images that we might not otherwise find (such as images your site reaches with JavaScript code), and allows you to indicate images on your site that you want Google to crawl and index.”

Tạm dịch:

“Bên cạnh đó, 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.

Tổng kết

Để SEO hình ảnh tốt, bạn phải triển khai qua nhiều bước. Trong bối cảnh Google nhận diện hình ảnh ngày càng tốt hơn, bạn nên …

Đảm bảo tối ưu hình ảnh và tất cả yếu tố liên quan khác nhằm đem đến trải nghiệm tốt cho người dùng cũng như SEO.

Hãy lưu ý những điểm sau khi chèn hình ảnh vào bài viết:

    • Sử dụng hình ảnh liên quan tương ứng với nội dung
    • Đặt tên file hình ảnh thích hợp
    • Đảm bảo kích cỡ hình ảnh tương ứng với kích cỡ hình ảnh khi được hiển thị
    • Dùng srcset nếu có thể
    • Giảm kích cỡ file để tải nhanh hơn
    • Thêm caption khi cần để dễ scan trang hơn
    • Dùng alt text cho hình ảnh thay vì title text
    • Thêm cấu trúc dữ liệu vào hình ảnh
    • Thêm tag OpenGraph và Twitter Card cho hình ảnh
    • Không canh hình ảnh sang bên trái. Hãy canh chỉnh bên phải hoặc chính giữa
  • Sử dụng hình ảnh trong XML sitemap

Bên cạnh yếu tố SEOUX (trải nghiệm người dùng), SEO hình ảnh còn giúp tăng conversion cho doanh nghiệp của bạn. Do vậy, hãy chú ý hơn đến SEO hình ảnh – một yếu tố mà rất rất nhiều người hiện đang bỏ qua.

Comment chia sẻ suy nghĩ của bạn vào bên dưới bài viết nhé!

Chúc bạn thành công!

Chia sẻ
Vincent Do

Tôi là Vincent Do, hiện đang là CEO, Co-Founder của GTV SEO. Tôi đã từng gặp khá nhiều khó khăn trong quá trình tìm hiểu SEO & Inbound Marketing. Với kinh nghiệm thực chiến nhiều dự án ở các lĩnh vực khác nhau và niềm đam mê S.E.O & Inbound Marketing, tôi hy vọng những kiến thức miễn phí tôi chia sẻ có thể giúp mọi người đạt nhiều thành công hơn trong quá trình triển khai SEO.

Xem nhận xét

  • bài viết nào của GTV SEO cũng đều hữu ích cho các SEOer hết. Cám ơn Vicent rất nhiều

  • Mình viết bài theo thể loại all in one, hình ảnh quá trời luôn, làm web điểm tốc độ tụt thảm hại, giờ làm thế nào vậy.

    • Cái này bạn phải xem đối thủ đang viết bài như thế nào, có nhiều hình ảnh như bạn không. Khi SEO, dù làm gì bạn cũng nên để ý xem tụi top đang như thế nào. Sau đó, làm giống tụi nó trước đã rồi mới tìm cách làm tốt hơn để vượt qua nó mà lên top được.

  • Bài viết rất kỹ về hình ảnh. Mình hay Tìm hình ảnh trên các trang nước ngoài rồi về xử lý. Nén ảnh thì mình hay vào trang Tinypng hoặc Tinyjpg để nén lại. Hình ảnh thì hay chèn logo, mục đích để cho nó khác biệt phần nào đó với các ảnh giống như vậy trên mạng.

  • Bài này hay quá, mình học hình ảnh từ Vicent rất nhiều cho web của mình, kể cả geotag. Thanks <3

  • Cho mình hỏi, phần cuối cùng của bài có nhắc đến sitemap hình ảnh, vậy dùng plugin gì để tạo sitemap cho hình ảnh vậy Việt, cảm ơn bạn!

  • phải nói các bài viết của GTV rất hay mình ứng dụng rất nhiều vào trang web bàn ăn badova của mình.
    thanks

Nhận xét đã đóng

Bài viết gần đây

Hướng dẫn cách xây dựng thương hiệu với 11 Bước đơn giản

11 bước đơn giản xây dựng thương hiệu thành công KeywordVolumeTraffic ước tínhXây dựng thương hiệu1900Cách xây dựng thương hiệu…

August 15, 2019 11:04 am

7 Sai lầm thường gặp trong việc triển khai SEO

Vâng, tôi biết. Tôi biết bạn luôn muốn website mình đứng trên top 3 (thậm chí top 1) ở công…

August 5, 2019 6:12 pm

Native ads: Xu hướng mới nhất thúc đẩy chiến lược digital hiệu quả

Trong năm 2018 đã có khoảng $8.8 tỷ được chi trả cho native ads, biến loại hình quảng cáo này…

August 5, 2019 5:31 pm

Marketing online: Hướng dẫn cơ bản cho người mới bắt đầu

Bạn có đang đầu tư, phát triển một chiến lược online marketing hay internet marketing cho doanh nghiệp của bạn?…

July 30, 2019 10:34 am

Subdomain là gì? Cụ thể những ảnh hưởng đến quá trình triển khai SEO 2019

Để hiểu được vai trò của subdomain trong mạng lưới Internet quả là điều không đơn giản, kể cả với…

July 25, 2019 11:57 am

Addon domain là gì? Hướng dẫn cách tạo addon domain đơn giản

Bài viết sau đây của tôi sẽ giúp bạn có được câu trả lời tốt nhất cho những câu hỏi…

July 25, 2019 11:54 am