SEO hình ảnh: 12 mẹo tối ưu hình ảnh nâng cao tăng lưu lượng truy cập với hình ảnh

Khi nói về SEO hình ảnh, điều thường được nghĩ đến đầu tiên thường là tối ưu hóa các thẻ ALT, nhưng vẫn còn rất nhiều điều nên đi vào tối ưu hóa hình ảnh của bạn.

Trên thực tế, có thể nói rằng tối ưu hóa hình ảnh là một trong những lĩnh vực bị bỏ qua nhiều nhất trong SEO. Nhưng điều đó không nhất định phải như vậy.

Không có gì lạ khi thấy rằng một trang web có hình ảnh với kích thước tệp khổng lồ, tên tệp không mô tả và chúng được hiển thị ở kích thước nhỏ hơn nhiều trên trang web so với hình ảnh gốc.

Thông thường, vấn đề là các hướng dẫn của người mới bắt đầu về SEO chỉ bao gồm những điều cơ bản và điều đó có nghĩa tối ưu hóa thẻ alt được đề cập đến khá nhiều.

Nhưng đừng quên rằng tìm kiếm hình ảnh trong chính nó đã là một vấn đề lớn và có thể thúc đẩy một lượng lưu lượng truy cập đáng kể đến trang web của bạn.

SEO hình ảnh không phải là điều nên bỏ qua và trong hướng dẫn này, VietMoz sẽ hướng dẫn bạn các bước bạn có thể thực hiện để tối ưu hóa hình ảnh của trang web và xếp hạng cao hơn về tìm kiếm hình ảnh.

SEO hình ảnh là gì?

SEO hình ảnh hay Image SEO, thường được hiểu là tối ưu hóa hình ảnh. SEO hình ảnh là tất cả công việc nhằm cải thiện hình ảnh trên trang web của bạn vì hai lý do chính:

Để xếp hạng cao hơn trên Google Image Search.
Để cải thiện khả năng hiển thị tổng thể và tối ưu hóa trải nghiệm người dùng trên một trang web.

Điều này có nghĩa là bạn sẽ thực hiện một số tác vụ khác nhau để giúp Google hiểu rõ hơn về hình ảnh của trang web của bạn, bao gồm đặt tên chính xác các tệp, thêm và tối ưu hóa văn bản thay thế (Alt Text), giảm kích thước tệp và hơn thế nữa.

Một trong những câu hỏi thường được đặt ra liên quan đến SEO hình ảnh là liệu những nhiệm vụ này có còn cần thiết hay không, với sự tiến bộ của Google trong việc sử dụng AI và các thuật toán máy học để nhận dạng hình ảnh?

Câu trả lời đơn giản là có. Google vẫn không thể đọc được tất cả các loại hình ảnh, mặc dù khả năng của họ đã được cải thiện đáng kể trong những năm gần đây. Nhưng điều quan trọng bạn phải biết rằng image SEO không chỉ là giúp các công cụ tìm kiếm hiểu những gì mà một hình ảnh hiển thị.

Hình ảnh được tối ưu hóa kém là một trong những nguyên nhân chính khiến các trang web tải chậm và những cải tiến được thực hiện có thể có tác động lớn đến tốc độ tải trang web và điểm số PageSpeed của bạn.

Tuy nhiên, SEO hình ảnh thường chỉ dừng lại với việc tối ưu hóa thẻ alt và tối ưu dung lượng ảnh. Không thể phủ nhận rằng đây là một phần quan trọng của quá trình, nhưng nó chỉ đóng vai trò là một trong số đó.

Tại sao hình ảnh lại quan trọng với SEO như vậy?

Hình ảnh giúp cung cấp ngữ cảnh cho nội dung của bạn và là một phần quan trọng của SEO On-page.

Các hình ảnh phù hợp có thể giúp người dùng hiểu rõ hơn và tương tác với nội dung bằng văn bản và giúp phá vỡ các khối văn bản lớn.

