Th4
Thiết kế website, Thủ thuật SEO
SEO hình ảnh: Tối ưu hóa hình ảnh cho các công cụ tìm kiếm
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 hình ảnh hay không. Câu trả lời luôn là “Có”. Hình ảnh làm cho một 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 toàn hình ảnh cho SEO và cung cấp một số gợi ý về cách sử dụng hình ảnh để có trải nghiệm người dùng tốt nhất.
Luôn sử dụng hình ảnh
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 bạn. 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 ý củ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 của 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 hình ảnh 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 Hình ảnh có một giao diện hoàn toàn mới với các bộ lọc, siêu dữ liệu mới và thậm chí cả phân bổ. Những bộ lọc mới tuyệt vời này cho thấy rằng Google ngày càng biết những gì trong một hình ảnh và làm thế nào hình ảnh đó phù hợp với bối cảnh lớn hơn.
Tìm hình ảnh phù hợp
Luôn luôn tốt hơn nếu sử dụng hình ảnh gốc – ảnh bạn tự chụp – 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ó.
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 bị ép buộc.
Có một lý do SEO hình ảnh đơ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 trong 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, vì bạn có thể sử dụng hình ảnh Creative Commons. Chỉ cần nhớ thuộc tính của nhiếp ảnh gia ban đầu. 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.
Ngoài ra, một đề cập đáng trân trọng nên đề cập đến GIF động, vì chúng rất phổ biến ngày nay. Nhưng mặc dù GIF động rất phổ biến, nhưng đừng quá lạm dụng. Nó sẽ làm cho bài đăng của bạn khó đọc hơn, vì sự chuyển động của hình ảnh làm phân tán sự chú ý của người đọc. Chúng cũng có thể làm chậm trang của bạn.
Chuẩn bị hình ảnh để sử dụng trong bài viết của bạn
Khi bạn đã tìm thấy hình ảnh phù hợp – cho dù đó là ảnh chụp, hình minh họa hay biểu đồ – bước tiếp theo là tối ưu hóa hình ảnh đó để sử dụng trên trang web của bạn. Vì vậy, trước khi bạn thêm hình ảnh của mình, có một số điều bạn cần suy nghĩ:
Chọn tên tệp phù hợp
SEO hình ảnh bắt đầu với tên tệp. Bạn muốn Google biết nội dung của hình ảnh mà không cần nhìn vào nó, vì vậy hãy sử dụng cụm từ khóa tiêu điểm của bạn trong tên tệp hình ảnh.
Chọn định dạng phù hợp
Đối với hình ảnh, định dạng phù hợp không tồn tại; nó phụ thuộc vào loại hình ảnh và cách bạn muốn sử dụng nó. Tóm lại, chúng tôi khuyên bạn nên:
- chọn JPEG cho ảnh hoặc hình minh họa lớn hơn: nó sẽ cho bạn kết quả tốt về màu sắc và độ rõ nét với kích thước tệp tương đối nhỏ;
- sử dụng PNG nếu bạn muốn duy trì độ trong suốt của nền trong hình ảnh của mình;
- hoặc sử dụng WebP thay vì JPEG và PNG. Nó sẽ tạo ra kết quả chất lượng cao với kích thước tệp nhỏ hơn. Bạn có thể sử dụng các công cụ như Squoosh để chuyển đổi hình ảnh của mình thành WebP.
- sử dụng SVG cho các biểu trưng và biểu tượng. Với sự trợ giúp của CSS hoặc JavaScript, bạn có thể quản lý hình ảnh ở định dạng SVG, chẳng hạn như thay đổi kích thước của chúng mà không làm giảm chất lượng.
Nếu bạn biết một phần lớn khán giả của mình sử dụng các trình duyệt hoặc thiết bị cụ thể, hãy đảm bảo kiểm tra xem định dạng ưa thích của bạn có được các trình duyệt đó trên CanIuse.com hỗ trợ hay không .
Khi bạn đã chọn đúng tên và định dạng, đã đến lúc thay đổi kích thước và tối ưu hóa hình ảnh của bạn!
Quy mô cho SEO hình ảnh
Thời gian tải rất quan trọng đối với UX và SEO. Trang web càng nhanh , người dùng và công cụ tìm kiếm càng dễ dàng truy cập (và lập chỉ mục) một trang. Hình ảnh có thể có tác động lớn đến thời gian tải, đặc biệt khi bạn tải lên một hình ảnh lớn để hiển thị nó thực sự nhỏ – ví dụ: hình ảnh 2500 × 1500 pixel được hiển thị ở kích thước 250 × 150 pixel – vì toàn bộ hình ảnh vẫn phải được tải.
Vì vậy, hãy thay đổi kích thước hình ảnh theo cách bạn muốn nó hiển thị. WordPress giúp bạn làm điều này bằng cách tự động cung cấp hình ảnh ở nhiều kích thước sau khi tải lên. Thật không may, điều đó không có nghĩa là kích thước tệp cũng được tối ưu hóa, đó chỉ là kích thước hiển thị hình ảnh. Vì vậy, hãy nghĩ về kích thước mà bạn tải lên hình ảnh của mình!
Sử dụng hình ảnh đáp ứng
Điều này cũng cần thiết cho SEO và nếu bạn đang sử dụng WordPress, nó được thực hiện cho bạn vì nó được thêm vào theo mặc định từ phiên bản 4.4. Hình ảnh phải có srcsetthuộc tính, điều này giúp bạn có thể phân phát một hình ảnh khác nhau trên mỗi chiều rộng màn hình – điều này đặc biệt hữu ích cho các thiết bị di động.
Giảm kích thước tệp
Bước tiếp theo trong SEO hình ảnh phải đảm bảo rằng hình ảnh được chia tỷ lệ của bạn được nén để nó được phân phát ở kích thước tệp nhỏ nhất có thể.
Tất nhiên, bạn có thể chỉ xuất hình ảnh và thử nghiệm với tỷ lệ phần trăm chất lượng, nhưng chúng tôi muốn sử dụng hình ảnh chất lượng cao nhất có thể, đặc biệt là do sự phổ biến của màn hình retina và các màn hình tương tự ngày nay.
Ví dụ: bạn vẫn có thể giảm kích thước tệp của những hình ảnh này bằng cách xóa dữ liệu EXIF . Chúng tôi khuyên bạn nên sử dụng các công cụ như ImageOptim hoặc các trang web như Squoosh , JPEGmini , jpeg.io hoặc Kraken.io .
Khi bạn đã tối ưu hóa hình ảnh của mình, bạn có thể kiểm tra trang của mình 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 của bạn
Mặc dù Google ngày càng nhận biết tốt hơn những gì trong hình ảnh, nhưng bạn vẫn chưa nên hoàn toàn dựa vào khả năng của họ. Tất cả là do bạn cung cấp bối cảnh cho hình ảnh đó – vì vậy hãy điền nhiều nhất có thể! Chúng tôi sẽ thảo luận về cách làm dưới đây.
Hình ảnh của bạn đã sẵn sàng để sử dụng, nhưng đừng chỉ ném nó vào bài viết của bạn ở bất cứ đâu. Như đã đề cập trước đó, việc thêm nó gần với nội dung văn bản có liên quan sẽ giúp ích rất nhiều. Nó đảm bảo văn bản có liên quan đến hình ảnh cũng như hình ảnh liên quan đến văn bản, điều mà người dùng và Google thích.
Chú thích
Chú thích hình ảnh là văn bản đi kèm với hình ảnh trên trang – nếu bạn nhìn vào các hình ảnh trong bài viết này, đó là văn bản trong hộp màu xám bên dưới mỗi hình ảnh. Tại sao chú thích lại quan trọng đối với SEO hình ảnh? Bởi vì mọi người sử dụng chúng khi quét một bài báo. Mọi người có xu hướng quét các tiêu đề, hình ảnh và chú thích khi họ quét một trang web.
Bạn có cần thêm chú thích cho mọi hình ảnh không? Không, vì đôi khi hình ảnh phục vụ các mục đích khác. Quyết định xem bạn có muốn sử dụng của bạn cho SEO hay không. Lưu ý rằng cần phải tránh tối ưu hóa quá mức, chúng tôi nói rằng bạn chỉ nên thêm phụ đề ở những nơi có ý nghĩa đối với khách truy cập đối với một người ở đó. Trước tiên, hãy nghĩ về khách truy cập và đừng thêm chú thích chỉ cho mục đích SEO hình ảnh.
altvăn bản và titlevăn bản
Văn altbản (hoặc thẻ alt) được thêm vào hình ảnh vì vậy sẽ có văn bản mô tả tại chỗ nếu hình ảnh không thể hiển thị cho khách truy cập vì bất kỳ lý do gì.
Đảm bảo thêm văn bản thay thế vào mọi hình ảnh bạn sử dụng và đảm bảo văn bản thay thế bao gồm cụm từ khóa SEO cho trang đó (nếu thích hợp). Quan trọng nhất, mô tả những gì trong hình ảnh để cả công cụ tìm kiếm và mọi người có thể hiểu được nó. Càng có nhiều thông tin liên quan xung quanh một hình ảnh, các công cụ tìm kiếm càng coi hình ảnh này quan trọng.
Khi di chuột qua hình ảnh, một số trình duyệt hiển thị titlevăn bản dưới dạng ‘chú giải công cụ’. Chrome hiển thị văn bản tiêu đề như đã định . Văn bản tiêu đề cho hình ảnh cũng tương tự và rất nhiều người sử dụng tiêu đề chỉ cần sao chép văn bản thay thế, nhưng ngày càng có nhiều người loại bỏ chúng hoàn toàn.Tại sao vậy?
” titleCó một số vấn đề về khả năng tiếp cận, chủ yếu dựa trên thực tế là hỗ trợ trình đọc màn hình rất khó đoán và hầu hết các trình duyệt sẽ không hiển thị nó trừ khi bạn đang di chuột bằng chuột (ví dụ: không có quyền truy cập vào người dùng bàn phím).”
Tốt hơn là đưa thông tin hỗ trợ như vậy vào văn bản chính của bài viết, thay vì đính kèm với hình ảnh.
Thêm dữ liệu có cấu trúc hình ảnh
Thêm dữ liệu có cấu trúc vào các trang của bạn có thể giúp các công cụ tìm kiếm hiển thị hình ảnh của bạn dưới dạng kết quả nhiều định dạng. Mặc dù Google cho biết dữ liệu có cấu trúc không giúp bạn xếp hạng tốt hơn, nhưng nó giúp đạt được danh sách rõ ràng hơn trong Tìm kiếm hình ảnh. Tuy nhiên, còn nhiều hơn thế. Ví dụ: nếu bạn có công thức nấu ăn trên trang web của mình và bạn thêm dữ liệu có cấu trúc vào hình ảnh của mình, Google cũng có thể thêm huy hiệu vào hình ảnh của bạn cho thấy rằng hình ảnh này thuộc về một công thức. Google Hình ảnh hỗ trợ dữ liệu có cấu trúc cho các loại sau:
- Sản phẩm
- Video
- Công thức
Thẻ OpenGraph và Twitter
Trước đó, chúng tôi đã đề cập đến việc sử dụng hình ảnh để chia sẻ xã hội. Nếu bạn thêm thẻ hình ảnh sau vào <head>phần trong trang HTML của mình như sau:
<meta property="og:image" content="http://example.com/link-to-image.jpg" />
Điều đó sẽ đảm bảo hình ảnh được đưa vào chia sẻ của bạn trên Facebook (và OpenGraph cũng được sử dụng cho Pinterest chẳng hạn).
Sơ đồ trang web hình ảnh XML
Nếu bạn là một nhà phát triển web, bạn có thể thắc mắc về sơ đồ trang web hình ảnh XML. Tôi muốn mô tả điều này dưới dạng hình ảnh trong sơ đồ trang XML . Google rõ ràng về điều này :
Ngoài ra, bạn có thể sử dụng tiện ích mở rộng hình ảnh của Google cho sơ đồ trang web để cung cấp cho Google thêm thông tin về hình ảnh có sẵn trên các trang của bạn. Thông tin sơ đồ trang bằng hình ảnh giúp Google khám phá những hình ảnh mà chúng tôi có thể không tìm thấy (chẳng hạn như những hình ảnh mà trang web của bạn tiếp cận bằng mã JavaScript) và cho phép bạn chỉ ra những hình ảnh trên trang web của mình mà bạn muốn Google thu thập thông tin và lập chỉ mục.
Thỉnh thoảng, mọi người hỏi chúng tôi về sơ đồ trang web hình ảnh XML. Chúng tôi không tạo những thứ này trong plugin của mình, nhưng hãy làm theo lời khuyên của Google và đưa chúng vào trang hoặc đăng các sơ đồ trang web. Chỉ cần cuộn xuống trong sơ đồ trang dành cho bài đăng của chúng tôi và bạn sẽ thấy chúng tôi đã thêm hình ảnh vào tất cả các bài đăng mới nhất của mình (có một cột dành riêng cho điều đó). Thêm hình ảnh vào sơ đồ trang XML của bạn sẽ giúp Google lập chỉ mục hình ảnh của bạn, vì vậy hãy đảm bảo làm như vậy để SEO hình ảnh tốt hơn.
SEO hình ảnh: tóm tắt
SEO hình ảnh là tổng hợp của một số yếu tố. Với việc Google nhận diện tốt hơn các yếu tố trong hình ảnh mỗi ngày, điều hợp lý là đảm bảo hình ảnh và tất cả các yếu tố của nó đóng góp vào trải nghiệm người dùng tốt cũng như SEO. Thật là ngu ngốc nếu thử lừa gạt Google.
Hãy ghi nhớ những điều này khi thêm hình ảnh vào bài viết:
- Sử dụng hình ảnh có liên quan phù hợp với văn bản của bạn
- Chọn một tên tệp tốt cho hình ảnh của bạn
- Đảm bảo kích thước hình ảnh khớp với kích thước hình ảnh được hiển thị
- Sử dụng
srcsetnếu có thể - Giảm kích thước tệp để tải nhanh hơn
- Thêm chú thích, nếu thích hợp, để quét trang dễ dàng hơn
- Sử dụng văn bản thay thế hình ảnh. Không cần văn bản tiêu đề
- Thêm dữ liệu có cấu trúc vào hình ảnh của bạn
- Thêm thẻ OpenGraph và Twitter Card cho hình ảnh
- Sử dụng hình ảnh trong sơ đồ trang XML của bạn
- Cung cấp hình ảnh qua CDN
- Cung cấp tất cả các ngữ cảnh mà bạn có thể!
Bên cạnh việc đóng góp vào SEO và trải nghiệm người dùng, hình ảnh cũng có thể đóng một vai trò quan trọng trong việc chuyển đổi . Vì vậy, đừng đánh giá thấp tầm quan trọng của SEO hình ảnh trên trang web của bạn!
Dịch từ:https://yoast.com/image-seo/
Danh sách phần mềm của Soft Việt:
