SEO hình ảnh: Hướng dẫn tối ưu hóa đầy đủ

0
199
seo-hinh-anh-huong-dan-toi-uu-hoa-day-du

Hình ảnh thường là vấn đề cần cân nhắc trong việc tối ưu hóa tìm kiếm. Tuy nhiên, chúng là một phần rất lớn trên các trang của chúng tôi. Và ý tôi là theo nghĩa đen – hình ảnh thường là phần tử lớn nhất trong khung nhìn và chúng thường là tài nguyên lớn nhất được tải trên trang. Nhưng cũng theo nghĩa bóng – hình ảnh độc đáo có chất lượng cao là một mặt hàng có giá trị trong tìm kiếm và sẽ giúp bạn xếp hạng trên các đối thủ cạnh tranh sử dụng hình ảnh từ nơi khác.

Trong bài viết này, chúng tôi sẽ khám phá mọi thứ bạn nên tính đến khi tối ưu hóa hình ảnh cho tìm kiếm.

1). Nguồn hình ảnh độc đáo nếu có thể

Mối nguy hiểm trước mắt nhất của việc sử dụng hình ảnh của người khác là bạn có thể đang vi phạm bản quyền. Trong trường hợp đó, bạn có nguy cơ gặp phải một loạt hậu quả, từ việc bị yêu cầu gỡ hình ảnh xuống đến bị phạt. Vì vậy, nếu bạn không sử dụng hình ảnh gốc, hãy đảm bảo rằng giấy phép thực sự cho phép chúng được sử dụng trên trang web của bạn.

Không kém phần quan trọng là Google khao khát những hình ảnh độc đáo. Bất cứ khi nào chúng tôi thực sự tìm kiếm một sản phẩm hoặc bất cứ thứ gì, Google đều hướng đến việc hiển thị càng nhiều hình ảnh khác nhau của đối tượng đó càng tốt. Vì vậy, nếu bạn là một trang web thương mại điện tử và bạn đang sử dụng hình ảnh sản phẩm giống như những người khác, cơ hội nhận được vào SERP của bạn là rất mỏng.

Chỉ là một ví dụ, ở đây tôi đang tìm kiếm một sản phẩm tương đối không rõ nguồn gốc mà rất ít cửa hàng có. Vì không có nhiều sự cạnh tranh, các cửa hàng này không bận tâm đến những hình ảnh độc đáo và Google không có lựa chọn nào khác ngoài việc hiển thị lặp đi lặp lại những bức ảnh giống nhau:

Tìm kiếm hình ảnh cho sản phẩm hiếm

Nhưng hãy xem điều gì sẽ xảy ra khi tôi tìm kiếm một sản phẩm phổ biến được hàng nghìn cửa hàng dự trữ:

Tìm kiếm hình ảnh cho một sản phẩm phổ biến

Ngay khi Google có một số lựa chọn, sẽ không có một hình ảnh lặp lại nào trong tìm kiếm – nó sẽ đào sâu để hiển thị sản phẩm từ nhiều góc độ nhất có thể. Nếu bạn là nhà cung cấp những hình ảnh độc đáo này, thì cơ hội xuất hiện trong SERP của bạn sẽ cải thiện đáng kể.

2). Chọn định dạng hình ảnh thích hợp

Nếu bạn giống tôi, bạn có thể đã hoàn toàn bỏ lỡ khoảnh khắc JPEG và PNG không còn là định dạng hình ảnh mặc định. Ngày nay, các định dạng được ưa thích là AVIF, JPEG 2000, JPEG XR và WebP. Các định dạng này xử lý nén tốt hơn và do đó có thể được làm nhẹ hơn, dẫn đến thời gian tải tốt hơn và cải thiện tổng thể trải nghiệm người dùng. Trải nghiệm người dùng tốt hơn – vị trí tốt hơn trong tìm kiếm.

Trong số bốn định dạng hình ảnh được liệt kê ở trên, trước tiên chúng ta hãy tập trung vào WebP. Đây được coi là định dạng hình ảnh phổ biến nhất cho web. Nó hỗ trợ cả nén mất dữ liệu và không mất dữ liệu, cho phép minh bạch và có thể được làm động. Về cơ bản, đó là PNG, JPEG và GIF đều được cuộn thành một. Hơn nữa, tệp WebP có xu hướng nhẹ hơn từ 25% đến 35% so với tệp PNG và JPEG có chất lượng tương tự.

Mối quan tâm duy nhất là WebP đã không được một số trình duyệt hỗ trợ trong quá khứ. Mặc dù ngày nay, kể từ khi Safari ra mắt, định dạng này thực sự được hỗ trợ trong hơn 90% phiên. Tuy nhiên, nếu bạn muốn cẩn thận hơn, bạn có thể thiết lập các trang của mình để phục vụ WebP khi được trình duyệt hỗ trợ và một định dạng khác khi không có hỗ trợ.

3). Nén hình ảnh

Mặc dù các định dạng thế hệ tiếp theo đã nhẹ, nhưng bạn có thể tiết kiệm hơn nữa bằng cách chạy hình ảnh của mình thông qua phần mềm nén.

Đây là nơi bạn có một số tùy chọn, tùy thuộc vào nền tảng trang web của bạn. Một số nền tảng thương mại điện tử nén hình ảnh theo mặc định, trong khi những nền tảng khác đi kèm với một loạt plugin sẽ nén hình ảnh của bạn khi bạn tải chúng lên hoặc thậm chí nén hình ảnh đã được sử dụng trên trang web của bạn.

Nếu bạn không muốn dựa vào plugin, được cho là vì plugin làm giảm tốc độ trang, bạn có thể nén hình ảnh của mình ra bên ngoài. Có rất nhiều công cụ trực tuyến miễn phí sẽ chạy nén cho bạn. Sau đó, bạn có thể tải xuống hình ảnh nén và tải chúng lên trang web của mình.

Cuối cùng, bạn có thể yêu cầu nhà thiết kế của bạn nén hình ảnh bằng trình chỉnh sửa đồ họa hoặc, nếu bạn là một người thao tác, bạn có thể thử và tự làm.

Đây là loại tiết kiệm mà tôi nhận được khi sử dụng máy nén hình ảnh trực tuyến:

Đó là sự lựa chọn ngẫu nhiên của các hình ảnh từ thư mục tải xuống của tôi, vì vậy tôi nghĩ đó là sự thể hiện hợp lý về những gì bạn có thể mong đợi từ những công cụ này. Như bạn có thể thấy, mức tiết kiệm dao động từ 30% đến hơn 70%.

4). Làm rõ kích thước hình ảnh

Đây là một điều khác có thể có tác động tiêu cực đến thứ hạng của bạn. Khi bạn bỏ qua kích thước hình ảnh, trình duyệt sẽ dành một khoảng thời gian để cố gắng tìm ra kích thước phù hợp cho hình ảnh của bạn trên màn hình. Từ góc độ người dùng, nó sẽ giống như các phần tử trên trang đang nhảy xung quanh và trang không thể sử dụng được cho đến khi chúng ổn định. Đây được gọi là sự thay đổi bố cục và nó được Google đo lường như một phần của đánh giá trải nghiệm người dùng.

Để tránh vấn đề này, hãy luôn đặt thuộc tính chiều rộng và chiều cao cho hình ảnh của bạn, như sau:

<img src=”pillow.jpg” width=”640″ height=”360″ alt=”purple pillow with flower pattern” />

Với thông tin này, bất kỳ trình duyệt nào cũng sẽ tính toán kích thước hình ảnh của bạn và dành đủ chỗ trên trang. Vì vậy, ngay cả khi hình ảnh của bạn không được tải ngay lập tức, các phần tử khác của trang sẽ không tranh giành không gian, điều này có khả năng giải quyết hầu hết các vấn đề về thay đổi bố cục của bạn.

5). Lười tải hình ảnh ngoài màn hình

Một sự cố khác liên quan đến hình ảnh có thể cải thiện trải nghiệm người dùng là hoãn hình ảnh ngoài màn hình. Về cơ bản, nó có nghĩa là bạn không tải hình ảnh cho đến khi chúng cần thiết. Hình ảnh ở trên cùng được tải ngay lập tức, trong khi hình ảnh ở cuối trang chỉ được tải khi được cuộn đến.

Cách tiếp cận này giải phóng nhiều tài nguyên hơn để tải phần trên cùng của trang, phần mà người dùng nhìn thấy đầu tiên. Và nó mang lại ấn tượng có thể đo lường được về việc truy cập một trang nhanh hơn.

6). Thêm văn bản thay thế hình ảnh

Văn bản thay thế là một thuộc tính hình ảnh chứa mô tả của hình ảnh. Mục đích ban đầu của nó là được hiển thị khi hình ảnh không thể tải được hoặc không thể đọc to cho khách khiếm thị.

