Công việc SEO hình ảnh và thẻ Alt: 7 mẹo tối ưu hóa hình ảnh để tạo thuận lợi cho lưu lượng dành cho phần hình ảnh

Đặt tên cho hình ảnh của bạn một cách thích hợp

Tại sao hình ảnh rất quan trọng khi làm SEO?

Khi nói về SEO hình ảnh, điều đầu tiên  thường nghĩ đến là tối ưu hóa thẻ alt. Tuy nhiên, vẫn còn rất nhiều việc phải làm để đảm bảo rằng việc tối ưu hóa hình ảnh đang hoạt động.

SEO hình ảnh 01

 Trên thực tế, tối ưu hóa hình ảnh là một trong những lĩnh vực của SEO mà nhiều người bỏ qua  và ít quan tâm. Bạn  thường bắt gặp các trang web  được hiển thị trên trang web của mình với hình ảnh có kích thước tệp lớn (KB), tên tệp vô nghĩa hoặc kích thước nhỏ hơn  hình ảnh gốc. SEO hình ảnh chưa được thực hiện trên trang web của bạn.

Image SEO không nên bỏ qua khi tối ưu hóa một trang web để SEO. Bài viết này sẽ chỉ cho bạn cách tối ưu hóa hình ảnh trang web của bạn và  xếp hạng chúng cao trong các công cụ tìm kiếm hình ảnh. Cùng tìm hiểu nha!

SEO hình ảnh là gì?

Tối ưu hóa công cụ tìm kiếm hình ảnh, còn được gọi là tối ưu hóa hình ảnh, nhằm mục đích cải thiện hình ảnh của trang web của bạn với mục đích:

  • Xếp hạng cao hơn trên Google Hình ảnh.
  • Cải thiện khả năng hiển thị tổng thể và tối ưu hóa của trang web.

Điều này bao gồm nội dung giúp Google hiểu rõ hơn về hiệu ứng hình ảnh của trang web của bạn, chẳng hạn như đặt tên tệp một cách chính xác, thêm và tối ưu hóa văn bản thay thế, giảm kích thước tệp, v.v.

Tối ưu hóa công cụ tìm kiếm hình ảnh giúp công cụ tìm kiếm hiểu những gì hình ảnh hiển thị. Ngoài ra, hình ảnh được tối ưu hóa kém là một trong những lý do chính khiến trang web chạy chậm và các cải tiến được thực hiện có thể có tác động đáng kể đến tốc độ tải trang web và điểm PageSpeed ​​của bạn. .

Mặc dù tối ưu hóa hình ảnh đòi hỏi rất nhiều công việc, SEO hình ảnh thường dừng lại do tối ưu hóa thẻ Alt. Hiểu được các thẻ văn bản thay thế và văn bản thay thế là một điểm khởi đầu tốt.

Tại sao hình ảnh rất quan trọng khi làm SEO?

Hình ảnh cung cấp ngữ cảnh cho nội dung của bạn, làm cho nội dung phong phú hơn, sinh động hơn và dễ hiểu hơn.

Hình ảnh chính xác có thể giúp người dùng hiểu rõ hơn nội dung bằng văn bản và chia văn bản dài thành các đoạn văn nhỏ hơn, hấp dẫn hơn.

Không chỉ vậy, Google đã bắt đầu cải tiến Google Hình ảnh từ vài năm trước và bước vào lĩnh vực tìm kiếm trực quan. Bằng chứng là khi bạn tìm kiếm một chủ đề, hình ảnh có thể được xếp hạng trước các kết quả tìm kiếm không phải trả tiền thông thường.

Lưu ý: Hình ảnh nên được lựa chọn cẩn thận.

Tầm quan trọng của hình ảnh và tìm kiếm hình ảnh là không thể phủ nhận. Do đó, tối ưu hóa hình ảnh nên là một phần trong chiến lược SEO của bạn.

Thẻ Alt và Alt Text là gì?

