Tối ưu hình ảnh

Nếu bạn sở hữu, quản lý, kiếm tiền hoặc quảng bá nội dung trực tuyến qua Google Search thì cẩm nang này là dành cho bạn. Nếu bạn là chủ sở hữu của một giải pháp đang phát triển, chủ sở hữu của hàng chục website, chuyên viên SEO trong một đại lý về web hoặc bạn là một chuyên gia SEO tự học mong muốn tìm hiểu cơ chế hoạt động của Google Search: cẩm nang này là dành cho bạn. Nếu bạn muốn nắm được kiến thức tổng quan toàn diện về những khái niệm cơ bản của hoạt động SEO theo các phương pháp hay nhất của chúng tôi, thì đây chính là tài liệu bạn cần. Cẩm nang này sẽ không đưa ra bí quyết nào giúp website của bạn tự động xếp hạng đầu tiên trong Google, nhưng khi làm theo các phương pháp hay nhất tại đây, bạn có thể giúp công cụ tìm kiếm thu thập dữ liệu, Index và hiểu nội dung của bạn dễ dàng hơn.

Cẩm nang này dành cho ai?

Tối ưu hoá cho công cụ tìm kiếm (SEO) thường là việc thực hiện các sửa đổi nhỏ trên từng phần của website. Khi xem xét riêng lẻ, những thay đổi này trông có vẻ là những cải tiến nhỏ, nhưng khi kết hợp với các hoạt động tối ưu hoá khác, chúng có thể có tác động đáng kể đến trải nghiệm người dùng và hiệu suất của website trong kết quả Google Search không phải trả tiền. Có thể bạn đã quen thuộc với nhiều chủ đề trong cẩm nang này bởi đây đều là những thành phần thiết yếu của mọi website. Dù vậy, có thể bạn vẫn chưa vận dụng tối đa những chủ đề đó.

Bạn nên xây dựng một website mang lại lợi ích cho người dùng và thực hiện mọi tính năng tối ưu hoá nhằm mục đích cải thiện trải nghiệm người dùng. công cụ tìm kiếm là một trong số đó, loại công cụ này giúp người dùng khác tìm thấy nội dung của bạn. Ý nghĩa của SEO là giúp công cụ tìm kiếm hiểu và hiển thị nội dung. website của bạn có thể nhỏ hơn hoặc lớn hơn website trong ví dụ của chúng tôi và cung cấp nội dung hoàn toàn khác, nhưng các chủ đề về cách tối ưu hoá mà cẩm nang này trình bày có thể áp dụng cho mọi website, bất kể quy mô và hình thức. Chúng tôi hy vọng cẩm nang này sẽ đem lại cho bạn một số ý tưởng mới về cách cải thiện website. Chúng tôi cũng rất mong nhận được câu hỏi, phản hồi và câu chuyện thành công của bạn qua Cộng đồng trợ giúp của Trung tâm Google Search.

Bảng thuật ngữ

Dưới đây là một bảng thuật ngữ ngắn gọn, giải thích một số thuật ngữ quan trọng được sử dụng trong cẩm nang tối ưu SEO chuẩn Google này.

Chỉ mục là gì?

Google lưu trữ tất cả website mà Google biết vào chỉ mục của mình. Mỗi mục để ghi nhận một trang trong chỉ mục sẽ mô tả nội dung và vị trí (URL) của trang đó. Index là khi Google tìm nạp, đọc và thêm một trang vào chỉ mục: Hôm nay, Google đã Index một số trang trên website của tôi.

Thu thập dữ liệu là gì?

Quá trình Google Search các website mới hoặc vừa cập nhật. Google khám phá các URL bằng cách đi theo các đường liên kết, đọc sơ đồ website và nhiều cách khác. Google thu thập dữ liệu trên web, Google Search các trang mới rồi Index các trang đó (khi thích hợp).

Trình thu thập dữ liệu là gì?

Phần mềm tự động thu thập dữ liệu (tìm nạp) các trang trên web và Index các trang đó.

Googlebot là gì?

Tên gọi chung của trình thu thập dữ liệu của Google. Googlebot liên tục thu thập dữ liệu trên web.

SEO là gì?

Tối ưu hoá cho công cụ tìm kiếm (Search Engine Optimization) là quá trình cải thiện website của bạn để phù hợp hơn với các công cụ tìm kiếm.