Có rất ít điều ít hấp dẫn hơn một khối vững chắc của một vài ngàn từ.

Tạm đặt người dùng sang một bên, tầm nhìn của Google cho tương lai là thực hiện một động thái hướng tới tìm kiếm trực quan, và điều này bắt đầu với một bản cải tiến đầy đủ của Google Images một vài năm trước.

Chúng ta đang ngày càng thấy hình ảnh chiếm một vị trí hiển thị lớn trên SERPs, thường vị trí của chúng sẽ cao hơn các kết quả hữu cơ thông thường.

Điểm quan trọng: Hình ảnh nên được lựa chọn cẩn thận.

Tất cả chúng ta đều quen với việc nhìn thấy cùng một hình ảnh được sử dụng nhiều trên mọi trang web khác và chỉ hiểu được giá trị thực sự đến khi bạn sử dụng hình ảnh đó để giúp truyền đạt câu chuyện mà bạn đang cố gắng kể.

Bạn không thể bỏ qua tầm quan trọng của hình ảnh và tìm kiếm hình ảnh. Tối ưu hóa hình ảnh nên là một phần của chiến lược SEO đang diễn ra của bạn và được xem là một trong những thực tiễn tốt nhất bạn nên làm theo.

Alt Tags và Alt Text là gì?

Bạn thường nghe những người làm SEO nói về việc tối ưu hóa thẻ alt hoặc alt text, chúng đôi khi cũng được gọi là mô tả alt hoặc thuộc tính alt. Chúng được sử dụng thay thế cho nhau để chỉ điều tương tự.

Nhưng chúng là gì?

Đây là cách Matt Cutts giải thích nó từ lâu, một cách dễ hiểu.

Thẻ alt cung cấp một văn bản thay thế cho một hình ảnh cho các công cụ tìm kiếm và những người sử dụng trình đọc màn hình để truy cập một trang web. Mục đích ban đầu của việc sử dụng văn bản thay thế là để giúp làm cho hình ảnh có thể truy cập được cho người khiếm thị và những người bị suy giảm thị lực.

Chúng là một mô tả văn bản cho mỗi hình ảnh mô tả rõ ràng những gì nó hiển thị và là một phần của mã HTML trong thẻ hình ảnh trông như thế này:

<img src="cute-kitten-playing-ball.png" alt="cute kitten playing with a ball" />

Alt Text là nội dung mô tả nằm trong thuộc tính alt được đưa ra cho thẻ hình ảnh.

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

Nhưng rất nhiều người hiểu sai điều này và bạn sẽ không phải nhìn quá xa để tìm một trang nơi tất cả các hình ảnh sử dụng cùng một văn bản thay thế – một kết hợp chính xác của từ khóa mục tiêu chính của trang.

Cách tối ưu hóa Alt Text

Có những quy tắc thực hành tốt nhất mà bạn nên tuân theo khi tối ưu hóa thẻ Alt của hình ảnh.

Tạo ra các thẻ alt mô tả không cần phải khó khăn. Tốt nhất là không nên suy nghĩ quá nhiều và được dẫn dắt bởi nội dung của hình ảnh.

Thông thường, viết văn bản thay thế tuyệt vời có nghĩa là sử dụng ý thức chung để mô tả những gì hình ảnh hiển thị. Chúng tôi có thể chia nhỏ điều này thành chỉ ba quy tắc thực hành tốt nhất mà bạn nên tuân theo.

Chi tiết về cách tối ưu hóa alt text, tôi đã có một bài phân tích và hướng dẫn khá kỹ bạn có thể tham khảo thêm tại đây.

3 quy tắc đặt tên của Alt Tags

Được mô tả và cụ thể

Alt Tags phải luôn mô tả nội dung của một hình ảnh càng chi tiết càng tốt.

Bạn càng có thể cụ thể hơn khi mô tả một hình ảnh, càng tốt, vì điều này sẽ giúp nó xếp hạng trên Google Image Search và đưa ra bối cảnh về cách nó liên quan đến nội dung trang của bạn.

Có liên quan

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

Chú ý: Nội dung thẻ alt phải hoàn toàn có liên quan với ảnh.

Hãy thử viết văn bản thay thế mô tả hình ảnh theo cách liên quan đến chủ đề của trang mà nó đang bật, đặc biệt là khi một hình ảnh có bản chất chung chung hơn và không cụ thể như những hình ảnh khác.

Hãy là duy nhất

Không sử dụng từ khóa mục tiêu chính của trang làm nội dung thẻ alt cho mọi hình ảnh trên trang.

Luôn luôn chắc chắn để viết văn bản thay thế duy nhất mô tả nội dung cụ thể của hình ảnh, thay vì lặp lại nội dung của người khác.

Nhưng văn bản thay thế được tối ưu hóa tốt trông như thế nào trong thực tế? Chúng ta hãy viết một nội dung cho hình ảnh này của hai chú mèo con:

Một thẻ alt được mô tả, có liên quan và duy nhất có thể trông như thế này:

alt=”two cute ginger kittens sleeping with balls of wool”

Điều này là mô tả cho các công cụ tìm kiếm và trình đọc màn hình trong khi bao gồm các từ khóa.

Cách hình ảnh ảnh hưởng đến điểm số trang

Không có gì lạ khi thấy rằng tối ưu hóa hình ảnh được trích dẫn là một trong những cách chính để cải thiện điểm số PageSpeed của trang web của bạn khi sử dụng công cụ Google PageSpeed Insights.

Hình ảnh lớn là thủ phạm có khả năng nhất ở đây, và nó có ý nghĩa.

Hình ảnh lớn hơn mất nhiều thời gian hơn để tải xuống và điều này làm chậm thời gian tải trang của bạn.

11 mẹo tối ưu hóa hình ảnh nâng cao tăng lưu lượng truy cập qua hình ảnh

Hãy suy nghĩ về lần cuối cùng bạn tải lên một hình ảnh lên trang web của bạn. Rất có thể bạn đã tải xuống từ một trang web sưu tầm hình ảnh nào đó, và tải nó lên trang web của bạn và sau đó chèn nó vào bài viết.

Điều này làm cho một ví dụ sáng chói về tối ưu hóa hình ảnh, phải không? Không hề.

Bạn đã thêm một trọng lượng của một quả bóng bowling khổng lồ vào trang web và làm chậm tốc độ tải trang. Các công cụ tìm kiếm sẽ không thể đọc hình ảnh của bạn mà không có văn bản thay thế.

Hơn 20% tất cả các tìm kiếm trên web tại Hoa Kỳ xảy ra trên Google Images, theo dữ liệu năm 2018 từ Jumpshot.

Những người nghiệp dư và chuyên nghiệp về SEO đều biết rằng việc tối ưu hóa hình ảnh cho trang web của bạn nổi tiếng là xứng đáng với thời gian bỏ ra.

Dan Morgan tại WebSpection đã có một trong những bức ảnh của anh ấy xếp hạng số 1 trong Google Hình ảnh cho “người tốt nhất ở Cardiff” trong vòng chưa đầy bốn ngày bằng cách tối ưu hóa hình ảnh của anh ấy.

Và, Robbie Richards đã tạo ra 150.732 lượt truy cập bằng cách thêm thẻ alt hình ảnh, nén hình ảnh và một số thủ thuật SEO khác.

Nếu không có sự tối ưu hóa hình ảnh phù hợp, bạn đang lãng phí một tài sản SEO có giá trị.

Nó giống như các công cụ tìm kiếm đang tặng bánh Oreo và sữa miễn phí. Nhưng, bạn chỉ lấy Oreo. Trong thực tế, Oreo được ngâm trong sữa tốt hơn.

Tối ưu hóa hình ảnh tạo ra nhiều lợi thế như trải nghiệm người dùng tốt hơn, thời gian tải trang nhanh hơn và cơ hội xếp hạng bổ sung. Và, nó ngày càng trở thành một vai trò quan trọng hơn.

Như Matt Southern đã chỉ ra, tuyên bố của Gary Illyes về tìm kiếm hình ảnh trong một cuộc trò chuyện Reddit gần đây:

“Chúng tôi chỉ đơn giản biết rằng tìm kiếm trên phương tiện truyền thông bị bỏ qua quá nhiều so với những gì nó có thể làm cho các nhà xuất bản, vì vậy chúng tôi sẽ đưa nhiều kỹ sư hơn vào nó cũng như tiếp cận nhiều hơn.”

Nhưng yếu tố nào là quan trọng nhất để đảm bảo có thể tìm thấy hình ảnh của bạn và không làm chậm trang web của bạn?

Dưới đây là 11 mẹo tối ưu hóa hình ảnh quan trọng mà bạn cần biết.

1. Chọn đúng định dạng

Giải mã tất cả các định dạng hình ảnh khác nhau có thể cảm thấy giống như lần đầu tiên bạn đặt hàng tại Taco Bell. Tuy nhiên, trước khi có thể bắt đầu thêm hình ảnh vào trang web của mình, bạn cần đảm bảo rằng mình đã chọn loại tệp tốt nhất.

Trong khi có nhiều định dạng hình ảnh để lựa chọn, PNG và JPEG là những định dạng phổ biến nhất cho web.

PNG : Tạo ra hình ảnh chất lượng tốt hơn nhưng có kích thước tệp lớn hơn.
JPEG : Bạn có thể giảm chất lượng hình ảnh, nhưng bạn có thể điều chỉnh mức chất lượng để tìm được sự cân bằng tốt.
WebP: Chọn nén không mất dữ liệu hoặc mất dữ liệu bằng cách sử dụng định dạng này, định dạng hình ảnh duy nhất được hỗ trợ bởi cả Chrome và Firefox.

Đối với tôi, PNG là anh hùng vô danh của định dạng hình ảnh. Thông thường, tôi chỉ sử dụng JPEG để có những hình ảnh lớn hơn, trực quan hơn được chụp bởi một nhiếp ảnh gia thực thụ. Tuy nhiên, đối với việc sử dụng hàng ngày của tôi, PNG là con đường để đi.

2. Nén hình ảnh của bạn

Đúng vậy, không có gì tức giận như một trang web bị phồng lên sau khi tải lên một hình ảnh không được nén.

Các công cụ tìm kiếm sẽ xem xét trang web của bạn giống như bạn có thể nhìn vào một thùng lớn của Crisco: Bạn không thể nghiêm túc xem xét việc đưa nó vào trang web của mình, phải không?

Theo HTTP Archive , hình ảnh chiếm trung bình 21% tổng trọng lượng của trang web.

Đó là lý do tại sao tôi thực sự khuyên bạn nên nén hình ảnh của bạn trước khi tải lên trang web của bạn. Bạn có thể làm điều này trong Photoshop hoặc bạn có thể sử dụng một công cụ như TinyPNG . TingPNG cũng có một plugin WordPress mà bạn có thể sử dụng.

Tuy nhiên, tôi thích WP Smush làm plugin WordPress của mình hơn. Nó làm giảm kích thước tệp hình ảnh mà không làm giảm chất lượng. Dù bạn sử dụng plugin nào, hãy đảm bảo tìm một plugin nén hình ảnh bên ngoài trên máy chủ của chúng. Nó làm giảm tải trên trang web của bạn.

Hoặc, tiến thêm một bước và sử dụng CDN hình ảnh phát hiện thiết bị và tối ưu hóa hình ảnh trước khi phân phối. Cloudinary và Imgix là hai lựa chọn để dùng thử.

Tăng dần.com đã cải thiện tốc độ trang web thêm 33% / 2 giây bằng cách nén hình ảnh.

Ý tôi là, có điều gì đó hấp dẫn về tốc độ trang nhanh hơn sau khi bạn nén hình ảnh của mình.

Nếu bạn không chắc hình ảnh của mình đang ảnh hưởng đến tốc độ trang của bạn như thế nào, tôi khuyên bạn nên sử dụng công cụ PageSpeed Insights của Google .

3. Tạo hình ảnh độc đáo

Bạn muốn ảnh của bạn xuất hiện trên trang web của bạn. Nếu bạn lấp đầy trang web của mình với kho hình ảnh, bạn sẽ trông không giống như hàng ngàn trang web khác không nổi bật.

Quá nhiều trang web lộn xộn với cùng một kho ảnh chung chung.

Hãy nghĩ về một trang web của công ty, một công ty tư vấn, một doanh nghiệp tự hào về dịch vụ khách hàng. Tất cả các trang web này hầu như sử dụng cùng một hình ảnh cổ phiếu của một doanh nhân đang mỉm cười.

Tôi chắc rằng bạn đã thấy một cái trông giống như thế này:

Mặc dù bạn có thể đã tối ưu hóa hình ảnh kho của mình một cách hoàn hảo, nhưng nó sẽ không có tác động hoặc lợi ích SEO tiềm năng giống như hình ảnh gốc, chất lượng cao.

Bạn càng có nhiều hình ảnh gốc, trải nghiệm tốt hơn cho người dùng và tỷ lệ xếp hạng của bạn càng cao trên các tìm kiếm có liên quan.

Hãy nhớ rằng hình ảnh lớn có nhiều khả năng được giới thiệu trong Google Khám phá hơn. Như Google khuyến nghị trong tài nguyên SEO Nâng cao của mình, “Hình ảnh lớn cần phải có chiều rộng ít nhất 1200 px và được kích hoạt bởi max-image-preview:large cài đặt hoặc bằng cách sử dụng AMP.” Không sử dụng biểu tượng của bạn làm hình ảnh.

4. Cẩn thận với bản quyền

Bất kể tệp hình ảnh nào bạn chọn sử dụng, hãy đảm bảo không có xung đột bản quyền .

Dịch vụ Bưu chính đang phải trả 3,5 triệu đô la trong một vụ kiện về bản quyền hình ảnh. Và, Sketchers bị kiện đòi 2,5 triệu đô la .

Nếu Getty, Shutterstock, DepositFiles hoặc một số nhà cung cấp ảnh stock khác sở hữu một hình ảnh bạn sử dụng và bạn không có giấy phép sử dụng nó, thì bạn đang có nguy cơ bị kiện tụng tốn kém.

Theo Đạo luật Bản quyền Thiên niên kỷ Kỹ thuật số (DMCA) , bạn có thể được thông báo nếu bạn vi phạm bất kỳ vấn đề bản quyền nào. Nếu chủ sở hữu của một phần nội dung nhìn thấy nội dung của họ trên trang web của bạn, họ có thể đưa ra Yêu cầu gỡ xuống theo DMCA mà bạn phải tuân thủ.

Google Images cho phép bạn lọc kết quả dựa trên những kết quả có sẵn để sử dụng lại.

5. Tùy chỉnh tên tệp hình ảnh

Khi nói đến SEO, việc tạo các tên tệp mô tả, giàu từ khóa là hoàn toàn quan trọng.

Không tùy chỉnh tên tệp hình ảnh của bạn giống như nhận được một chiếc bánh burrito mà không có gì trong đó. Nó chỉ đơn giản là tệ.

Tên tệp hình ảnh cảnh báo cho Google và các trình thu thập thông tin của công cụ tìm kiếm khác về chủ đề của hình ảnh.

Thông thường, tên tệp sẽ giống như “IMG_722019” hoặc một cái gì đó tương tự. Điều đó giống như gọi món từ một menu bằng một ngôn ngữ khác. Nó không giúp ích gì cho Google.

Thay đổi tên tệp từ tên mặc định để giúp các công cụ tìm kiếm hiểu hình ảnh của bạn và cải thiện giá trị SEO của bạn.

