Cách sử dụng Rich Snippets trong WordPress

Tác giả sysadmin, T.M.Hai 05, 2022, 03:50:32 CHIỀU

« Chủ đề trước - Chủ đề tiếp »

0 Thành viên và 2 Khách đang xem chủ đề.

Cách sử dụng Rich Snippets trong WordPress


Bạn có muốn thêm đoạn mã phong phú trên trang web WordPress của mình không?

Đoạn trích phong phú cho phép bạn có danh sách tìm kiếm tùy chỉnh cho nội dung đặc biệt, chẳng hạn như đánh giá, công thức nấu ăn, sự kiện, v.v. Những danh sách tìm kiếm này sẽ nổi bật và giúp có thêm lưu lượng truy cập vào trang web của bạn.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách thêm đoạn trích phong phú vào trang web WordPress của bạn, từng bước một.

1. Tại sao nên sử dụng Rich Snippets trên trang web WordPress của bạn?

Đoạn mã chi tiết sử dụng cái được gọi là đánh dấu lược đồ để cung cấp thêm thông tin về nội dung của bạn cho các công cụ tìm kiếm.

Các bot của công cụ tìm kiếm sử dụng dữ liệu này để hiển thị thông tin bổ sung về các bài đăng và trang của bạn trong kết quả tìm kiếm.


Điều này giúp làm cho các bài đăng và trang của bạn nổi bật hơn trong kết quả tìm kiếm, điều này có thể cải thiện tỷ lệ nhấp không phải trả tiền của bạn và giúp bạn tăng lưu lượng truy cập blog của mình.

Nó cũng giúp bạn xây dựng uy tín trong thị trường ngách của mình, vì trang web của bạn sẽ hiển thị nhiều hơn trong tìm kiếm.

Đoạn trích phong phú không chỉ dành cho các trang web đánh giá hoặc công thức nấu ăn. Bạn có thể sử dụng đoạn trích phong phú cho các sự kiện, sản phẩm, con người, video, âm nhạc, ứng dụng, bài viết, bài đăng trên blog, v.v.

Lưu ý: Điều quan trọng cần biết là việc thêm đánh dấu lược đồ vào trang web của bạn không đảm bảo rằng Google sẽ hiển thị nó. Google có thể chọn không cho một số tìm kiếm. Tuy nhiên, việc thêm đánh dấu lược đồ sẽ giúp Google hiểu nội dung của bạn và giúp nội dung đó có nhiều khả năng hiển thị các đoạn mã chi tiết hơn.

Điều đó đang được nói, hãy chỉ cho bạn cách thêm đoạn mã chi tiết vào WordPress. Chỉ cần sử dụng các liên kết nhanh bên dưới để chuyển thẳng đến phương pháp bạn muốn sử dụng.

  • Thêm đoạn trích phong phú trong WordPress bằng plugin WordPress (Được khuyến nghị)
  • Thêm đoạn trích phong phú trong WordPress bằng cách thêm mã vào WordPress

2. Phương pháp 1. Thêm Rich Snippets trong WordPress bằng Plugin WordPress

Cách dễ nhất để thêm đoạn trích phong phú vào WordPress là sử dụng plugin AIOSEO. Đây là plugin WordPress SEO tốt nhất trên thị trường, được hơn 3 triệu trang web sử dụng. 


Nó giúp bạn dễ dàng tối ưu hóa trang web của mình cho các công cụ tìm kiếm mà không cần thuê chuyên gia SEO. Ngoài ra, bạn có thể thiết lập đoạn trích phong phú trên trang web của mình chỉ bằng một vài cú nhấp chuột.

Lưu ý: Bạn sẽ cần phiên bản chuyên nghiệp của AIOSEO vì phiên bản này bao gồm chức năng đánh dấu lược đồ và các tính năng khác như sơ đồ trang web XML, trình quản lý chuyển hướng, v.v. Có một phiên bản plugin miễn phí mà bạn có thể sử dụng để bắt đầu. 

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin AIOSEO. Để biết thêm chi tiết, hãy xem hướng dẫn dành cho người mới bắt đầu của chúng tôi về cách cài đặt plugin WordPress.

Sau khi kích hoạt, bạn sẽ ngay lập tức được đưa đến trình hướng dẫn thiết lập AIOSEO. Bạn cần nhấp vào nút 'Hãy bắt đầu'. 


Nếu trình hướng dẫn thiết lập không hiển thị ngay lập tức, thì chỉ cần truy cập SEO Tất cả trong một » Bảng điều khiển.

Từ đây, bạn có thể nhấp vào nút 'Khởi chạy Trình hướng dẫn Cài đặt'. Điều này sẽ hướng dẫn bạn các bước thiết lập plugin cho trang web của bạn. 


Khi xem qua trình hướng dẫn thiết lập, bạn sẽ cần kích hoạt phần bổ trợ 'Đoạn mã chi tiết nâng cao + Đánh dấu lược đồ'.

Chỉ cần chọn hộp để nó chuyển sang màu xanh lam, sau đó nhấp vào nút 'Lưu và Tiếp tục'.


Trên màn hình cuối cùng, bạn cần nhập mã cấp phép của mình rồi nhấp vào nút 'Kết nối'.

Bạn có thể tìm thấy thông tin này dưới trang tài khoản của mình trên trang web AIOSEO. 


Để biết thêm chi tiết, hãy xem hướng dẫn cơ bản của chúng tôi về cách thiết lập AIOSEO cho WordPress một cách chính xác.

Sau đó, bạn có thể truy cập AIOSEO » Giao diện tìm kiếm trong bảng quản trị WordPress của mình, sau đó nhấp vào tab 'Loại nội dung'.


Sau đó, bạn có thể đặt loại đánh dấu lược đồ cho các bài đăng và trang của mình.

Chỉ cần nhấp vào tùy chọn trình đơn 'Đánh dấu lược đồ', sau đó bạn có thể chọn loại lược đồ từ trình đơn thả xuống.

Bạn sẽ có thể thấy các loại nội dung khác nhau mà bạn có thể tạo bằng plugin. Danh sách bao gồm:

  • Khóa học
  • Sản phẩm
  • Công thức
  • Phần mềm/Ứng dụng
  • Câu hỏi thường gặp
  • Trang web
  • Hồ sơ
  • Bài báo

Nhấp vào bất kỳ loại nội dung nào sẽ hiển thị cho bạn các trường sẽ có sẵn.


Các cài đặt này sẽ là cài đặt mặc định khi bạn thêm một bài đăng blog mới. Tuy nhiên, bạn cũng có thể thay đổi những điều này trên cơ sở bài đăng cá nhân.

Bên dưới đánh dấu lược đồ bài đăng, bạn cũng có thể kiểm soát lược đồ mặc định cho các trang của mình.

Chỉ cần chọn 'Loại lược đồ' từ trình đơn thả xuống. Sau đó, bạn sẽ có các tùy chọn bổ sung cho loại giản đồ bạn chọn.


Sau khi bạn thực hiện xong các thay đổi, hãy nhấp vào nút 'Lưu Thay đổi' trước khi bạn rời khỏi trang. 

Giờ đây, bạn có thể thêm thông tin lược đồ vào các bài đăng và trang riêng lẻ của mình để chúng sẽ hiển thị với các đoạn mã chi tiết độc đáo trong kết quả tìm kiếm.

Để làm điều này, chỉ cần mở một bài đăng trên blog và cuộn xuống bên dưới trình chỉnh sửa bài đăng. Tại đây, bạn sẽ thấy một hộp meta có tên 'Cài đặt AIOSEO'.

Bạn cần nhấp vào tab 'Lược đồ' và sau đó nhấp vào nút 'Tạo lược đồ'.


Thao tác này sẽ mở ra Danh mục lược đồ. Chỉ cần nhấp vào nút 'Thêm lược đồ' bên cạnh loại lược đồ bạn muốn thêm.


Bây giờ, sẽ có các trường khác nhau để điền vào, dựa trên tùy chọn bạn chọn. Ví dụ: loại lược đồ 'Phần mềm' bao gồm các trường cho tên, hệ điều hành, giá, mô tả, đánh giá, v.v.


Khi bạn đã hoàn tất, hãy nhấp vào nút 'Thêm lược đồ'. Đừng quên nhấp vào 'Cập nhật' hoặc 'Xuất bản' trên bài đăng để lưu các thay đổi của bạn.


Việc thêm đánh dấu lược đồ vào các trang WordPress riêng lẻ cũng tương tự. Bạn cần mở trang bạn muốn chỉnh sửa, sau đó cuộn xuống hộp meta 'Cài đặt AIOSEO' bên dưới trình chỉnh sửa trang.

Sau đó, nhấp vào tùy chọn menu 'Lược đồ', nhấp vào nút 'Tạo lược đồ' và chọn loại lược đồ trang của bạn từ Danh mục lược đồ.


Các tùy chọn khác nhau sẽ xuất hiện tùy thuộc vào loại lược đồ bạn chọn. 

Giống như trên, khi hoàn tất, bạn cần nhấp vào nút 'Thêm giản đồ' và nhấn 'Cập nhật' hoặc 'Xuất bản' trên trang để thực hiện các thay đổi của mình. 

Việc thêm thông tin đoạn mã chi tiết sẽ không tạo ra sự khác biệt ở mặt trước của blog WordPress của bạn. Tuy nhiên, bạn sẽ cung cấp cho bot công cụ tìm kiếm dữ liệu bổ sung để hiển thị cùng với các bài đăng và trang của bạn trong kết quả tìm kiếm. 

3. Phương pháp 2. Thêm Rich Snippets bằng cách thêm mã vào WordPress

Một cách khác để thêm đoạn trích phong phú vào WordPress là thêm mã vào WordPress. Nếu bạn chưa làm điều này trước đây, hãy xem hướng dẫn của chúng tôi về cách sao chép và dán mã trong WordPress.

Có thể viết đoạn mã phong phú hoặc đánh dấu dữ liệu có cấu trúc vào ba từ vựng khác nhau. Những từ vựng này là vi dữ liệu, RDFa và JSON-LD. Bạn có thể sử dụng bất kỳ trong số họ trên trang web của bạn. Tuy nhiên, hầu hết những người mới bắt đầu thấy RDFa thân thiện với người mới bắt đầu hơn.

Đây là một ví dụ về trang giới thiệu của người dùng trong WordPress. Thông thường văn bản của trang sẽ giống như thế này:
   
Mã nguồn [Chọn]
John Smith
<img src="johnsmith.jpg" alt="Photo of John Smith"/>
Support Technician
342 Acme Inc.
101 Washington Avenue
Eagleton IN 98052
(425) 123-4567
<a href="mailto:[email protected]">[email protected]</a>
Website:
<a href="http://www.example.com">example.com</a>

Điều này có thể dễ dàng chuyển đổi với các đoạn trích phong phú.

Nếu bạn đã quen thuộc với HTML, thì bạn có thể dễ dàng hiểu được ví dụ sau:
   
Mã nguồn [Chọn]
<div vocab="http://schema.org/" typeof="Person">
  <span property="name">John Smith</span>
  <img src="johnsmith.jpg" property="image" alt="Photo of John Smith"/>
  <span property="jobTitle">Support Technician</span>
  <div property="address"  typeof="PostalAddress">
    <span property="streetAddress">
      342 Acme Inc.
      101 Washington Avenue
    </span>
    <span property="addressLocality">Eagleton</span>,
    <span property="addressRegion">IN</span>
    <span property="postalCode">46818</span>
  </div>
  <span property="telephone">(425) 123-4567</span>
  <a href="mailto:[email protected]" property="email">[email protected]</a>
Website
  <a href="http://example.com" property="url">example.com</a>
</div>

Đối với mỗi loại nội dung, có một số thuộc tính đặc biệt cần được xác định.

  Đăng nhập để xem liên kết là tổ chức giúp duy trì tiêu chuẩn cho các loại nội dung khác nhau. Bạn sẽ tìm thấy tài liệu phong phú với các ví dụ cho từng loại nội dung lược đồ trên trang web của họ.

Đây là một ví dụ khác về công thức có đoạn mã phong phú.
   
Mã nguồn [Chọn]
<div vocab="http://schema.org/" typeof="Recipe">
  <span property="name">Mom's World Famous Banana Bread</span>
  By <span property="author">John Smith</span>,
    <img property="image" src="bananabread.jpg"
    alt="Banana bread on a plate" />
  <span property="description">This classic banana bread recipe comes
  from my mom -- the walnuts add a nice texture and flavor to the banana
  bread.</span>
  Prep Time: <meta property="prepTime" content="PT15M">15 minutes
  Cook time: <meta property="cookTime" content="PT1H">1 hour
  Yield: <span property="recipeYield">1 loaf</span>
  Ingredients:
  - <span property="recipeIngredient">3 or 4 ripe bananas, smashed</span>
  - <span property="recipeIngredient">1 egg</span>
  - <span property="recipeIngredient">3/4 cup of sugar</span>
  ...
  Instructions:
  <span property="recipeInstructions">
  Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add
  the flour last. Pour the mixture into a loaf pan and bake for one hour.
  </span>
</div>

Nếu bạn đang thêm các đoạn mã chi tiết vào các bài đăng WordPress của mình theo cách thủ công, thì bạn sẽ cần thêm HTML vào WordPress theo cách thủ công. Để biết thêm chi tiết, hãy xem hướng dẫn dành cho người mới bắt đầu của chúng tôi về cách chỉnh sửa HTML trong trình chỉnh sửa mã WordPress.

Bạn cũng có thể cần tham khảo Tài nguyên dành cho nhà phát triển của Google về dữ liệu có cấu trúc để hiểu những thuộc tính nào được yêu cầu cho từng loại nội dung.

Nếu bạn đang thêm đoạn mã chi tiết theo cách thủ công thì bạn sẽ muốn đảm bảo rằng bạn đã thêm dữ liệu có cấu trúc vào trang web WordPress của mình đúng cách.

Để kiểm tra đoạn trích chi tiết của bạn, chỉ cần truy cập Công cụ kiểm tra dữ liệu có cấu trúc của Google. Sau đó, có hai thử nghiệm khác nhau mà bạn có thể chạy để kiểm tra dữ liệu có cấu trúc của mình.

Trước tiên, hãy nhấp vào nút "Chuyển đến Kiểm tra kết quả nhiều định dạng". Thao tác này sẽ xem những kết quả nhiều định dạng nào có thể được tạo cho trang của bạn.


Sau đó, nhập trang của bạn hoặc đăng URL vào hộp.

Tiếp theo, nhấp vào nút 'Kiểm tra URL'.


Thao tác này sẽ tự động tạo báo cáo để xem tính năng kết quả nhiều định dạng nào có thể xuất hiện khi trang hoặc bài đăng đó được liệt kê trong kết quả tìm kiếm.

Nó sẽ cung cấp cho bạn bất kỳ lỗi hoặc cảnh báo nào để bạn có thể cải thiện dữ liệu có cấu trúc của mình. Bạn có thể nhấp vào mũi tên thả xuống bên cạnh bất kỳ cảnh báo nào và bạn sẽ nhận được hướng dẫn chi tiết về cách khắc phục.


Tiếp theo, bạn có thể kiểm tra đánh dấu lược đồ của mình bằng cách quay lại trang Công cụ kiểm tra dữ liệu có cấu trúc của Google.

Sau đó, nhấp vào nút 'Chuyển đến Trình xác thực đánh dấu lược đồ'.


Tiếp theo, nhập URL hoặc đoạn mã của bạn vào cửa sổ bật lên "Kiểm tra dữ liệu có cấu trúc của bạn".

Sau đó, nhấp vào nút 'Chạy thử nghiệm'.


Công cụ sẽ tự động phân tích mã của bạn để xem có lỗi nào không.

Bạn sẽ muốn thấy 0 lỗi ở phía bên tay phải của trang.


Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách sử dụng đoạn trích phong phú trên trang web WordPress của mình. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách chọn công ty đăng ký tên miền tốt nhất và chuyên gia của chúng tôi chọn phần mềm chatbot AI tốt nhất cho trang web của bạn.