SEO cũng là chức danh của người làm công việc tối ưu hoá cho công cụ tìm kiếm: Chúng tôi vừa tuyển một nhân viên SEO mới để cải thiện sự hiện diện của chúng tôi trên website.

Tối ưu hoá hình ảnh

Dùng hình ảnh HTML

Dùng các phần tử hình ảnh HTML để nhúng hình ảnh vào nội dung

Dùng các phần tử HTML img hoặc picture

Mã đánh dấu HTML có nghĩa sẽ giúp trình thu thập dữ liệu tìm và xử lý hình ảnh. Khi dùng phần tử picture, bạn cũng có thể chỉ định tuỳ chọn cho nhiều kích thước màn hình đối với hình ảnh thích ứng. Bạn cũng có thể dùng thuộc tính loading=_lazy_ trên hình ảnh để giúp người dùng tải trang nhanh hơn.

Tránh:

– Dùng CSS để hiển thị những hình ảnh mà bạn muốn Google Index.

Dùng thuộc tính alt

Hãy cung cấp tên tệp mang tính mô tả và đoạn mô tả bằng thuộc tính alt cho hình ảnh. Thuộc tính alt cho phép bạn chỉ định văn bản thay thế cho hình ảnh khi hình ảnh không hiển thị được vì một lý do nào đó.

Tại sao bạn nên dùng thuộc tính này? Nếu người dùng đang xem website của bạn bằng công nghệ hỗ trợ, chẳng hạn như trình đọc màn hình, thì nội dung của thuộc tính alt sẽ cung cấp thông tin về hình ảnh.

Một lý do khác là nếu bạn đang dùng hình ảnh dưới dạng đường liên kết, thì văn bản thay thế cho hình ảnh đó sẽ được xử lý tương tự như văn bản liên kết của một đường liên kết bình thường. Tuy nhiên, bạn không nên dùng quá nhiều hình ảnh cho các đường liên kết trong sơ đồ di chuyển trên website nếu các đường liên kết dạng văn bản cũng có tác dụng tương tự. Cuối cùng, việc tối ưu hoá tên tệp và văn bản thay thế giúp các công cụ tìm kiếm hình ảnh như Google Hình ảnh hiểu được hình ảnh của bạn một cách dễ dàng hơn.

Dùng văn bản thay thế và tên tệp ngắn gọn nhưng có tính mô tả

Giống như nhiều phần khác của trang cũng là mục tiêu để tối ưu hoá, tên tệp và văn bản thay thế sẽ hữu ích nhất khi ngắn gọn nhưng mang tính mô tả.

Tránh:

– Dùng tên tệp chung chung như image1.jpg, pic.gif, 1.jpg. Nếu website của bạn có hàng nghìn hình ảnh, bạn nên xem xét việc đặt tên hình ảnh theo cách tự động nếu có thể.

– Đặt tên tệp quá dài.

– Nhồi nhét từ khoá vào văn bản thay thế hoặc sao chép và dán toàn bộ câu.

Cung cấp văn bản thay thế khi dùng hình ảnh làm đường liên kết

Nếu bạn quyết định sử dụng hình ảnh dưới dạng đường liên kết, hãy điền văn bản thay thế của hình ảnh để giúp Google hiểu thêm về trang mà bạn liên kết đến. Hãy viết văn bản thay thế giống như bạn đang viết văn bản liên kết cho đường liên kết dạng văn bản.

Tránh:

– Viết văn bản thay thế quá dài và có thể bị coi là nội dung vi phạm.

– Chỉ sử dụng đường liên kết dạng hình ảnh để di chuyển trên website của bạn.

Giúp các công cụ tìm kiếm tìm thấy hình ảnh của bạn

Sơ đồ website dành cho hình ảnh có thể cung cấp cho Google thêm thông tin về các hình ảnh trên website. Sơ đồ này giúp làm tăng khả năng hình ảnh của bạn xuất hiện trong kết quả của Google Hình ảnh. Cấu trúc của tệp này tương tự với sơ đồ website dạng XML cho các website của bạn.

Dùng định dạng hình ảnh chuẩn