Tuy nhiên, về mặt SEO, mục đích của văn bản thay thế là để mô tả hình ảnh cho công cụ tìm kiếm. Đúng là trước đây, điều đó quan trọng hơn khi các công cụ tìm kiếm không có khả năng giải thích các hình ảnh bằng trí tuệ nhân tạo. Nhưng công nghệ này vẫn chưa hoàn hảo và các công cụ tìm kiếm cảm thấy tự tin hơn khi hiển thị hình ảnh của bạn trong tìm kiếm khi bạn cung cấp văn bản thay thế mô tả.

Văn bản thay thế tốt là văn bản mô tả hình ảnh chính xác – với đủ chi tiết, nhưng không nhồi nhét từ khóa. Hãy lấy một hình ảnh bên dưới làm ví dụ:

Không có nhiều điều xảy ra trong hình ảnh, nhưng có rất nhiều cơ hội để văn bản thay thế bị sai.

Nó có thể quá chung chung:

<img src=”sample.jpg” alt=”coffee”>

Hoặc nó có thể được tối ưu hóa quá mức:

<img src=”sample.jpg” alt=”coffee latte art cappuccino latte flat white”>

Hoặc nó có thể vừa phải:

<img src=”sample.jpg” alt=”barista shows how to make latte art”>

Để giải trí, hãy so sánh văn bản thay thế của chúng ta với những gì Google sẽ thấy nếu không có văn bản thay thế. Tôi đã thêm hình ảnh vào API Cloud Vision của Google và đây là kết quả:

Trong khi các đối tượng được xác định chính xác, các định nghĩa khá chung chung và việc giải thích hình ảnh gần như không cụ thể như văn bản thay thế mà tôi có thể tự cung cấp.

7). Thêm đánh dấu lược đồ

Đánh dấu lược đồ là một tập hợp các thẻ HTML được sử dụng để cho Google biết nội dung trên trang của bạn là gì. Ví dụ: nếu bạn là một doanh nghiệp địa phương, bạn có thể sử dụng các thẻ để cho Google biết phần nội dung nào trên trang của bạn là địa chỉ, đâu là số điện thoại, v.v. Bằng cách này, Google cảm thấy tự tin hơn về việc hiển thị thông tin của bạn trong tìm kiếm.

Thực tế có hàng trăm thẻ khác nhau được sử dụng cho hàng chục mục đích khác nhau và bạn có thể tìm hiểu thêm về chúng trong hướng dẫn của chúng tôi về dữ liệu có cấu trúc.

Về hình ảnh, có hai loại trang phù hợp để áp dụng dữ liệu có cấu trúc: trang sản phẩm và trang công thức. Cả hai Lược đồ sản phẩm và công thức đều có thẻ hình ảnh chuyên dụng. Và, nếu bạn sử dụng chúng đúng cách, Google sẽ có thể sử dụng hình ảnh của bạn để tạo các đoạn mã chi tiết trong SERP:

Bạn có thể gắn thẻ hình ảnh trên các trang của mình theo cách thủ công, sử dụng plugin chuyên dụng để tự động gắn thẻ hình ảnh hoặc bạn có thể sử dụng Trình trợ giúp đánh dấu dữ liệu có cấu trúc của Google.

Để cung cấp cho bạn một ví dụ về toàn bộ nội dung, tôi sẽ hướng dẫn bạn quy trình đánh dấu trong Trình trợ giúp đánh dấu của Google. Tất cả những gì bạn phải làm là chọn loại trang bạn đang làm việc và cung cấp một liên kết:

Công cụ sẽ hiển thị trang. Bây giờ bạn có thể trỏ vào các phần tử trang khác nhau và chọn các phần tử đó là gì từ menu thả xuống:

Khi bạn đã hoàn tất việc gắn thẻ các phần tử trang, bạn có thể tải xuống đoạn mã đánh dấu và thêm nó vào phần <head> trên trang của bạn.

8). Bảo vệ hình ảnh của bạn khỏi bị đánh cắp

Đánh cắp hình ảnh là một điều rất phổ biến trên mạng và nó khiến bạn có nguy cơ mất tính độc đáo của hình ảnh của mình. Điều tồi tệ hơn, nếu trang web sử dụng hình ảnh của bạn được tối ưu hóa tốt hơn cho SEO, nó thực sự có thể xếp hạng trên bạn. Với sự giúp đỡ của nội dung của bạn!

Để tránh điều đó, hãy yêu cầu các nhà phát triển của bạn thêm các thuộc tính hình ảnh cụ thể cho biết ai là chủ sở hữu của hình ảnh.

Ba thuộc tính quan trọng nhất là:

Tác giả (nghệ sĩ; người sáng tạo) – nơi bạn đặt tác giả của hình ảnh; copyrightNotice – nơi bạn đặt liên kết đến giấy phép bản quyền và mô tả của nó; nguồn (tín dụng) – nơi bạn thêm liên kết đến trang web của mình hoặc trang web bạn lấy hình ảnh từ đó.

Nếu đối thủ cạnh tranh của bạn chỉ tiếp tục và sao chép mã bạn đã sử dụng để tích hợp hình ảnh, Google vẫn coi bạn là chủ sở hữu thực sự và ưu tiên cho bạn vì những thẻ này. Và ngay cả khi họ xóa thẻ, Google vẫn sẽ ưu tiên cho bạn vì nó cho rằng hình ảnh được gắn thẻ đáng tin cậy hơn.

9). Chạy kiểm tra hình ảnh với WebSite Auditor

Với mọi thứ chúng tôi đã đề cập cho đến nay, bạn bắt đầu quá trình tối ưu hóa hình ảnh từ đâu? Và bạn tổ chức nó như thế nào để chạy hiệu quả? Một cách sẽ là kiểm tra trang web của bạn với WebSite Auditor và sắp xếp tất cả các vấn đề liên quan đến hình ảnh của bạn vào một trang tổng quan duy nhất.

Đầu tiên, khởi chạy Trình kiểm tra trang web, tạo một dự án cho trang web của bạn và đợi công cụ thu thập thông tin tất cả các trang của bạn. Sau khi hoàn tất, bạn sẽ nhận được báo cáo đầy đủ về hàng tá vấn đề kỹ thuật trên trang web của mình. Sẽ có một khối riêng biệt dành riêng cho hình ảnh, nơi bạn có thể kiểm tra xem mình có bất kỳ hình ảnh nào bị hỏng hay không và có thiếu văn bản thay thế nào không. Nhấp vào bất kỳ vấn đề nào và bạn sẽ nhận được danh sách đầy đủ các tài nguyên có vấn đề ở bên phải:

Để biết thêm các vấn đề liên quan đến hình ảnh, hãy cuộn báo cáo xuống cho đến khi bạn đến phần Tốc độ trang. Ở đó, bạn sẽ có thể xem liệu có bất kỳ cơ hội nào để cải thiện hiệu suất trang thông qua hình ảnh hay không. Đặc biệt, liệu việc thay đổi kích thước, trì hoãn, mã hóa lại, định dạng lại hoặc tải trước bất kỳ hình ảnh nào của bạn có ý nghĩa hay không:

Vì khối lượng công việc có thể quá tải và làm việc trên hình ảnh của bạn là một công việc tẻ nhạt, bạn có thể ưu tiên công việc theo mức độ quan trọng của các trang của bạn hoặc bằng những cải tiến sẽ mang lại cho bạn hiệu suất lớn nhất. Để làm điều đó, hãy chuyển đến Cấu trúc trang web> Trang, nơi bạn có thể xem tất cả các vấn đề kỹ thuật của mình được chia theo trang:

Bạn thực sự có thể sửa đổi không gian làm việc này hoặc tạo một không gian làm việc mới và chọn chỉ xem các vấn đề liên quan đến hình ảnh:

Khi không gian làm việc của bạn đã hoàn tất, bạn có thể sắp xếp bảng từ các trang có lưu lượng truy cập cao nhất đến các trang có lưu lượng truy cập thấp nhất và bắt đầu tối ưu hóa hình ảnh trên những trang quan trọng nhất. Bạn cũng có thể sắp xếp bảng theo mức cải thiện hiệu suất ước tính và bắt đầu từ những trang mà tối ưu hóa hình ảnh sẽ có tác động lớn nhất.

Suy nghĩ cuối cùng

Nếu bạn đã đọc tất cả mọi thứ trong bài viết này cho đến thời điểm này – xin chúc mừng! Bây giờ bạn biết hầu hết mọi thứ bạn cần biết để bắt đầu nhận được một số tăng xếp hạng nghiêm trọng từ hình ảnh của bạn.

Nếu bạn đã chọn một số chương nhất định và chỉ đọc chúng – điều đó cũng tuyệt, rất vui vì bạn đã tìm thấy ít nhất một cái gì đó hữu ích.

Có một lý do khiến việc tối ưu hóa hình ảnh bị bỏ qua – nó khó, tốn thời gian và khó khăn. Nhưng nếu bạn ghi nhớ tất cả những lời khuyên ở đây và đi xa hơn nữa để thực hiện nó, cổ tức xếp hạng sẽ sớm theo sau.

LEAVE A REPLY

Please enter your comment!
Please enter your name here