Làm thế nào để sử dụng Rich Snippets trong WordPress

Bạn có muốn thêm rich snippet trên trang web WordPress của bạn hay không? Bạn không biết chắc rich snippets là gì, và tại sao bạn nên sử dụng nó trên trang web WordPress của mình? Rich snippets cho phép bạn có được danh sách tìm kiếm tùy chỉnh với nội dung đặc biệt như bài đánh giá, công thức nấu ăn, sự kiện, vv Trong bài viết này, chúng tôi sẽ cho bạn thấy làm thế nào để sử dụng rich snippet trên trang web WordPress của bạn.

Tại sao nên sử dụng Rich Snippets trên trang  WordPress ?

Rich snippets cung cấp cho chủ sở hữu trang web một cách khác để giao tiếp với các công cụ tìm kiếm. Cấu trúc dữ liệu cho phép công cụ tìm kiếm xem các kiểu nội dung khác nhau trên trang web của bạn, và sử dụng các rich snippet để hiển thị thêm thông tin trong các kết quả tìm kiếm.

Thông tin bổ sung này trong kết quả tìm kiếm làm cho danh sách của bạn đáng chú ý hơn trong việc tìm kiếm, có nghĩa là lượng truy cập vào trang web của bạn cũng nhiều hơn.

Nó cũng giúp bạn xây dựng cấu trúc trong niche, bởi vì trang web của bạn trở nên rõ ràng, dễ nhìn thấy hơn trong việc tìm kiếm.

Rich Snippet không chỉ dành cho các bài review hoặc công thức nấu ăn. Bạn có thể sử dụng các rich snippets cho các sự kiện, sản phẩm, người, video, nhạc, ứng dụng, bài viết, bài viết blog, vv

Bây giờ bạn đã biết rằng các rich snippet có ích như thế nào rồi chứ, chúng ta hãy cùng xem làm thế nào để thêm các rich snippet trong WordPress nhé.

Chúng tôi sẽ cho bạn thấy hai phương pháp: thêm các rich snippet trong WordPress một cách thủ công và sử dụng một rich snippets WordPress plugin.

Thêm Rich Snippets trong WordPress bằng cách sử dụng một Plugin

Duy trì các rich snippets một cách thủ công có thể rất khó khăn ngay cả đối với các chủ sở hữu trang web có kinh nghiệm nhất. May mắn là, có một số plugin WordPress mà sẽ làm cho việc thêm rich snippets trong bài viết WordPress của bạn trở nên siêu dễ dàng.

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt All In One Schema.org Rich Snippets plugin. Sau khi kích hoạt chỉ cần nhấp vào biểu tượng Rich Snippets trong menu ở thanh bên để tiếp tục.

Bạn sẽ có thể để nhìn thấy các loại nội dung khác nhau mà bạn có thể tạo ra với các plugin. Danh sách này bao gồm:

• Item Review
• Events
• Person
• Product
• Recipe
• SoftwareApp
• Video
• Article

Nhấp vào bất kỳ loại nội dung nào, nó sẽ hiển thị cho bạn những lĩnh vực mà sẽ có sẵn khi người dùng đang viết một bài / trang hoặc bất kỳ loại bài nào khác.

Bây giờ bạn cần phải tạo một bài mới hoặc chỉnh sửa bài viết có sẵn. Ngay dưới bài soạn thảo, một hộp meta mới có tên “Configure Rich Snippets“. Bên trong, bạn sẽ thấy một dropdown menu, nơi bạn có thể chọn loại nội dung cho bài viết mà bạn đang làm việc.

Hãy lựa chọn một kiểu nội dung bạn muốn hiển thị rich snippet. Trong hình bên dưới, chúng tôi lựa chọn loại nội dung là article, và nó cho chúng ta thấy tên bài viết, tác giả, mô tả ngắn, và các hình ảnh bài viết.

Bạn có thể thay đổi thành công thức, sự kiện, hoặc bất cứ kiểu nội dung bạn đang tạo ra và sau đó điền vào các trường. Bạn không cần phải thêm vào tất cả các lĩnh vực nhưng một số các lĩnh vực được yêu cầu bởi Google khi hiển thị các rich snippets.

Đừng quên lưu bài viết của bạn để lưu lại cài đặt rich snippets

Thêm Rich snippets bằng cách thủ công trong WordPress

Rich snippets hay markup dữ liệu cấu trúc có thể được viết thành ba định dạng khác nhau. Như là microdata, RDFa và JSON-LD. Bạn có thể sử dụng bất kỳ loại nào trên trang web của bạn. Tuy nhiên, hầu hết người mới bắt đầu đều nhận thấy RDFa thân thiện hơn.

Dưới đây là một ví dụ về trang giới thiệu trong WordPress. Thông thường, nội dung của trang sẽ giống như thế này:

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:johnsmith@example.com">johnsmith@example.com</a>
Website: 
<a href="http://www.example.com">example.com</a>

Bạn có thể dễ dàng thay đổi và tùy biến Snippet nếu bạn là một người sử dụng HTML thành thạo. Như ví dụ dưới đây:

<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:johnsmith@example.com" property="email">johnsmith@example.com</a>
Website
  <a href="http://example.com" property="url">example.com</a>
</div>

Nếu bạn đang tự thêm các rich snippets vào bài viết WordPress của bạn, sau đó bạn sẽ cần phải sử dụng Text editor để có thể markup theo yêu cầu. Bạn cũng có thể cần phải tham khảo Google’s Developer resource on structured data để hiểu được các tính chất cần thiết cho một loại nội dung nào đó.

Với mỗi loại nội dung, sẽ cần một vài biến đặc biệt để khai báo. Schema.org là website giúp tra cứu và xác thực các chuẩn cho mỗi loại nội dung đó. Bạn sẽ phải tìm hiểu tài liệu cho mỗi loại nội dung trên trang web của họ

Dưới đây là một ví dụ về rich snippet của công thức nấu ă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>

Kiểm tra Rich snippets của bạn

Google và các bộ máy tìm kiếm khác có thể không ngay lập tức nhận các rich snippets của bạn hoặc hiển thị trong kết quả tìm kiếm. Làm thế nào để bạn biết rằng bạn đang sử dụng các rich snippets một cách chính xác trên trang web của bạn?

Tất cả những gì bạn cần làm là truy cập vào Google’s Structured Data Testing Tool. Bạn có thể dán markup của bạn trong hộp công cụ hoặc nhấp vào liên kết URL Fetch để nhập một URL. Nhấn vào nút Validate và công cụ sẽ xem xét markup của bạn.

Hy vọng rằng bài viết này sẽ giúp bạn tìm hiểu làm thế nào để sử dụng các rich snippets trên trang web WordPress của bạn. Các bạn có thể tham khảo thêm bài viết cách sử dụng shortcode tong widget sidebar wordpress.