Điều này liên quan đến một chút công việc, tùy thuộc vào mức độ rộng lớn của thư viện phương tiện truyền thông của bạn, nhưng thay đổi tên hình ảnh mặc định luôn là một ý kiến hay. Hãy lấy hình ảnh sô cô la này làm ví dụ:

Tôi có thể đặt tên nó đơn giản là “sô-cô-la” nhưng nếu bạn bán sô-cô-la trên trang web của mình, thì mọi hình ảnh có thể được đặt tên là “sô-cô-la-1”, “sô-cô-la-2”, v.v.

Tôi đặt tên cho hình ảnh này là “sô-cô-la-cà phê đen” để người dùng và công cụ tìm kiếm hiểu hình ảnh.

6. Viết Alt Text thân thiện với SEO

Thẻ Alt là một văn bản thay thế cho hình ảnh khi trình duyệt không thể hiển thị chúng một cách chính xác. Tương tự như tiêu đề, thuộc tính alt được sử dụng để mô tả nội dung của tệp hình ảnh.

Khi hình ảnh không tải, bạn sẽ nhận được một hộp hình ảnh có thẻ alt ở góc trên cùng bên trái. Đảm bảo rằng chúng phù hợp với hình ảnh và làm cho hình ảnh có liên quan.

Chú ý đến thẻ alt cũng có lợi cho chiến lược SEO trên trang tổng thể . Bạn muốn đảm bảo rằng tất cả các khu vực tối ưu hóa khác đã được thực hiện, nhưng nếu hình ảnh không tải được vì bất kỳ lý do gì, người dùng sẽ thấy hình ảnh được cho là như thế nào.

Ngoài ra, việc thêm các thẻ alt thích hợp vào hình ảnh trên trang web của bạn có thể giúp trang web của bạn đạt được thứ hạng tốt hơn trong các công cụ tìm kiếm bằng cách kết hợp từ khóa với hình ảnh. Ngay cả Google cũng đã nhận xét về giá trị của văn bản thay thế trong hình ảnh.

Nó cung cấp cho Google thông tin hữu ích về chủ đề của hình ảnh. Chúng tôi sử dụng thông tin này để giúp xác định hình ảnh tốt nhất để trả lại cho truy vấn của người dùng.

Văn bản thay thế là bắt buộc theo Đạo luật Người khuyết tật Hoa Kỳ đối với những cá nhân không thể tự xem hình ảnh. Văn bản thay thế mô tả có thể cảnh báo người dùng chính xác những gì có trong ảnh. Ví dụ: giả sử bạn có hình ảnh sô cô la trên trang web của mình.

Văn bản thay thế có thể đọc:

Tuy nhiên, một văn bản thay thế tốt hơn mô tả hình ảnh sẽ đọc:

Alt Text có thể xem được trong phiên bản văn bản được lưu trong bộ nhớ cache của trang, giúp ích cho cả người dùng và công cụ tìm kiếm. Để có thêm giá trị SEO, văn bản thay thế có thể hoạt động như văn bản liên kết của liên kết nội bộ khi hình ảnh liên kết đến một trang khác trên trang web.

7. Suy nghĩ về cấu trúc tệp hình ảnh

Vào năm 2018, Google đã cập nhật Nguyên tắc hình ảnh của mình. Một trong những cập nhật lớn mà họ tiết lộ là họ sử dụng đường dẫn tệp và tên tệp để xếp hạng hình ảnh.

Lặp lại: Đường dẫn tệp và tên tệp là một yếu tố xếp hạng thực tế.

Ví dụ: nếu bạn là thương hiệu thương mại điện tử có nhiều sản phẩm, thay vì đặt tất cả hình ảnh sản phẩm của bạn vào một thư mục chung / media /, tôi khuyên bạn nên cấu trúc các thư mục con của mình theo các chủ đề liên quan đến danh mục hơn như / shorts / hoặc / denim /.

