SEO image

SEO image

Cho dù bạn là một blogger hay viết bài cho tạp chí hoặc tờ báo trực tuyến, rất có thể bạn sẽ tự hỏi liệu bài viết của mình có cần seo image hay không. Câu trả lời luôn là “Có”. SEO image làm cho bài viết trở nên sống động và cũng góp phần vào SEO trang web của bạn. Bài đăng này giải thích cách tối ưu hóa hoàn hảo hình ảnh cho SEO và cung cấp một số gợi ý về cách sử dụng hình ảnh để người dùng có trải nghiệm tốt nhất.

Luôn sử dụng hình ảnh khi viết bài

Hình ảnh khi được sử dụng đúng cách sẽ giúp người đọc hiểu rõ hơn về bài viết của mình. Câu nói cũ “Một bức tranh có giá trị bằng một nghìn từ” có lẽ không áp dụng cho Google, nhưng nó chắc chắn đúng khi bạn cần thêm vào 1.000 từ buồn tẻ, minh họa ý bạn trong biểu đồ hoặc sơ đồ luồng dữ liệu, hoặc chỉ làm cho các bài đăng trên mạng xã hội hấp dẫn hơn.

Đó là một đề xuất đơn giản: thêm hình ảnh vào mỗi bài viết bạn viết để làm cho chúng hấp dẫn hơn. Hơn nữa, vì tìm kiếm trực quan ngày càng trở nên quan trọng – như được thấy trong tầm nhìn của Google về tương lai tìm kiếm – nó có thể mang lại cho bạn một lượng truy cập tốt. Và nếu bạn có nội dung trực quan, bạn nên đặt SEO image cao hơn một chút trong danh sách việc cần làm của mình.

Cách đây ít lâu, Google image có một giao diện hoàn toàn mới với các chức năng được nâng cấp như các bộ lọc, siêu dữ liệu mới và thậm chí cả phân bố hình ảnh. Những bộ lọc mới này cho thấy rằng Google ngày càng quan tâm những gì có trong một hình ảnh và cách hình ảnh đó phù hợp với bối cảnh lớn hơn.

SEO image
search hình ảnh google

Tìm hình ảnh phù hợp

SEO image: Hình ảnh này không nói “chào mừng bạn đến với công ty của chúng tôi”, nó nói “chào mừng bạn đến với một công ty”.
Sử dụng hình ảnh gốc – ảnh bạn tự chụp – luôn tốt hơn là ảnh lưu trữ.

Bài viết của bạn cần một hình ảnh có liên quan đến chủ đề của nó. Nếu bạn đang thêm một bức ảnh ngẫu nhiên chỉ để lấy dấu đầu dòng màu xanh lá cây trong phân tích nội dung của plugin SEO của chúng tôi, thì bạn đang làm sai. Hình ảnh phải phản ánh chủ đề của bài đăng hoặc có mục đích minh họa trong bài viết. Ngoài ra, hãy cố gắng đặt hình ảnh gần văn bản có liên quan. Nếu bạn có hình ảnh chính hoặc hình ảnh mà bạn đang cố gắng xếp hạng, hãy cố gắng giữ hình ảnh đó ở gần đầu trang, nếu có thể mà không cảm thấy không tự nhiên.

Có một lý do SEO image đơn giản cho tất cả những điều này: một hình ảnh có văn bản liên quan xếp hạng tốt hơn cho từ khóa mà nó được tối ưu hóa. Nhưng chúng ta sẽ thảo luận về SEO hình ảnh ở phần sau của bài viết này.

Giải pháp thay thế

Nếu bạn không có bất kỳ hình ảnh gốc nào để có thể sử dụng, có nhiều cách khác để tìm hình ảnh độc đáo mà vẫn tránh được ảnh lưu trữ. Ví dụ, Flickr.com là một nguồn hình ảnh đẹp. Chúng tôi cũng thích những hình ảnh được cung cấp bởi các trang web như Unsplash. Chúng tôi có một bài đăng trên blog cung cấp cho bạn một cái nhìn tổng quan tuyệt vời về nơi có được những hình ảnh trong bài viết. Hãy tránh xa những bức ảnh có nguồn gốc rõ ràng và nếu bạn đang sử dụng những bức ảnh có sẵn. Nhưng bất cứ điều gì bạn sử dụng, bạn có thể sẽ thấy rằng những hình ảnh có người trong đó luôn giống như những bức ảnh lưu trữ. Trừ khi bạn tự chụp những bức ảnh đó luôn là ý tưởng tốt nhất.

Các lựa chọn thay thế rõ ràng cho ảnh có thể là đồ thị hoặc hình minh họa, đó là những gì chúng tôi thường sử dụng. Nếu bạn quan tâm, hãy xem qua cách tạo hình ảnh minh họa cho blog. Ngoài ra, một xu thế sử dụng SEO image hiện nay là nên chuyển đến GIF động, vì chúng rất phổ biến ngày nay.

Nhưng ngay cả khi GIF động phổ biến, đừng quá lạm dụng. Nó sẽ làm cho bài đăng của bạn khó đọc hơn, vì chuyển động của hình ảnh làm người đọc mất tập trung. Chúng cũng có thể làm chậm trang của bạn.

via GIPHY

Các thủ thuật hay nhất để SEO image

Bước 1: Điền vào các thẻ alt của bạn.

Bước 2: …?

SEO hình ảnh còn nhiều thứ hơn là viết một vài thẻ alt — nhiều hơn thế nữa.Một số người thậm chí có thể tranh luận rằng với những tiến bộ gần đây của Google trong học máy, thẻ alt không còn quan trọng nữa. Ví dụ: đây là những gì sẽ xảy ra khi bạn tải ảnh một con mèo lên API Cloud Vision của Google — công cụ nhận dạng hình ảnh bằng máy học của họ:

SEO image

Google có thể nói rằng đây là một bức ảnh của một con mèo với độ chính xác gần như hoàn hảo. Ấn tượng đấy.SIDENOTE. 

Tôi đã đảm bảo xóa tất cả siêu dữ liệu khỏi hình ảnh này. Bạn cũng có thể thấy rằng tên tệp là một IMG_0696_2.jpg khá không mô tả.Vì vậy, thậm chí lợi ích của việc thêm thẻ alt nếu Google hiểu nội dung của hình ảnh là gì? 

SEO hình ảnh có chết không? Không có gì.Trong bài đăng này, tôi sẽ trình bày qua 12 mẹo tối ưu hóa hình ảnh có thể thực hiện được để có thêm lưu lượng truy cập không phải trả tiền.

Các bài viết liên quan:

Chuẩn bị hình ảnh

1. Chọn hình ảnh độc đáo

Một cách chắc chắn để cản trở tiềm năng SEO của hình ảnh của bạn trước khi đạt được bất kỳ bước nào sắp tới là chọn ảnh ngẫu nhiên hoặc ảnh có sẵn để đăng trên trang web của bạn.

Bạn cần đảm bảo rằng hình ảnh có liên quan đến nội dung mà nó được đăng. Chúng tôi đề cập đến tiêu đề, mô tả và văn bản thay thế của hình ảnh của bạn và ảnh hưởng của chúng đối với xếp hạng SEO của bạn ở bên dưới, nhưng để các siêu dữ liệu đó có ý nghĩa, hình ảnh của bạn cũng cần có ý nghĩa liên quan đến nội dung xung quanh nó.

Trên hết, bạn cần đảm bảo tránh những bức ảnh có sẵn và ngẫu nhiên trên Google và những nơi khác. Bạn cần tải lên những bức ảnh thuộc về bạn hoặc sử dụng các nguồn bên ngoài cung cấp những hình ảnh độc đáo để bạn sử dụng. Bằng cách này, bạn có thể đảm bảo rằng nội dung của bạn vừa trông đẹp mắt cho khách truy cập vừa không ảnh hưởng tiêu cực đến xếp hạng SEO của trang web của bạn.

2. Định dạng hình ảnh

Khi nói đến định dạng hình ảnh, không có lựa chọn tối ưu nào theo quan điểm SEO. Nhưng thay vào đó, bạn nên xem định dạng nào phù hợp nhất với loại hình ảnh bạn đang tải lên trang web của mình.

Có cả mặt tích cực và tiêu cực khi nói đến các định dạng hình ảnh khác nhau. Dưới đây là tổng quan nhỏ về từng loại:

JPEG là một trong những định dạng phổ biến nhất và chủ yếu là bạn nên sử dụng định dạng này cho mục đích tối ưu hóa trang web. Và đó là bởi vì JPEG có kích thước tệp nhỏ hơn nhiều.

Nhược điểm của điều đó là nó có thể mất quá nhiều chất lượng dựa trên cài đặt của bạn và không hỗ trợ nền trong suốt.

PNG có vị trí đặc biệt của riêng mình trong tất cả những điều này. Nó hỗ trợ độ phân giải rất cao; nghĩa là ảnh có chất lượng tổng thể cao hơn nhiều mà không bị giảm chất lượng sau khi lưu lại nhiều lần. Chúng cũng hỗ trợ nền trong suốt, điều này có thể quan trọng tùy thuộc vào nội dung của bạn.

Nhược điểm khi nói đến tối ưu hóa là hình ảnh PNG có thể rất lớn nếu không được lưu hoặc xử lý đúng cách. Dẫn đến các vấn đề lớn khi nói đến tối ưu hóa tốc độ trang web.

WebP là một định dạng tương đối mới sử dụng nén mất dữ liệu và không mất dữ liệu để đạt được hình ảnh chất lượng cao nhưng cũng có kích thước nhỏ.

Việc tìm kiếm những gì phù hợp nhất với bạn là hoàn toàn tùy thuộc vào bạn và nhu cầu nội dung của bạn. Bạn có thể chuyển đổi hình ảnh của mình sang và từ các định dạng này (bao gồm cả GIF) bằng cách sử dụng Trình tối ưu hóa hình ảnh 10Web ․

3. Tối ưu hóa kích thước hình ảnh

Tốc độ tải trang web của bạn có tác động rất lớn đến xếp hạng SEO của trang web và hình ảnh lớn là một trong những yếu tố lớn nhất làm chậm trang web của bạn.

Khi nói đến việc cung cấp nội dung tốt cho người dùng, điều rất quan trọng là tải hình ảnh chất lượng cao lên trang web của bạn, nhưng điều này chắc chắn sẽ tác động tiêu cực đến xếp hạng SEO của bạn.

Để giải quyết vấn đề này, bạn cần tìm sự cân bằng phù hợp giữa việc lưu trữ hình ảnh chất lượng cao và giữ cho kích thước hình ảnh nhỏ. Và đây là lúc tối ưu hóa xuất hiện.

Có nhiều cách để tối ưu hóa tốc độ trang web của bạn nhưng trong trường hợp cụ thể này, chúng tôi chỉ cần quan tâm đến việc tối ưu hóa hình ảnh của mình để có thứ hạng SEO tốt hơn. Bạn có thể tối ưu hóa hình ảnh của mình rất dễ dàng bằng cách sử dụng Trình tối ưu hóa hình ảnh 10Web.

Bạn chỉ có thể đặt chế độ nén ưa thích của mình và trình tối ưu hóa sẽ tự động nén mọi hình ảnh bạn tải lên trang web của mình.

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

Bây giờ chúng ta đã đến vấn đề văn bản thực tế, những thứ mà các bot SEO tương tác trực tiếp. Tất cả bắt đầu với tên tệp của hình ảnh của bạn. Bạn sẽ ngạc nhiên khi có nhiều người bỏ qua việc đổi tên hình ảnh của họ mặc dù chỉ mất vài giây.

Quá trình này rất quan trọng đối với SEO hình ảnh vì nó là điều đầu tiên mà công cụ tìm kiếm

Đây là những gì Google nói về tên tệp hình ảnh:

[…] Tên tệp có thể cung cấp cho Google manh mối về chủ đề của hình ảnh. Ví dụ: my-new-black-kitten.jpg tốt hơn IMG00023.JPG.

Đây là SEO image. Hầu hết mọi người đều làm điều này.Điều đó có thể là do Google đã đưa ra lời khuyên tương tự trong nhiều năm.

SEO image

Bằng chứng rằng lời khuyên của Google về vấn đề này vẫn nhất quán kể từ năm 2013, thông qua The Wayback Machine.

Nhưng một lần nữa, với những tiến bộ gần đây của Google trong học máy và khả năng nhận dạng hình ảnh mới của họ, điều này thực sự quan trọng như thế nào?Câu hỏi hay. 

Tôi biết rằng ví dụ về mèo khá ấn tượng. Vì vậy, hãy thử một hình ảnh khác.

SEO image

Google chắc chắn 91% rằng đây là pho mát. Google đã sai. Đó là bơ.Bây giờ, tôi sẽ là người đầu tiên thừa nhận rằng bơ trông tương tự như pho mát, nhưng vấn đề vẫn tồn tại: Google không hoàn hảo — bạn nên làm mọi thứ trong khả năng của mình để giúp họ hiểu hình ảnh của bạn.

Điều đó không có nghĩa là nhồi nhét từ khóa. Giữ cho tên tệp của bạn mang tính mô tả và đơn giản.

Tốt: dog.jpg

Xấu: dog-cún-con-con-con-con-con-con.jpg

Không mất nhiều công sức để đổi tên hình ảnh để mô tả hơn. Vì vậy, nó đáng làm.

Xem thêm SEO image với alt text và title text

Sử dụng văn bản thay thế mô tả và chú thích

Văn bản thay thế (văn bản thay thế) mô tả một hình ảnh. Đó là những gì trình duyệt hiển thị cho người dùng với trình đọc màn hình. Các trình duyệt cũng hiển thị văn bản thay thế nếu có sự cố khi hiển thị hình ảnh.

Đây là cú pháp HTML:

<img src=”cat.jpg” alt=”Kittycat fetch”/>

Ví dụ đó xuất phát từ nguyên tắc chính thức của Google. Nó được sử dụng để hiển thị thẻ alt được viết tốt trông như thế nào. Dưới đây là lời khuyên chung của họ để viết những điều này:Google sử dụng văn bản thay thế cùng với các thuật toán thị giác máy tính và nội dung của trang để hiểu chủ đề của hình ảnh. […] 

Khi chọn văn bản thay thế, hãy tập trung vào việc tạo nội dung hữu ích, giàu thông tin, sử dụng từ khóa một cách thích hợp và phù hợp với nội dung của trang. Tránh điền các thuộc tính alt với từ khóa (nhồi nhét từ khóa) vì nó dẫn đến trải nghiệm người dùng tiêu cực và có thể khiến trang web của bạn bị coi là spam.

Tuy nhiên, đây là một phím tắt hầu như luôn hoạt động hoàn hảo — hãy kết thúc câu này:“Đây là (n) hình ảnh / ảnh chụp màn hình / ảnh chụp / bản vẽ của __________.”

Xóa bất kỳ liên từ hoặc liên kết nào (ví dụ: a / an) khỏi câu kết quả và sử dụng phần cuối cùng làm văn bản thay thế của bạn. Đây là vài ví dụ:”Đây là một bức ảnh của một chiếc bánh pho mát sô cô la.”

<img src=”chocolate-cheesecake.jpg” alt=”Chocolate cheesecake”/>

“Đây là bức vẽ con mèo của tôi, Mark, đang chơi với đồ chơi của nó.”

<img src=”mark-the-cat.jpg” alt=”My cat, Mark, playing with his toys”/>

Bạn có thể muốn hơi lệch khỏi công thức này khi viết văn bản thay thế cho hình ảnh sản phẩm. Đối với những điều này, có thể hữu ích khi thêm sản phẩm hoặc số sê-ri, như sau:

<img src=”battery-tender.jpg” alt=”Battery tender (022-0186G-DL-WH)”/>

Google không có hướng dẫn chính thức nào nói rằng bạn nên làm điều này. Nhưng nó có ý nghĩa vì Google hiểu rõ ràng các mối quan hệ giữa tên sản phẩm và số sê-ri / sản phẩm. Muốn bằng chứng? Hãy xem các tìm kiếm có liên quan cho truy vấn này:

SEO image

Google biết sản phẩm mà chúng tôi đang tìm kiếm chỉ dựa trên tìm kiếm số sản phẩm. Vì vậy, việc kết hợp điều này vào văn bản thay thế của bạn có thể giúp Google hiểu rằng trên thực tế, đó là hình ảnh của một sản phẩm.

Xem thêm SEO image với alt text và title text

Lời khuyên của chúng tôi

Tìm tất cả các hình ảnh trên trang web của bạn có văn bản thay thế bị thiếu bằng cách sử dụng Kiểm tra trang web của Ahrefs.Kiểm tra trang web> dự án> Tài nguyên> Hình ảnh> Thiếu văn bản thay thế

SEO image

Ồ, và đừng quên về phụ đề. Đó cũng là những điều quan trọng.Đây là những gì Google nói:Google trích xuất thông tin về chủ đề của hình ảnh từ nội dung của trang, bao gồm chú thích và tiêu đề hình ảnh. Bất cứ khi nào có thể, hãy đảm bảo hình ảnh được đặt gần văn bản có liên quan và trên các trang có liên quan đến chủ đề hình ảnh.Nhìn lại hình ảnh cuối cùng đó để xem ví dụ về chú thích hình ảnh. 

Đó là văn bản nhỏ bên dưới mô tả những gì nó hiển thị. Tôi khuyên bạn nên sử dụng những thứ này bất cứ khi nào có thể.

Chọn loại tệp tốt nhất

Hầu hết các hình ảnh trên web là một trong ba loại tệp: JPEG, PNG và GIF.Mỗi người trong số họ sử dụng một phương pháp nén khác nhau. Điều đó có nghĩa là kích thước tệp giữa ba loại tệp có thể khác nhau đáng kể. 

Đó là quan trọng. Đây là lý do tại sao:Hình ảnh thường là yếu tố đóng góp lớn nhất vào kích thước trang tổng thể, điều này có thể khiến trang tải chậm và tốn kém.Thời gian tải trang rất quan trọng đối với SEO. Google đã xác nhận rằng đó là một yếu tố xếp hạng trên cả máy tính để bàn và thiết bị di động. 

Nhiệm vụ của bạn là chọn loại tệp thích hợp nhất cho mỗi hình ảnh — tức là loại tệp cung cấp khả năng nén tốt nhất với chất lượng giảm ít nhất.Với ý nghĩ đó, đây là hình ảnh giống như JPEG, PNG và GIF:

SEO image

Bạn có thể thấy rằng hình ảnh JPEG rõ ràng là người chiến thắng. Nó có kích thước tệp nhỏ nhất và có rất ít hoặc không có sự khác biệt đáng chú ý về chất lượng hình ảnh giữa hình ảnh đó và hai hình ảnh còn lại. 

Vậy JPEG có luôn là sự lựa chọn đúng đắn? Không có gì.Tôi nghĩ rằng minh họa này nói lên tất cả:

SEO image

Nói chung, JPEG là định dạng tốt nhất cho ảnh, trong khi PNG là định dạng tốt nhất cho bản vẽ đường thẳng, văn bản, v.v. GIF là tốt nhất cho hình ảnh chuyển động. Đọc phần này để tìm hiểu thêm về sự khác biệt kỹ thuật giữa ba định dạng này.

Hầu hết các ứng dụng chỉnh sửa hình ảnh chuyên nghiệp (ví dụ: Photoshop) sẽ cung cấp cho bạn tùy chọn lưu dưới dạng JPEG, PNG hoặc GIF. Hãy dùng chúng ch việc chuyển định dạng hình ảnh . 

Bạn không biết sử dụng các phần mềm edit ảnh một cách thành thạo? Hãy thử công cụ miễn phí này. Khi bạn screenshot, bạn sẽ được xuất ở nhiều  định dạng với ứng dụng này:

Skitch (Mac)

Monosnap (Mac, Windows)

Lightshot (Mac, Windows)

SIDENOTE. Bên cạnh đó còn có một số dạng format mới: WebP. Điều này hứa hẹn khả năng nén tốt hơn cả JPEG và PNG. Tuy nhiên, tôi quyết định bỏ nó ra khỏi bài viết vì nó hiện chỉ được hỗ trợ bởi Chrome và Opera. Để hiểu rõ về WebP hơn, bạn có thể thử  tại đây.

Xem thêm SEO On-Page: Hướng dẫn cho người mới bắt đầu

Thay đổi kích thước hình ảnh của bạn phù hợp với kích thước trang web của bạn

Đây là giao diện của Blog Ahrefs trên màn hình 27 inch của tôi:

SEO image

Blog Ahrefs như được hiển thị trên màn hình 27 inch của tôi với độ phân giải 2560 x 1440.Lưu ý rằng có rất nhiều khoảng trắng ở hai bên của nội dung đó? Đó là vì chiều rộng tối đa của nội dung blog là 720px. Nói cách khác, bất kể kích thước màn hình của bạn là bao nhiêu, hình ảnh không bao giờ được hiển thị rộng hơn 720px.Bây giờ, càng nhiều pixel tạo nên hình ảnh của bạn, kích thước tệp sẽ càng lớn.

Trình duyệt sẽ thay đổi kích thước hình ảnh rộng hơn 720px để phù hợp với chúng trên màn hình (ít nhất là với các trang web đáp ứng được mã hóa tốt). Tuy nhiên, quan trọng là trình duyệt vẫn phải tải hình ảnh có kích thước đầy đủ. Nói cách khác, nếu chúng ta tải lên một hình ảnh rộng 6000px, trình duyệt vẫn cần tải toàn bộ nội dung mặc dù nó hiển thị ở 720px. Thật chậm.Giải pháp là thay đổi kích thước và tải lên hình ảnh ở chiều rộng tối đa mà bạn cần. Lưu ý rằng đây có thể không phải là 720px. Nó phụ thuộc vào thiết kế tổng thể của trang web của bạn. Bước đầu tiên là tìm ra điều đó. Bạn có thể làm như vậy bằng cách đào sâu vào CSS của mình.

SEO image

QUAN TRỌNG

Hãy cẩn thận với điều này, đặc biệt nếu bạn đang sử dụng thiết kế đáp ứng. Đôi khi chiều rộng trang web của bạn có thể cao hơn trên các màn hình nhỏ hơn so với các màn hình lớn hơn. Điều đó đúng với Blog Ahrefs.

Sau đó, bạn có thể sử dụng công cụ này để thay đổi kích thước hình ảnh của mình hàng loạt.

Chỉ chiều rộng mới quan trọng, vì vậy hãy tải hình ảnh của bạn lên hàng loạt, sau đó sử dụng tùy chọn “chiều rộng tối đa” để chỉ điều chỉnh chiều rộng.

SEO image

Bạn nên tải lên hàng loạt các tệp JPEG và PNG của mình trong hai đợt riêng biệt. Nếu không, công cụ sẽ chuyển đổi tất cả các hình ảnh thành một loại tệp hình ảnh nhất quán. Bạn có thể chọn giữa JPEG và PNG trong chính công cụ. 

Sử dụng tùy chọn thích hợp cho loạt hình ảnh mà bạn đang tối ưu hóa.Đây là hai lý do tại sao công cụ này là tuyệt vời:

Đây là hai lý do tại sao công cụ này là tuyệt vời:

Thay đổi kích thước chiều rộng tối đa: Giả sử rằng chiều rộng tối đa của trang web của bạn là 700px. Bạn có một loạt hình ảnh cần thay đổi kích thước. Một số rộng hơn 700px và một số hẹp hơn 700px. Bạn không muốn thay đổi kích thước của những cái hẹp hơn thành 700px vì điều đó sẽ làm giảm chất lượng hình ảnh tổng thể. Công cụ này giữ cho những hình ảnh đó có kích thước như chúng. Nó chỉ thay đổi kích thước những cái quá rộng.

Giữ nguyên tên tệp: Bạn đã dành nhiều thời gian để đặt tên cho hình ảnh của mình cho SEO. Bạn thay đổi kích thước chúng và tải xuống các phiên bản đã thay đổi kích thước. Bạn mở .zip để tìm hinh11.png, hinh12.png. (Bạn sẽ hiểu sự thất vọng này nếu bạn đã từng tải xuống hình ảnh từ Google Tài liệu!) Công cụ này giữ nguyên tên tệp, vì vậy bạn sẽ không phải đổi tên sau khi thay đổi kích thước.

Xem thêm Tối ưu hóa meta description

Hạn chế kích thước tệp hình ảnh của bạn

Hãy xem hai hình ảnh này:

SEO image

Cả hai đều là JPEGS. Có một chút khác biệt đáng chú ý về chất lượng giữa cả hai, nhưng hình ảnh đầu tiên nhỏ hơn 58% so với hình ảnh đầu tiên (31kb so với 73kb).Google có một số tài liệu sâu rộng về tối ưu hóa hình ảnh cho web.

Điểm mấu chốt liên quan đến kích thước tệp là:Để có kết quả tốt nhất, hãy thử nghiệm với các cài đặt chất lượng khác nhau cho hình ảnh của bạn và đừng ngại giảm chất lượng – kết quả hình ảnh thường rất tốt và tiết kiệm kích thước tệp có thể khá lớn.Google đề xuất ba công cụ mã nguồn mở để trợ giúp việc này: Guetzli, MozJPEG (của Mozilla) và pngquant. 

Tìm hiểu cách sử dụng và một số quy tắc tại đây. Tuy nhiên, hãy lưu ý rằng đây là các công cụ dòng lệnh. Nếu bạn không cảm thấy thoải mái khi sử dụng các công cụ như vậy, khuyến nghị của Google là sử dụng ImageOptim — một công cụ miễn phí dành cho Mac. (Tìm các lựa chọn thay thế Linux và Windows tại đây.)Kéo thả ảnh của bạn vào để tiến hành nén chúng.

SEO image

Bạn có thể thay đổi mức độ nén trong cài đặt và thậm chí cho phép nén mất dữ liệu.Nó cũng loại bỏ dữ liệu EXIF ​​theo mặc định. Điều đó giúp giảm thêm kích thước tệp — mặc dù thường không nhiều. 

Bạn có thể sử dụng công cụ dựa trên web miễn phí này (được Google chính thức khuyến nghị) để tách dữ liệu EXIF ​​nếu bạn định không sử dụng ImageOptim.

Lời khuyên của chúng tôi

Google đã tuyên bố rằng dữ liệu EXIF ​​có thể là một “yếu tố xếp hạng” trong Google Hình ảnh.

Vì lý do đó, nó có thể là thứ bạn muốn giữ lại. Bạn có thể tắt tính năng tước dữ liệu EXIF ​​trong cài đặt ImageOptim.Phán quyết của chúng tôi? Những mặt tích cực tiềm năng của việc giữ nguyên dữ liệu EXIF ​​— khi thực hiện SEO cục bộ — có khả năng lớn hơn những mặt tiêu cực.

Làm thế nào tốt là kết quả từ công cụ này? Tôi quyết định chạy một thử nghiệm nhỏ. Tôi đã chụp một mẫu nhỏ gồm 15 hình ảnh — một số JPEG, một số PNG. Tôi đã ném tất cả chúng vào công cụ này trên cài đặt mặc định. 

Chúng đã làm tương tự cho một số lựa chọn thay thế khác.

Dưới đây là cách họ vượt qua khi giảm kích thước tệp trung bình:

Hình ảnh tối ưu: 69% (JPEG). 40% (PNG)

Shortpixel: 42% (JPEG). 59% (PNG)

Kraken.io: 13% (JPEG). 63% (PNG).

TinyPNG: 27% (JPEG). 65% (PNG).

Tối ưu hóa: 27% (JPEG). 60% (PNG)

Imagify.io: 6% (JPEG). 1% (PNG)

Compressor.io: 42% (JPEG). 58% (PNG)

Imageoptim (công cụ được đề xuất của Google) cho đến nay là tốt nhất cho ảnh JPEG. Nhưng đó là một trong những điều tồi tệ nhất đối với PNG. Tuy nhiên, cần lưu ý một lưu ý — ImageOptim mặc định ở chất lượng 70% PNG. Bạn có thể giảm đến 40%.Làm điều đó và độ nén trung bình tăng lên 75,6% đối với PNG. 

Điều đó làm cho nó trở thành người chiến thắng chung cho cả JPG và PNG cho đến nay.Tuy nhiên, nếu chúng tôi tuân theo kết quả của cài đặt mặc định ở trên, thì Shortpixel có vẻ là tốt nhất

máy nén hình ảnh toàn diện.Đó là tin đặc biệt tốt cho người dùng WordPress vì có một plugin WordPress ShortPixel. Nó miễn phí lên đến 100 hình ảnh mỗi tháng.Hơn nữa, nó cung cấp cho bạn tùy chọn để nén tất cả các hình ảnh mà bạn đã có trên trang web WordPress của mình. Bạn không thể làm điều đó với các công cụ khác trong danh sách.

Xem thêm 11 Mẹo để Tối ưu hóa Bài viết Blog chuẩn SEO (Danh sách kiểm tra)

Lời khuyên của chúng tôi

Bạn có thể tìm thấy các hình ảnh trên trang web của mình có thể được hưởng lợi từ việc nén bằng công cụ Kiểm tra trang của Ahrefs.Kiểm tra trang web> dự án> Tài nguyên> Hình ảnh

SEO image

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

Đây là những gì Google nói về sơ đồ trang web hình ảnh:Hình ảnh là một nguồn thông tin quan trọng về nội dung trên trang web của bạn. 

Bạn cung cấp các thông tin chi tiết hình ảnh của bạn và cấp cho họ thêm các link URL mà chúng tôi không phát hiện bằng việc thêm vào các sơ đồ những bức ảnh để bổ sung thông tin

Bạn có thể theo dõi ví dụ bên dưới:

SEO image

Điều đó thậm chí đúng đối với các trang web có các trang “phương tiện” được đặt thành noindex. (Lưu ý: Đó hiện là cài đặt mặc định trong phiên bản Yoast mới nhất.) Tuy nhiên, Yoast chỉ bao gồm các thẻ  và  bắt buộc. 

Khi bạn chú giải các thông tin cho tâm ảnh của mình trong WP, Yoast sẽ sẽ không lặp lại việc đó nữa.Bạn sẽ cần phải tự bao gồm những thứ đó theo cách thủ công.

ĐIỂM QUAN TÂM

Tài liệu của Google về sơ đồ trang web hình ảnh khá thưa thớt. Không nơi nào họ chỉ định cú pháp mong muốn cho thẻ . Không rõ liệu hình ảnh của Sheffield, Vương quốc Anh có nên được gắn thẻ là: Sheffield, Anh  Sheffield, Vương quốc Anh 

Điều này cũng đúng với . Google có hy vọng rằng bạn liên kết đến các trang giấy phép Creative Commons chính thức này không? 

Hay họ muốn bạn liên kết đến một trang cấp phép trên trang web của bạn?PHỏng Đoán của bạn có mang lại hiệu quả như bạn nghĩ.

Google cho đó là việc:

Chứa các URL từ nhiều miền không như những trang thông thường, sơ đồ website hình ảnh, chúng có nhiệm vụ thực thi những xung đột , hạn chế của các miền. Admin sử dụng CDN của bạn  cho việc lưu giữ  các tấm hình. 

Chúng tôi khuyến khích bạn xác minh tên miền của CDN trong Search Console để chúng tôi có thể thông báo cho bạn về bất kỳ lỗi thu thập thông tin nào mà chúng tôi có thể tìm thấy.

Điều đó rất hữu ích nếu bạn sử dụng CDN để lưu trữ hình ảnh của mình cho sau này.

Xem thêm Sitemap xml

Sử dụng đồ họa vector nếu thích hợp

Đây là những gì Google nói về đồ họa vector:Đồ họa vector sử dụng các đường, điểm và đa giác để biểu diễn một hình ảnh

Nhiều website sử dụng các đường véc-tơ  cho việc  đặc trưng của họ và các yếu tố liên quan khác trên website.SVG (Đồ họa Vectơ có thể mở rộng) có lẽ là định dạng vectơ phổ biến nhất trên web. World Wide Web Consortium (W3C) đã phát triển chúng và chúng dựa trên XML. Như vậy, tất cả các trình duyệt web hiện đại đều hỗ trợ chúng.Bất kể bạn có trình duyệt, thiết bị hoặc độ phân giải màn hình nào, SVG sẽ trông rõ ràng như pha lê vì chúng không tạo pixel.

 Bạn có thể hiển thị SVG trên màn hình có kích thước bằng một hành tinh — nó sẽ không làm giảm chất lượng một chút nào.SIDENOTE. LÀm cách nào để khởi tạo một SGV? Đọc này. Bạn cũng có thể xuất hình minh họa dưới dạng SVG bằng cách sử dụng hầu hết các ứng dụng thiết kế đồ họa hiện đại như Adobe Illustrator. Sau đây là lời khuyên của chúng tôi cho bạn:

Các tệp SVG nên được thu nhỏ để giảm kích thước của chúng.

Các tệp SVG phải được nén bằng GZIP.

Công cụ được đề xuất của họ để giảm thiểu các tệp SVG là svgo.

Không thoải mái khi sử dụng giao diện dòng lệnh? Sử dụng ứng dụng web này hoặc ứng dụng Mac này để làm điều tương tự. Việc kéo và thả để thu nhỏ như thế cả hai đều đảm nhiệm vai trò tôt như nhau. Tôi thích ứng dụng web hơn.

SEO image

Ảnh chụp màn hình đó tổng hợp mọi thứ bạn cần biết về SVG. Bạn có thể thấy rằng kích thước ban đầu của SVG là 8,54kb. Điều đó thật nhỏ bé. Phiên bản thu nhỏ (và gzipped) thậm chí còn nhỏ hơn chỉ 3,56kb — tiết kiệm 41,67%.

Nén Gzip là thứ được bật ở cấp máy chủ. Nói cách khác, SVG ở trên sẽ chỉ sử dụng 3,56kb băng thông nếu máy chủ cho phép — nếu không, nó sẽ sử dụng 8,54k.Sử dụng công cụ này để kiểm tra xem liệu nén gzip có được bật trên máy chủ của bạn hay không. 

Làm theo các hướng dẫn sau để kích hoạt nó nếu không.

Xem thêm Kỹ thuật SEO nội dung

Cung cấp hình ảnh đáp ứng

Ban muốn up một tấm hình 720px lên website.Nếu ai đó truy cập trên thiết bị di động có màn hình nhỏ hơn nhiều, chẳng hạn như rộng 320px, thì trình duyệt của họ vẫn phải tải hình ảnh 720px. Hình ảnh đó sẽ trông hoàn toàn tốt. 

Nhưng hình ảnh rộng 320px cũng vậy.Khó khăn ở đây? Việc tải hình ảnh 720px sẽ gây lãng phí băng thông và chỉ làm chậm tốc độ tải của trang. Điều đó không tốt cho SEO.Giải pháp là sử dụng srcset.Một đoạn code HTML  đề nghị các browser load các ver khác nhau của tấm ảnh với  độ phân giải màn hình hoàn toàn không giống nhau.Đây là cú pháp:

<img src=”hinh11.jpg” srcset=”image-medium11.jpg 1000w, image-large.jpg 2000w”>

Phần đầu tiên của cú pháp là một thẻ  khá chuẩn. Sau đó, chúng tôi cũng bao gồm các liên kết đến hai phiên bản khác của cùng một hình ảnh ở các kích thước khác nhau — trung bình (rộng 1000px) và lớn (rộng 2000px).

Bây giờ tôi sẽ tóm tắt phần tiếp theo của lời giải thích này khá nhiều từng chữ từ bài viết này bởi vì nó thực hiện một công việc tuyệt vời là giải thích những gì xảy ra ở đây.Giả sử bạn đang sử dụng thiết bị có chiều rộng màn hình là 320px và là màn hình 1x (không võng mạc). 

Hình hình bạn có là  kích thước rộng:500px), vừa.jpg (dài:1000px) và Large1.jpg (rộng: 2000px).Trình duyệt chạy:

Lemme làm một số phép toán nhanh chóng mà không ai quan tâm đến ngoại trừ tôi.

500/320 = 1,5625

1000/320 = 3,125

2000/320 = 6,25

Được rồi, vì tôi là màn hình 1x nên 1.5625 

là màn hình gần nhất với những gì tôi cần. Nó hơi cao một chút, nhưng đó là lựa chọn tốt nhất so với những cái khác quá cao.

Một thiết bị khác truy cập. Nó cũng là màn hình 320px nhưng là màn hình retina (2x). Trình duyệt đó thực hiện cùng một phép toán, chỉ sau đó đi:Được rồi, vì tôi là màn hình 2x, tôi sẽ loại bỏ hình ảnh 1.5625 đó vì nó quá thấp đối với tôi và có thể trông xấu. Bức hình được sử dụng là 3.125.

Có lý? Về cơ bản, trình duyệt chọn hình ảnh hiệu quả nhất để gửi cho khách truy cập, do đó giảm băng thông và cải thiện thời gian tải. Hoàn hảo. Nhưng điều đó có nghĩa là bạn cần tải lên nhiều kích thước khác nhau của tất cả các hình ảnh của mình? 

Không cần thiết.WordPress tự động xử lý (bắt đầu từ WordPress 4.4 — mà tất cả các bạn nên sử dụng ngay bây giờ). Đối với mỗi hình ảnh bạn tải lên, WordPress đặt các phiên bản này theo mặc định:

Hình zoom nhỏ: Hình vuông ( kích thước: 150px).

Trung bình: Đã thay đổi kích thước để cạnh dài nhất có chiều cao, rộng  tầm 300 px.

Trung bình vừa. Kích thước sau thay đổi -> rộng :768 px.

Cỡ Lớn: Kích thước sau thay đổi: 1024 pixel.

 Full :Ảnh ,,,,,,,,gốc.

WP tự động chèn srcset.Dưới đây là giao diện blog của chúng tôi (chạy trên WordPress):

SEO image

Nhắc lại: Mã đó được tạo hoàn toàn bởi WordPress. Chúng tôi không tải lên nhiều phiên bản của hình ảnh đó.

Lưu ý rằng bạn có thể sử dụng cú pháp @ 2x nếu bạn muốn tối ưu hóa cho màn hình võng mạc. Ngoài ra còn có plugin WordPress này bổ sung hỗ trợ cho các màn hình như vậy khá nhiều. 

Phải nói rằng, trừ khi bạn phát điên với tính năng nén hình ảnh (tức là bất kỳ thứ gì dưới ~ 40%) cho JPEG, bạn có thể sẽ thấy rằng hình ảnh ‘thông thường’ của bạn tăng tỷ lệ tốt trên màn hình võng mạc. Dù sao thì đó cũng là kinh nghiệm của tôi.

Xem thêm Title trong SEO

Sử dụng đánh dấu lược đồ (cho công thức nấu ăn, sản phẩm và video)

Đánh dấu lược đồ có thể là thứ mà bạn quen thuộc hơn trong ngữ cảnh tìm kiếm trên web của Google. Nó trông giống như thế này trong kết quả tìm kiếm thông thường:

SEO image

Nhưng bạn có biết rằng đánh dấu lược đồ cũng có thể liên quan đến SEO hình ảnh?Đó là vì Google hiển thị các huy hiệu có liên quan trên hình thu nhỏ trong kết quả tìm kiếm hình ảnh trên thiết bị di động. Đây là những gì chúng trông như thế nào:

SEO image

Hiện tại, Google hỗ trợ bốn loại đánh dấu: sản phẩm, công thức nấu ăn, video và GIF.Đảm bảo rằng hình ảnh của bạn hiển thị các huy hiệu này trong tìm kiếm hình ảnh của Google thật dễ dàng. Bạn chỉ việc tích và ghim dấu theo lược đồ thích ứng vào page.Thêm đánh dấu công thức vào các trang công thức.

Thêm đánh dấu sản phẩm vào các trang sản phẩm.Thêm đánh dấu video vào các trang có video.Lưu ý rằng GIF không yêu cầu bất kỳ đánh dấu bổ sung nào — Google đã biết chúng là gif.

Xem thêm Dữ liệu cấu trúc, Structured data cho SEO

Cân nhắc lazy load

Tải chậm là nơi trình duyệt định hướng 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 khi và khi nào chúng cần được tải — tức là khi bạn cuộn.Đây là những gì Google nói về tải chậm:

Load chậm có thể Cải thiện  đáng kể  tốc độ load  trang dài bằng cách load xong và hiển thị cho người xem.Trước đây đã có rất nhiều cuộc tranh luận về việc liệu hình ảnh được tải chậm là tốt hay xấu cho SEO. Google cũng đã gửi các thông điệp hỗn hợp. 

Tuy nhiên, có lẽ dấu hiệu tốt nhất mà Google khuyên bạn nên tải chậm vào năm 2018 là:

SEO image

Đó là đề xuất từ ​​công cụ PageSpeed ​​Insights rất riêng của Google.Google giải thích cách triển khai tính năng tải chậm (theo cách đảm bảo họ có thể xem nội dung tải chậm — rất quan trọng!) Tại đây. 

Có một vài phương pháp khác nhau, nhưng chúng đều liên quan đến Javascript. Nếu bạn không quen thuộc hoặc không cảm thấy thoải mái với những thứ như vậy, bạn có thể thuê một lập trình viên để giúp làm việc này.

Xem thêm Các công cụ hỗ trợ tăng tốc độ website

Tận dụng bộ nhớ đệm của trình duyệt

Bộ nhớ đệm của trình duyệt là nơi hình ảnh (và các tệp khác) được lưu trữ trong trình duyệt của khách truy cập. Kết quả là mọi thứ tải nhanh hơn đối với họ nếu và khi họ truy cập trang web của bạn trong tương lai.Ví dụ: khi bạn truy cập vào bài đăng trên blog này, bạn phải tải xuống tất cả hình ảnh trong bài viết và hiển thị chúng trong trình duyệt của bạn. Bây giờ, không có bộ nhớ đệm của trình duyệt, quá trình này sẽ cần được lặp lại toàn bộ nếu bạn muốn đọc lại trang này vào ngày mai.

Tuy nhiên, với bộ nhớ đệm của trình duyệt, điều sẽ xảy ra là trình duyệt của bạn bị treo với một số hình ảnh này. Vì vậy, khi bạn xem lại trang này — hoặc một trang tương tự — không cần tải lại tất cả chúng. Nhiều phần mềm đã có trên máy tính của bạn và do đó, sẽ tải nhanh hơn nhiều.Đây là những gì Google nói về bộ nhớ đệm của trình duyệt:

SEO image

Vậy làm cách nào để kích hoạt bộ nhớ đệm của trình duyệt cho hình ảnh của bạn?Đơn giản dễ hiểu trong WP. Chỉ cần cài đặt một plugin như W3 Total Cache. Điều đó sẽ kích hoạt bộ nhớ đệm của trình duyệt theo mặc định và thêm các sửa đổi cần thiết vào tệp . ht-access.

Bạn có thể thay đổi phần “1 năm” thành “1 tháng”, “1 tuần”, “1 ngày”, “1 giờ”, v.v. Tuy nhiên, các cài đặt này sẽ hoạt động tốt đối với hầu hết các trang web. Đây cũng là các giá trị mà W3 Total Cache sử dụng theo mặc định.

Xem thêm Hướng dẫn cài đặt WP Super Cache

Sử dụng CDN

Hầu hết các trang web cung cấp tất cả các tệp của họ (bao gồm cả hình ảnh) từ một máy chủ duy nhất ở một vị trí duy nhất.Nếu chúng tôi giả định rằng máy chủ web của bạn ở Vương quốc Anh, thì hình ảnh của bạn không phải di chuyển xa khi ai đó từ Vương quốc Anh truy cập trang web của bạn. 

Tuy nhiên, đó là một câu chuyện khác đối với những vị khách đến thăm Hoa Kỳ của bạn. Hình ảnh phải đi xa hơn nữa để đến được với chúng. Ó cải thiện tốc độ load page của bạn rất nhiều. CDN lưu  cache các file trên một mạng server toàn cầu để khắc phục vấn đề này. 

Hình ảnh sẽ được tải gần server người đó nhất khi họ tiến hành viếng thăm website của bạn đấy.Dưới đây là một GIF thú vị từ CloudFlare mô tả quá trình này một cách hoàn hảo:

SEO image

Có không ít lượng CDN ngoài đó. ! vài gợi ý của chúng tôi dành cho bạn:

Cloudflare (có sẵn bậc miễn phí);

KeyCDN;

Amazon CloudFront (có sẵn bậc miễn phí);

Google Cloud CDN (có bản dùng thử miễn phí)

Nếu bạn đang sử dụng WordPress, việc thiết lập CDN rất dễ dàng. Đăng ký CDN bạn đã chọn, làm theo hướng dẫn, sau đó sử dụng plugin như W3 Total Cache, CDN Enabler hoặc WP Rocket để bật CDN trên trang web của bạn.Quá dễ dàng phải không>.Tuy nhiên, cần lưu ý rằng CDN của bạn sẽ có URL như xyz.cdnprovider.com.Điều đó không tốt cho SEO vì những lý do sau:

Chúng tôi nghĩ nên điều hướng các URL hình ảnh của bạn, ….Đây là lời khuyên của John Mueller khi nói đến CDN:

Vì lý do đó, tôi khuyên bạn nên thiết lập bản ghi CNAME. Hãy coi đây là một bí danh có thể được sử dụng thay vì URL xấu xí được nhà cung cấp CDN gán cho bạn. 
Vì vậy, thay vì xyz.cdnprovider.com, CDN của bạn có thể là cdn.yourdomain.com.

Đọc thêm: cách tăng thứ hạng trong blog:wordpress seo

Leave a Reply