Hướng dẫn cho người mới bắt đầu: Cách sử dụng Rich Snippets trong WordPress

Nội dung bài viết

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

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

Đoạn mã chi tiết 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. Dữ liệu có cấu trúc cho phép các công cụ tìm kiếm xem các loại nội dung khác nhau trên trang web của bạn và sử dụng các đoạn mã chi tiết để hiển thị thông tin bổ sung trong kết quả tìm kiếm.

A recipe in search results with rich snippets data

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 tìm kiếm, có nghĩa là nhiều lưu lượng truy cập không phải trả tiền cho trang web của bạn.

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

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

Bây giờ bạn đã biết rich snippets có thể có lợi như thế nào, hãy cùng xem cách thêm rich snippets trong WordPress.

Chúng tôi sẽ hiển thị hai phương pháp: thêm rich snippets trong WordPress theo cách thủ công cũng như sử dụng plugin rich snippets WordPress.

Thêm Rich Snippets trong WordPress bằng Plugin

Việc duy trì các đoạn mã chi tiết theo cách thủ công có thể khó khăn ngay cả đối với những chủ sở hữu trang web có kinh nghiệm nhất. May mắn thay, có một số plugin WordPress sẽ giúp bạn cực kỳ dễ dàng thêm các đoạn mã chi tiết vào các bài đăng WordPress của mình.

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

All in One Schema.org supported content types

Bạn sẽ có thể xem 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:

  • Đánh giá mặt hàng
  • Sự kiện
  • Người
  • Sản phẩm
  • Công thức
  • SoftwareApp
  • Video
  • 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 khi người dùng đang viết một bài đăng / trang hoặc bất kỳ loại bài đăng tùy chỉnh nào.

Bây giờ bạn cần tạo một bài mới hoặc chỉnh sửa một bài hiện có. Ngay bên dưới trình chỉnh sửa bài đăng, bạn sẽ thấy một hộp meta mới có nhãn Định cấu hình đoạn mã chi tiết. Bên trong, bạn sẽ thấy một menu thả xuống, nơi bạn có thể chọn loại nội dung cho bài đăng mà bạn đang làm việc.

Choose a content type to add rich snippets to a WordPress post

Việc chọn loại nội dung sẽ hiển thị các trường đoạn mã chi tiết bạn cần điền. Trong ảnh chụp màn hình bên dưới, chúng tôi đã chọn loại nội dung bài viết và nó hiển thị cho chúng tôi các trường tên bài viết, tác giả, mô tả ngắn và hình ảnh bài viết.

Rich snippets for article content type

Bạn có thể thay đổi nó thành công thức, sự kiện hoặc bất kỳ loại nội dung nào bạn đang tạo và sau đó điền vào các trường. Bạn không bắt buộc phải thêm tất cả các trường nhưng một số trường được yêu cầu bởi Google để hiển thị đoạn mã chi tiết.

Đừng quên lưu bài đăng của bạn để lưu trữ dữ liệu rich snippets.

Thêm các đoạn mã phong phú theo cách thủ công trong WordPress

Đoạn mã chi tiết hoặc đánh dấu dữ liệu có cấu trúc có thể được viết thành ba từ vựng khác nhau. Các từ vựng này là vi dữ liệu, RDFa và JSON-LD. Bạn có thể sử dụng bất kỳ cái nào trong số chúng trên trang web của mình. Tuy nhiên, hầu hết 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ẽ trông giống như sau:

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>

Điều này có thể được chuyển đổi dễ dàng với các đoạn mã chi tiết. Nếu bạn đã quen với HTML, thì bạn có thể dễ dàng hiểu được ví dụ sau:

<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>

Đố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. Schema.org 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 trên trang web của họ.

Đây là một ví dụ khác về công thức nấu ăn với các đoạn mã chi tiết.

<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 sử dụng Trình chỉnh sửa văn bản để có thể viết đánh dấu cần thiết. 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 là bắt buộc đối với một loại nội dung.

Kiểm tra các đoạn mã phong phú của bạn

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

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 . Bạn có thể dán đánh dấu của mình vào hộp công cụ hoặc nhấp vào liên kết Tìm nạp URL để nhập URL. Nhấp vào nút Xác thực và công cụ sẽ xem xét đánh dấu của bạn.

Testing your rich snippet markup

Chúng tôi hy vọng bài viết này đã giúp bạn học cách sử dụng đoạn mã chi tiết trên trang web WordPress của mình. Bạn cũng có thể muốn xem danh sách của chúng tôi về 9 plugin và công cụ SEO WordPress tốt nhất mà bạn nên sử dụng.

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên TwitterFacebook .

Chia sẻ để ủng hộ ad nhé
Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
0 0 Đánh giá
Xếp hạng bài viết
Đăng ký
Thông báo về
guest
0 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận
0
Để lại ý kiến của bạnx
()
x
error: Cảnh báo: Không có quyền !!