8. Đặt Tiêu đề & Mô tả Trang của Bạn

Google cũng tiết lộ rằng họ sử dụng tiêu đề và mô tả trang của bạn như một phần của thuật toán tìm kiếm hình ảnh.

Trang hỗ trợ của Google cho biết:

“Google Hình ảnh tự động tạo tiêu đề và đoạn mã để giải thích rõ nhất từng kết quả và cách kết quả đó liên quan đến truy vấn của người dùng… Chúng tôi sử dụng một số nguồn khác nhau cho thông tin này, bao gồm thông tin mô tả trong tiêu đề và thẻ meta.”

Tất cả các yếu tố SEO trên trang cơ bản của bạn như dữ liệu meta, thẻ tiêu đề, bản sao trên trang, dữ liệu có cấu trúc, v.v. đều ảnh hưởng đến cách Google xếp hạng hình ảnh của bạn .

9. Xác định kích thước của bạn

Nếu bạn đang sử dụng AMP hoặc PWA, bạn bắt buộc phải xác định kích thước hình ảnh của mình trong mã nguồn.

Tuy nhiên, nếu bạn không sử dụng, bạn vẫn nên xác định chiều rộng và chiều cao. Nó cung cấp trải nghiệm người dùng tốt hơn.

Thêm vào đó, nó cho phép các trình duyệt định kích thước hình ảnh trước khi CSS được tải. Điều này ngăn trang nhảy khi tải.

Các thuộc tính kích thước hình ảnh cũng rất quan trọng để ngăn chặn các sự cố dịch chuyển bố cục tích lũy (CLS) có thể gây trở ngại cho việc tối ưu hóa Core Web Vitals của bạn.

Đảm bảo rằng bạn bao gồm các thuộc tính chiều rộng và chiều cao cho mọi phần tử hình ảnh và video là điều quan trọng.

Điều này cho trình duyệt biết có bao nhiêu không gian để phân bổ cho tài nguyên và ngăn chặn việc thay đổi nội dung gây phiền nhiễu làm giảm điểm CLS của bạn. Tìm hiểu thêm tại đây .

10. Làm cho hình ảnh của bạn thân thiện với thiết bị di động

SEO trên thiết bị di động, ở mức tồi tệ nhất, nó có thể mang lại cho bạn tỷ lệ thoát cao và chuyển đổi thấp. Tuy nhiên, ở mức tốt nhất, nó có thể cung cấp cho bạn nhiều sức mạnh xếp hạng hơn và tương tác với người dùng tốt hơn.

Vấn đề là, làm cách nào để bạn tối ưu hóa hình ảnh của mình cho chỉ mục ưu tiên thiết bị di động?

Bạn tạo hình ảnh đáp ứng. Điều này có nghĩa là hình ảnh sẽ chia tỷ lệ với kích thước của trang web cho dù người dùng đang sử dụng máy tính để bàn hay thiết bị di động. Nó điều chỉnh theo kích thước của thiết bị.

Mozilla cung cấp toàn diện về việc sử dụng các thuộc tính ‘Srcset’ và ‘Size’ để cung cấp cho trình duyệt các hình ảnh nguồn bổ sung, cho phép hiển thị nội dung hình ảnh giống hệt nhau đã được thay đổi kích thước cho thiết bị.

Điều quan trọng là phải định dạng điều này với một phần khác nhau của giá trị thuộc tính trên mỗi dòng, như được minh họa trong ví dụ này từ tài nguyên của chúng:

<img srcset="elva-fairy-480w.jpg 480w,
elva-fairy-800w.jpg 800w"
sizes="(max-width: 600px) 480px,
800px"
src="elva-fairy-800w.jpg"
alt="Elva dressed as a fairy">

Tìm hiểu thêm về cách sử dụng srcset cho hình ảnh đáp ứng tại đây.

11. Thêm hình ảnh vào sơ đồ trang web của bạn