SEO hình ảnh 02
SEO hình ảnh 03

Bạn thường nghe các SEOer nói về việc tối ưu hóa thẻ alt hoặc Văn bản thay thế; chúng đôi khi được gọi là mô tả thay thế hoặc thuộc tính thay thế. Chúng có thể được sử dụng thay thế cho nhau để có nghĩa giống nhau.

Thẻ Alt cung cấp sự thay thế văn bản cho các công cụ tìm kiếm và hình ảnh sử dụng trình đọc màn hình để truy cập các trang web.

Chúng là một phần của mã HTML trong thẻ hình ảnh, như được hiển thị bên dưới:

<img src=”Technical-seo-la-gi” alt=”ngoinhanho101.com” />.

Văn bản thay thế là mô tả có trong thuộc tính alt của thẻ img.

Văn bản thay thế có thể giúp cải thiện hiệu suất SEO của trang web bằng cách thêm nhiều tín hiệu liên quan hơn vào trang web của bạn và giúp Google hiểu rõ hơn về nội dung hình ảnh và giúp xếp hạng của nó.

Nhưng rất nhiều người sử dụng cùng một văn bản thay thế cho hình ảnh khớp chính xác với các từ khóa chính của trang, điều này hoàn toàn sai hoặc thậm chí là spam.

Cách tinh chỉnh văn bản thay thế

Các lựa chọn thay thế văn bản  được tối ưu hóa mô tả ngắn gọn những gì hình ảnh hiển thị. Điều này có thể được chia  thành ba quy tắc thực hành:

Mô tả phải đặc biệt chi tiết

SEO hình ảnh 04

Văn bản thay thế mô tả nội dung của hình ảnh càng chi tiết càng tốt.

Bằng cách cụ thể, Tìm kiếm Hình ảnh của Google xếp hạng các hình ảnh và cung cấp ngữ cảnh về mức độ liên quan của chúng với nội dung của trang.

Có liên quan

Thẻ alt không phải là vị trí của từ khóa spam và nên được sử dụng để giải thích chính xác những gì  hình ảnh đang hiển thị.

 Nếu một bức ảnh ít cụ thể hơn và chung chung hơn các bức ảnh khác, hãy viết văn bản thay thế mô tả bức ảnh theo cách có liên quan đến chủ đề của trang bạn đang xem.

Hãy là duy nhất

SEO hình ảnh 05

Không sử dụng từ khóa chính của trang làm thẻ thay thế cho tất cả các hình ảnh trên trang.

 Thay vì lặp lại nội dung của hình ảnh khác, hãy luôn đảm bảo rằng văn bản thay thế cho mỗi hình ảnh là duy nhất và mô tả nội dung cụ thể của hình ảnh.

 Nhưng một văn bản thay thế được tối ưu hóa tốt thực sự trông như thế nào?

Thẻ alt mô tả, có liên quan và duy nhất  trông giống như sau:

alt = “ngoinhanho101 là gì?”

 Điều này mô tả các công cụ tìm kiếm và trình đọc màn hình và chứa các từ khóa.

Cách thêm thẻ alt vào các nền tảng trang web phổ biến

Một số nền tảng trang web có các tùy chọn văn bản thay thế. Tất cả những gì bạn phải làm là truy cập nó.

Cách thêm văn bản thay thế vào hình ảnh Shopify của bạn

Nếu đang sử dụng Shopify, bạn có thể thêm văn bản thay thế vào cả thiết kế và hình ảnh sản phẩm của mình.

SEO hình ảnh 06

 Để tinh chỉnh văn bản thay thế trong hình ảnh sản phẩm, hãy chuyển đến Sản phẩm> Tất cả Sản phẩm và nhấp vào danh sách sản phẩm bạn muốn chỉnh sửa.

 Trên trang chi tiết sản phẩm, hãy nhấp vào  mục phương tiện để tìm trang phương tiện xem trước. Bây giờ bạn có thể nhấp để thêm văn bản thay thế. Chủ đề

 Để thêm văn bản thay thế vào hình ảnh của bạn, hãy đi tới Cửa hàng trực tuyến> Chủ đề và nhấp để tùy chỉnh chủ đề cửa hàng. Ở phía bên trái của bạn sẽ thấy menu phần  nơi bạn có thể nhấp vào các khối hình ảnh và sau đó nhấp vào các hình ảnh riêng lẻ.  Một hộp văn bản xuất hiện nơi bạn có thể thêm văn bản thay thế.

Cách thêm văn bản thay thế vào hình ảnh Wix

SEO hình ảnh 07

Cách đây không lâu, bạn không thể thêm văn bản thay thế vào hình ảnh trong cửa hàng Wix. Tuy nhiên, nền tảng này đã đầu tư tài nguyên trong vài năm qua để khắc phục sự thất vọng phổ biến về SEO  và hiện có thể chỉnh sửa văn bản thay thế.

 Bạn có thể thêm văn bản thay thế vào hình ảnh trong cửa sổ chỉnh sửa bằng cách nhấp vào cửa sổ mà bạn muốn thêm văn bản thay thế  và mở Cài đặt.

 Từ đây, bạn sẽ thấy các tùy chọn “Nội dung ảnh”. Bạn có thể thêm văn bản thay thế tại đây.

 Một hộp văn bản xuất hiện nơi bạn có thể thêm văn bản thay thế.

Cách thêm văn bản thay thế vào hình ảnh WordPress của bạn

Nếu bạn đang sử dụng WordPress, thật dễ dàng để thêm văn bản thay thế vào hình ảnh của bạn.

 Chỉ cần nhấp vào một hình ảnh trong cửa sổ trình chỉnh sửa và một hộp cho hình ảnh đó sẽ  xuất hiện  trên tab Cài đặt Hình ảnh.

 Ngoài ra, hãy nhấp vào  hình ảnh trong thư viện phương tiện để xem các tùy chọn.

Hình ảnh ảnh hưởng như thế nào đến điểm tốc độ trang

SEO hình ảnh 08

Khi sử dụng công cụ Google PageSpeed ​​Insights, tối ưu hóa hình ảnh thường được coi là một trong những cách quan trọng nhất để cải thiện điểm Pagespeed của trang web của bạn.  Rất có thể là do một bức ảnh lớn  ở đây, điều này có ý nghĩa.

Hình ảnh càng lớn thì thời gian  tải xuống càng lâu và  thời gian tải trang càng chậm.

Mẹo Tối ưu hóa Hình ảnh Nâng cao: Ngoài Văn bản Thay thế

Tối ưu hóa hình ảnh còn có thể vượt xa hơn việc chỉ thêm thẻ alt.

 Bạn có thể làm một số việc khác để cải thiện hiệu suất không phải trả tiền tổng thể của trang web, cũng như tối ưu hóa hình ảnh để xếp hạng cao hơn trên Tìm kiếm hình ảnh của Google.

 Nhiều vấn đề bắt nguồn từ việc đơn giản là chọn tải hình ảnh thô lên trang web của bạn mà không thực hiện chỉnh sửa, tối ưu gì.

 Dưới đây là 7 mẹo tối ưu hóa nâng cao hiệu quả nhất để bạn sử dụng:

Sử dụng bộ nhớ cache của trình duyệt của bạn

Bạn sẽ thường thấy rằng Google PageSpeed ​​Insights khuyến nghị sử dụng bộ nhớ cache của trình duyệt của bạn.

Nói một cách đơn giản, bộ nhớ cache của trình duyệt có nghĩa là  tệp được lưu vào bộ nhớ cache của trình duyệt của khách truy cập. Điều này có nghĩa là nội dung sẽ tải nhanh hơn khi bạn truy cập trang tiếp theo.  Khi bạn truy cập trang hình ảnh sẽ được tải xuống và  hiển thị trong trình duyệt của bạn.

Lần tiếp theo người dùng truy cập trang mà không có bộ nhớ cache của trình duyệt, họ sẽ phải tải xuống lại mọi thứ. Tuy nhiên, trong bộ nhớ cache của trình duyệt, chúng được trình duyệt  lưu vào bộ nhớ cache. Nói cách khác, trang tải nhanh hơn nhiều.  Bộ nhớ cache của trình duyệt có tác động đáng kể đến các trang web mà người dùng thường xuyên truy cập cùng một trang.

Điều chỉnh kích thước hình ảnh thành kích thước hiển thị

Một vấn đề phổ biến khác với hình ảnh là các tệp hình ảnh có kích thước pixel lớn hơn nhiều so với hình ảnh  được sử dụng trên các trang web.

 Thay đổi kích thước của hình ảnh thành kích thước hiển thị tối đa. Nếu bạn đang sử dụng WordPress, bạn có thể trợ giúp việc này bằng cách sử dụng các plugin như thay đổi kích thước hình ảnh sau khi tải lên. Mặt khác, thay đổi kích thước hình ảnh trong Photoshop  hoạt động giống như sử dụng một công cụ trực tuyến chẳng hạn như Canva.

Ví dụ: camera chính của iPhone X tạo ra hình ảnh 4032pxx3024px.

 Nhưng giả sử chiều rộng tối đa của hình ảnh này  trên trang web của bạn là 600px.  Sự khác biệt về kích thước tệp giữa hình ảnh rộng 4032 pixel và hình ảnh rộng 600 pixel là rất quan trọng và bạn có thể nhanh chóng thêm kích thước tệp hoán đổi lớn bằng cách sử dụng nhiều hình ảnh lớn hơn kích thước hiển thị.

Bạn cũng cần đảm bảo rằng bạn sử dụng CSS để chia tỷ lệ hình ảnh đúng cách.

Đặt tên cho hình ảnh của bạn một cách thích hợp

Google đã xuất bản các nguyên tắc thực hành tốt nhất về hình ảnh của riêng mình và một trong những cách đơn giản nhất là bạn nên đảm bảo sử dụng tên hình ảnh mô tả.

Ví dụ: sử dụng “ngoinhanho101-anh-dep.JPG”

Khi bạn xuất hình ảnh (hoặc thậm chí là ảnh chụp màn hình) từ máy ảnh hoặc điện thoại thông minh, chúng sẽ được đặt một tên tệp chung. Theo mặc định, không tải lên hình ảnh bằng tên tệp mà nó đã cung cấp. Thay vào đó, hãy đặt cho nó một cái tên mô tả để giúp cung cấp ngữ cảnh cho nội dung mà nó hiển thị và phân tách các từ bằng dấu gạch ngang thay vì dấu gạch dưới.

Khi tải lên hình ảnh, hãy đặt nhiệm vụ này thành một phần của danh sách kiểm tra.

Nếu bạn đã tải hình ảnh lên trang, vui lòng tiếp tục cập nhật tên tệp để mô tả nó. Sẽ không mất nhiều thời gian và rất đáng để sử dụng.

Tạo sơ đồ trang web hình ảnh – sitemap hình ảnh

Nếu bạn thực sự muốn Google khám phá tất cả các hình ảnh trên trang web của bạn và những hình ảnh này có thể được sử dụng trong Tìm kiếm Hình ảnh của Google, thì bạn nên tạo một sơ đồ trang dành riêng với nội dung sau: URL của tất cả các hình ảnh.

Thật đơn giản. Tạo sơ đồ trang bằng hình ảnh sẽ làm tăng cơ hội hình ảnh của bạn xuất hiện trong kết quả tìm kiếm. Mặc dù bạn có thể tham chiếu hình ảnh trong các sơ đồ trang hiện có, nhưng cách khôn ngoan nhất là tạo một bản đồ chuyên dụng để tìm những hình ảnh cần sử dụng.

Có một điểm khác biệt chính giữa việc tạo sơ đồ trang bằng hình ảnh và tạo sơ đồ trang chứa các trang web của bạn.

Như Google đã nói, “Sơ đồ trang web hình ảnh có thể chứa URL từ các miền khác. Điều này khác với các sơ đồ trang web thông thường và thực thi các hạn chế giữa nhiều miền. Điều này cho phép bạn sử dụng CDN (mạng phân phối nội dung) để lưu trữ hình ảnh.” Điều này giúp bạn hiểu tại sao bạn nên lưu trữ hình ảnh trên CDN.

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

Một trong những cách dễ nhất để giảm kích thước tệp hình ảnh là điều chỉnh chúng về kích thước hiển thị tối đa, nhưng đây không phải là cách duy nhất. Bạn có thể sử dụng các công cụ trực tuyến như Tinypng hoặc Optimizilla để nén hình ảnh.

Hoặc, nếu bạn đang sử dụng WordPress, hãy thử plugin Smush.

Triển khai tính năng Lazy Loading

Thực  tế là hình ảnh thường là nội dung của các trang có kích thước tệp lớn nhất và do đó làm cho trang web bị chậm lại không thể bỏ qua.

 Thật không dễ dàng nếu không có ảnh. Những điều này rất quan trọng đối với trải nghiệm người dùng tốt và không phải là tùy chọn.

 Tuy nhiên, bạn có thể sử dụng độ trễ để trì hoãn trình duyệt tải hình ảnh cho đến khi bạn cần.

 Tải chậm có nghĩa là nội dung sẽ không  tải cho đến khi cần. Điều này có nghĩa là  lần đầu tiên bạn truy cập trang, nó sẽ tải nhanh hơn nhiều. Và nó không chỉ được sử dụng để chụp ảnh. Nội dung như JavaScript cũng có thể được tải theo cách này.

 Suy nghĩ  theo cách này, nếu người dùng không  cuộn đến nửa sau của trang,  nội dung  sẽ không  tải. Và điều này dẫn đến một sự cải thiện hiệu suất đáng kể.

Lưu trữ hình ảnh trên CDN

Toàn bộ trang web thường được lưu trữ trên một máy chủ duy nhất.

Tuy nhiên, hãy tưởng tượng  một trang web được lưu trữ ở Hoa Kỳ, nhưng một người dùng ở đâu đó ở Châu Âu đang xem nội dung chẳng hạn như: Đối với người dùng Châu Âu chẳng hạn như hình ảnh, bạn cần phải  chuyển  Điều này sẽ làm chậm thời gian tải trang.

Mạng phân phối nội dung (CDN) hoạt động bằng cách lưu vào bộ nhớ đệm hình ảnh trang web  trên nhiều máy chủ ở các địa điểm khác nhau trên thế giới. Có nghĩa là, những hình ảnh này  có thể được cung cấp cho người dùng từ vị trí gần người dùng nhất.

CDN phổ biến là Cloudflare, Fastly, KeyCDN và Amazon CloudFront.  Bạn có thể dễ dàng thiết lập CDN của mình trong WordPress thông qua các plugin như W3 Total Cache. Để biết các bước chi tiết, bạn có thể tìm thấy  hướng dẫn tích hợp hữu ích cho các nhà cung cấp như vậy trong Cloudflare.

Cách tìm sự cố với hình ảnh trang web

Bây giờ chúng tôi biết cách tối ưu hóa hình ảnh trang web của bạn, nhưng làm thế nào bạn có thể tìm thấy các vấn đề đã tồn tại trên trang web của bạn?

Bạn có thể sử dụng Ahref để làm nổi bật những vấn đề này.

Trên đây là tất cả những chia sẻ của HTH về tối ưu hóa công cụ tìm kiếm hình ảnh và cách tối ưu hóa hình ảnh. Hi vọng sẽ mang đến cho bạn những thông tin hữu ích. Hãy tối ưu hóa hình ảnh trang web của bạn ngay lập tức và chờ đợi hiệu ứng.