Hãy dùng những loại tệp thường được hỗ trợ. Hầu hết các trình duyệt đều hỗ trợ các định dạng hình ảnh JPEG, GIF, PNG, BMP và WebP. Bạn cũng nên để phần mở rộng của tên tệp trùng với loại tệp.

Làm cho website phù hợp với thiết bị di động

Thế giới ngày nay rất ưu tiên thiết bị di động. Hầu hết mọi người đang Google Search trên Google bằng cách sử dụng thiết bị di động. Phiên bản dành cho máy tính để bàn của website có thể khó xem và sử dụng trên thiết bị di động. Do đó, việc thiết kế một phiên bản dành cho thiết bị di động có ý nghĩa quan trọng đối với sự hiện diện trực tuyến của bạn. Trên thực tế, từ cuối năm 2016, Google đã bắt đầu thử nghiệm việc dùng phiên bản dành cho thiết bị di động của nội dung website làm cơ sở chính để xếp hạng, phân tích cú pháp dữ liệu có cấu trúc và tạo trích đoạn nội dung.

Tìm hiểu sự khác biệt giữa các loại thiết bị

Điện thoại thông minh – Trong tài liệu này, cụm từ thiết bị di động dùng để chỉ điện thoại thông minh, chẳng hạn như các thiết bị chạy Android, iPhone hoặc Windows Phone. Các trình duyệt dành cho thiết bị di động cũng tương tự các trình duyệt dành cho máy tính vì cũng có thể hiển thị nhiều loại thông số HTML5 mặc dù kích thước màn hình nhỏ hơn và chế độ xem mặc định thường là theo màn hình dọc.

Máy tính bảng – Chúng tôi coi máy tính bảng là một loại thiết bị riêng. Vì vậy, khi nói về thiết bị di động, chúng tôi thường không xét đến máy tính bảng. Máy tính bảng thường có màn hình lớn hơn, có nghĩa là nếu bạn không cung cấp nội dung được tối ưu hoá cho máy tính bảng, thì bạn có thể mặc định cho rằng người dùng mong muốn website của bạn có giao diện giống như trên trình duyệt dành cho máy tính chứ không phải dành cho điện thoại thông minh.

Điện thoại đa phương tiện – Đây là điện thoại có trình duyệt có thể hiển thị các trang được mã hoá để đáp ứng tiêu chuẩn XHTML, hỗ trợ Mã đánh dấu HTML5, JavaScript/ECMAScript nhưng có thể không hỗ trợ một số API mở rộng theo tiêu chuẩn HTML5. Đây là đặc điểm thường thấy của trình duyệt trên hầu hết điện thoại hỗ trợ 3G nhưng không phải điện thoại thông minh.

Điện thoại phổ thông – Trên những điện thoại này, trình duyệt không có khả năng kết xuất các website dành cho máy tính thông thường được mã hoá bằng HTML tiêu chuẩn, bao gồm cả các trình duyệt chỉ kết xuất cHTML (iMode), WML và XHTML-MP.

Chọn một chiến lược cho thiết bị di động

Có nhiều cách để giúp website của bạn tương thích với thiết bị di động và Google cũng hỗ trợ nhiều phương pháp triển khai:

– Thiết kế web đáp ứng (Nên dùng).

– Phân phối linh động.

– URL riêng biệt.

Sau khi tạo một website hỗ trợ thiết bị di động, bạn có thể dùng công cụ Kiểm tra tính thân thiện với thiết bị di động do Google cung cấp để xem các trang trên website có đáp ứng tiêu chí để được gắn nhãn là thân thiện với thiết bị di động trên trang kết quả của Google Search hay không. Bạn cũng có thể xem Báo cáo về khả năng sử dụng trên thiết bị di động trong Search Console để khắc phục những vấn đề về khả năng sử dụng trên thiết bị di động đang ảnh hưởng đến website của bạn.

Nếu website của bạn phân phối nhiều nội dung tĩnh (chẳng hạn như bài đăng trên blog hoặc trang đích của sản phẩm) trên nhiều trang, hãy cân nhắc triển khai những nội dung này bằng AMP (Accelerated Mobile Pages). Đó là một tính năng đặc biệt của HTML để đảm bảo website vừa nhanh vừa thân thiện với người dùng và có thể được tăng tốc hơn nữa trên nhiều nền tảng, bao gồm Google Search.

Định cấu hình các website dành cho thiết bị di động để được Index một cách chính xác

Bất kể bạn đã chọn cấu hình nào để thiết lập website dành cho thiết bị di động của mình, hãy lưu ý những điểm quan trọng sau đây:

– Nếu bạn sử dụng tính năng Phân phối linh động hoặc có một website dành riêng cho thiết bị di động, hãy báo cho Google biết khi trang được định dạng cho thiết bị di động (hoặc có trang tương đương được định dạng cho thiết bị di động). Điều này giúp Google cung cấp chính xác nội dung của bạn trong kết quả Google Search trên thiết bị di động.

– Nếu bạn đang sử dụng phương thức Thiết kế web đáp ứng, hãy dùng thẻ meta name="viewport_ để báo cho trình duyệt cách điều chỉnh nội dung. Nếu bạn đang sử dụng phương thức Phân phối linh động, hãy dùng tiêu đề HTTP Vary để thông báo các thay đổi tuỳ theo tác nhân người dùng. Nếu bạn đang sử dụng các URL riêng biệt, hãy thông báo mối quan hệ giữa hai URL bằng cách thêm thẻ link có các phần tử rel=_canonical_ và rel=_alternate_ vào trang.

– Cho phép Google thập dữ liệu các tài nguyên trên trang. Việc chặn các tài nguyên trên trang có thể khiến Google không hiểu đầy đủ về website của bạn. Điều này thường xảy ra khi tệp robots.txt của bạn chặn truy cập vào một số hoặc tất cả tài nguyên trang. Nếu Google không có quyền truy cập vào tài nguyên của trang, chẳng hạn như CSS, JavaScript hoặc hình ảnh, chúng tôi có thể không phát hiện được rằng trang được xây dựng để hiển thị và hoạt động tốt trên trình duyệt dành cho thiết bị di động. Nói cách khác, chúng tôi có thể không phát hiện được một trang có thân thiện với thiết bị di động hay không. Kết quả là chúng tôi không phân phát trang đó theo cách phù hợp cho những người Google Search trên thiết bị di động.

– Tránh những lỗi phổ biến gây phiền toái cho khách truy cập trên thiết bị di động, chẳng hạn như hiển thị những video không thể phát được.

– Nếu cung cấp trải nghiệm không tốt cho người Google Search, trang cho thiết bị di động có thể bị giảm hạng hoặc hiển thị kèm cảnh báo trong kết quả Google Search trên thiết bị di động. Trải nghiệm không tốt bao gồm nhưng không giới hạn ở việc quảng cáo xen kẽ hiển thị toàn trang trên thiết bị di động, gây cản trở trải nghiệm người dùng.

– Cung cấp đầy đủ chức năng trên mọi thiết bị. Người dùng thiết bị di động mong muốn thiết bị của họ nhận được cùng nội dung và chức năng (chẳng hạn như đăng bình luận và thanh toán) như trên mọi thiết bị khác mà website của bạn hỗ trợ. Ngoài nội dung văn bản, hãy đảm bảo rằng mọi hình ảnh và video quan trọng đều được nhúng và có thể truy cập được trên thiết bị di động. Đối với các công cụ tìm kiếm, hãy cung cấp toàn bộ dữ liệu có cấu trúc và siêu dữ liệu khác – chẳng hạn như tiêu đề, đoạn mô tả, yếu tố liên kết và các thẻ meta khác – trên mọi phiên bản của trang.

– Đảm bảo dữ liệu có cấu trúc, hình ảnh, video và siêu dữ liệu mà bạn có trên website dành cho máy tính cũng có mặt trên website dành cho thiết bị di động.

Các phương pháp hay nhất

– Kiểm tra các trang cho thiết bị di động bằng công cụ Kiểm tra tính thân thiện với thiết bị di động để xem liệu Google có cho rằng website của bạn hoạt động tốt trên thiết bị di động hay không.

– Nếu bạn dùng URL riêng cho các trang trên thiết bị di động, hãy nhớ kiểm tra URL của cả phiên bản dành cho thiết bị di động và phiên bản dành cho máy tính để chắc chắn rằng Google có thể nhận dạng và thu thập được những dữ liệu được chuyển hướng.

– Để tìm hiểu thêm, hãy xem hướng dẫn của Google về tính thân thiện với thiết bị di động.