Cho dù bạn đang thêm hình ảnh của mình vào sơ đồ trang web của mình hay tạo một sơ đồ trang web mới cho hình ảnh, bạn đều muốn có hình ảnh ở đâu đó trong sơ đồ trang web của mình.

Có hình ảnh của bạn trong sơ đồ trang web làm tăng đáng kể cơ hội được các công cụ tìm kiếm thu thập dữ liệu và lập chỉ mục hình ảnh của bạn. Do đó, dẫn đến nhiều lưu lượng truy cập trang web hơn.

Nếu bạn đang sử dụng WordPress, Yoast cung cấp giải pháp sơ đồ trang web trong plugin của họ.

12. Cân nhắc việc tải chậm

Tải chậm là cách trình duyệt trì hoãn việc tải hình ảnh (hoặc bất kỳ đối tượng nào khác — video, v.v.) cho đến khi chúng cần được hiển thị trên màn hình. Các hình ảnh khác được tải dưới dạng và khi chúng cần được tải—tức là khi bạn cuộn.

Dưới đây là những gì Google nói về lazy-loading:

Tải lười biếng có thể tăng tốc đáng kể tải trên các trang dài bao gồm nhiều hình ảnh bên dưới nếp gấp bằng cách tải chúng khi cần thiết hoặc khi nội dung chính đã tải và kết xuất xong.

Đã có rất nhiều cuộc tranh luận trong quá khứ về việc liệu hình ảnh lười tải là tốt hay xấu cho SEO. Google cũng đã gửi tin nhắn hỗn hợp. Tuy nhiên, có lẽ dấu hiệu tốt nhất cho thấy Google khuyên bạn nên lười tải vào năm 2018 là:

Đó là một đề xuất từ công cụ PageSpeed Insights rất riêng của Google.

Google giải thích cách thực hiện lazy-loading (theo cách đảm bảo họ có thể thấy nội dung lười tải –rất quan trọng!) ở đây. Có một vài phương pháp khác nhau, nhưng tất cả đều liên quan đến Javascript. Nếu bạn không quen thuộc hoặc thoải mái với những điều như vậy, có thể đáng để thuê một lập trình viên để giúp đỡ điều này.

Nếu bạn đang sử dụng WordPress—như chúng tôi – thì có một vài plugin tải chậm ngoài kia.

Hầu hết trong số họ có đánh giá kém. Gần đây chúng tôi đã triển khai lazy-loading trên Blog của Ahrefs (bạn có thể nhận thấy) mà chúng tôi sử dụng plugin A3 Lazy Load. Càng xa càng tốt.

Kết luận

Qua các nội dung trên, mong rằng bạn đã hiểu lý do cần tối ưu hình ảnh trước khi bạn bắt đầu tải nó lên trang web của mình, hãy đảm bảo tuân thủ các quy trình tối ưu hóa hình ảnh từ trên.

Điều quan trọng nhất là đảm bảo hình ảnh và văn bản thay thế có liên quan đến trang. Ngoài ra còn là những điều quan trọng khác:

Chọn định dạng tệp phù hợp. PNG là thứ yêu thích của tôi cho ảnh chụp màn hình.
Giảm kích thước tệp để có tốc độ tải trang nhanh hơn.
Đảm bảo các yếu tố SEO On-page (dữ liệu meta, dữ liệu có cấu trúc, v.v.) kết hợp với hình ảnh của bạn.
Để có thể thu thập thông tin, hãy tạo một sơ đồ trang hình ảnh hoặc đảm bảo rằng hình ảnh của bạn được làm nổi bật trong sơ đồ trang web của bạn.

SEO hình ảnh vừa đơn giản nhưng cũng đầy khó khăn. Với những tiến bộ trong công nghệ tìm kiếm bằng giọng nói, phương tiện ngày càng có tầm quan trọng và toàn bộ trang web của bạn sẽ được hưởng lợi từ việc thực hiện các bước trên.

Chúc bạn tối ưu hóa vui vẻ!

Tài liệu tham khảo được sử dụng: