Trong bài dữ liệu có cấu trúc là gì mình đã chia sẻ với các bạn một số khái niệm cơ bản về dữ liệu có cấu trúc cũng như một số loại cấu trúc. Ở bài viết này mình sẽ hướng dẫn các bạn cụ thể hơn đó là đưa dữ liệu có cấu trúc vào Website chạy WordPress. Trước khi chúng ta bắt đầu thêm dữ liệu có cấu trúc vào wordpress ta cùng tìm hiểu lại về lợi ích trong SEO của Microdata Schema nhé.

Cách thêm dữ liệu có cấu trúc Schema.org vào website wordpress
Cách thêm dữ liệu có cấu trúc Schema.org vào website wordpress

Lợi ích của Schema.org Microdata là gì?

Về lợi ích thì như tại bài Dữ liệu có cấu trúc là gì mình cũng đã có nhắc qua. Cụ thể nó có những cái lợi như sau:

  • Dữ liệu có cấu trúc giúp các Search Engine dễ phân loại hơn, điều đó cũng sẽ ảnh hưởng đến thứ hạng từ khóa của bạn. Điều này cũng như là một yếu tố trong SEO Onpage.

Cách thêm dữ liệu có cấu trúc vào Website WordPress

Hiện tại các plugin hỗ trợ chèn dữ liệu có cấu trúc vào website WordPress rất nhiều nhưng chưa hẳn là đầy đủ. Dưới đây mình sẽ chia sẻ cùng các bạn cách chèn dữ liệu có cấu trúc vào website wordpress nhé. Những cái này mình chưa thấy có plugin nào hỗ trợ cả , nếu có thì chỉ một số theme khi thiết kế thì người thiết kế đã tích hợp sẵn thôi. Đầu tiên chúng ta sẽ vào WordPress Admin và lần lượt sửa các file dưới đây:

  1. Header.php
  2. Index.php
  3. Single.php
  4. Page.php
  5. Footer.php
  6. Sidebar.php

Lưu ý trước khi chỉnh sửa Theme

  1. Các bạn hãy backup lại 1 bản dự phòng của template phòng khi sửa chữa nếu làm sai bước nào đó có thể phục hồi lại được.
  2. Những thay đổi bên trên được thực hiện trên cấu trúc HTML5 và template mặc định .
  3. Mỗi một giao diện có một cấu trúc file khác nhau vì vậy các bạn nên cân nhắc trước khi sửa.
  4. Bạn có thể kiểm tra từng bước một bằng công cụ kiểm tra dữ liệu có cấu trúc của google tại đây: http://www.google.com/webmasters/tools/richsnippets

Chỉnh sửa file header.php (Header Template)

Đầu tiên các bạn mở file header.php của bạn từ trình soạn thảo wordpress hoặc các ứng dụng FTP. Sau đó thực hiện các thay đổi sau:

  1. Các bạn tìm đến dòng:
    <body <?php body_class(); ?>>

    Tiếp đến chúng ta sẽ thay thế vào đoạn code bên trên thành đoạn code dưới đây:

    <body <?php body_class(); ?> itemscope="itemscope" itemtype="http://schema.org/WebPage">
  2. Tiếp theo các bạn tìm đến dòng:
    <header id="masthead" class="site-header" role="banner">

    Thay thế bằng đoạn code sau:

    <header id="masthead" class="site-header" itemscope="itemscope" itemtype="http://schema.org/WPHeader" role="banner">
  3. Sau khi làm các bước trên bạn tìm tiếp dòng code như sau:
    <h1 class="site-title">

    Ta sẽ thay thế bằng:

    <h1 class="site-title" itemprop="headline">
  4. Sau đó ta tìm tiếp đến site description của header:
    <h2 class="site-description">

    Thay thế bằng:

    <h2 class="site-description" itemprop="description">
  5. Tìm tiếp dòng code:
    <nav id="site-navigation" class="main-navigation" role="navigation">

    Và thay thế bằng:

    <nav id="site-navigation" class="main-navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement" role="navigation">

Chỉnh sửa index.php (Template Trang chủ)

Các bạn tìm đến file index.php trong Theme của WordPress và chỉnh sửa những dòng dưới đây:

  1. Đầu tiên chúng ta tìm dòng code main của:
    <main id="main" class="site-main" role="main">

    Thay thế bằng:

    <main id="main" class="site-main" role="main" itemprop="mainContentOfPage" itemscope="itemscope" itemtype="http://schema.org/Blog">
  2. Tiếp theo các bạn tìm đến dòng Article:
    <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

    Thay thế bằng:

    <article id="post-<?php the_ID(); ?>" <?php post_class(); ?> itemscope="itemscope" itemtype="http://schema.org/BlogPosting" itemprop="blogPost">
  3. Sau đó bạn tìm tiếp:
    <h2 class="entry-title">

    Sau đó thay thế bằng:

    <h2 class="entry-title" itemprop="headline">
  4. Tiếp đến ta sẽ tìm thẻ div thumbline của hình ảnh
    <div class="entry-thumb">

    Thay thế bằng:

    <div class="entry-thumb" itemprop="image">
  5. Sau đó đến dòng code thời gian đăng bài:
    <time class="entry-time published" datetime="<?php the _time('c'); ?>>

    Thay thế bằng:

    <time class="entry-time published" datetime="<?php the _time('c'); ?>" itemprop="datePublished">
  6. Tiếp đến là người đăng bài:
    <span class="author-link">

    Thay thế bằng:

    <span class="author-link" itemscope="itemscope" itemtype="http://schema.org/Person" itemprop="author">
  7. Tìm tiếp:
    <span class="author vcard">

    Thay thế bằng:

    <span class="author vcard" itemprop="name">
  8. Sau đó ta tìm đến dòng code:
    <div class="entry-summary">

    Thay thế bằng dòng code sau:

    <div class="entry-summary" itemprop="text">
  9. Tìm đến thẻ div entry content:
    <div class="entry-content">

    Thay thế bằng:

    <div class="entry-content" itemprop="text">

Chỉnh sửa single.php (Post Template)

Các bạn tìm đến file single.php và  sửa lại như sau:

  1. Đầu tiên các bạn tìm đến dòng code main:
    <main id="main" class="site-main" role="main">

    Sau đó thay thế bằng:

    <main id="main" class="site-main" role="main" itemprop="mainContentOfPage" itemscope="itemscope" itemtype="http://schema.org/Blog">
  2. Tiếp theo ta tìm:
    <h1 class="entry-title">

    Thay thế bằng:

    <h1 class="entry-title" itemprop="headline">
  3. Tìm:
    <div class="entry-content">

    Thay thế bằng:

    <div class="entry-content" itemprop="text">
  4. Tìm:
    <time class="posted-on published" datetime="<?php the _time('c'); ?>>

    Thay thế bằng:

    <time class="posted-on published" datetime="<?php the _time('c'); ?>" itemprop="datePublished">
  5. Tìm:
    <span class="author-link">

    Thay thế bằng:

    <span class="author-link" itemscope="itemscope" itemtype="http://schema.org/Person" itemprop="author">
  6. Tìm:
    <span class="author vcard">

    Thay thế bằng:

    <span class="author vcard" itemprop="name">
  7. Tìm:
    <div class="entry-thumb"

    Thay thế bằng:

    <div class="entry-thumb" itemprop="image">
  8. Tìm:
    <div class="entry-content">

    Thay thế bằng:

    <div class="entry-content" itemprop="text">

Chỉnh sửa file page.php

Các bạn tìm đến file page.php chỉnh sửa như sau:

  1. Tìm:
    <main id="main" class="site-main" role="main">

    Thay thế bằng:

    <main id="main" class="site-main" role="main" itemprop="mainContentOfPage" itemscope="itemscope" itemtype="http://schema.org/Blog">
  2. Tìm:
    <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

    Thay thế bằng:

    <article id="post-<?php the_ID(); ?>" <?php post_class(); ?> itemscope="itemscope" itemtype="http://schema.org/BlogPosting" itemprop="blogPost">
  3. Tìm:
    <h1 class="entry-title">

    Thay thế bằng:

    <h1 class="entry-title" itemprop="headline">
  4. Tìm:
    <div class="entry-content">

    Thay thế bằng:

    <div class="entry-content" itemprop="text">

Chỉnh sửa file footer.php (Footer Template)

Các bạn tìm đến footer.php thay đổi những dòng này như sau:

  1. Tìm:
    footer id="colophon" class="site-footer" role="contentinfo">

    Thay thế bằng:

    <footer id="colophon" class="site-footer" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter">

Chỉnh sửa sidebar.php (Sidebar Template)

Mở file sitebar.php của bạn và thay đổi dòng này:

  1. Tìm:
    <div id="secondary" class="widget-area" role="complementary">

    Thay thế bằng:

    <div id="secondary" class="widget-area" role="complementary" itemscope="itemscope" itemtype="http://schema.org/WPSideBar">

Một số plugin hỗ trợ dữ liệu có cấu trúc

Dưới đây là một số plugin hỗ trợ dữ liệu có cấu trúc, mình cũng sẽ liệt kê ra những plugin mình đang sài cho các bạn tham khảo Một số plugin mình đang dùng:

  1. RDFa Breadcrumb
  2. kk Star Ratings

Một số plugin mình tham khảo trên mạng:

  1. All In One Schema.org Rich Snippets
  2. Easy Recipe by The Orgasmic Chef
  3. Micro Anywhere

Lời kết

Từ những hướng dẫn bên trên, chúc các bạn có thể chèn được những dữ liệu có cấu trúc cho website của mình cũng như hiểu thêm về dữ liệu có cấu trúc trong SEO. Bài viết này mình có tham khảo tài liệu từ một số website nước ngoài và viết lại những nội dung có ích cho mọi người tham khảo. Chúc mọi người thành công.

Bài viết “Hướng dẫn thêm dữ liệu có cấu trúc Schema.org trên WordPress”
Tác giả: Trần Hiệp – DoiSEO.Com Email: hieptd@doiseo.com
Vui lòng để lại nguồn https://www.tranhiep.net/them-du-lieu-co-cau-truc-tren-wordpress/ khi đăng tải bài viết này. Xin cám ơn !

Hướng dẫn thêm dữ liệu có cấu trúc Schema.org trên WordPress 4.86/5 (97.14%) 7 votes

Nhận xét của bạn về bài viết này

Bài viết liên quan

  • Theme WordPress blog tin tức, tối ưu hóa SEO, Responsive – Wikisuckhoe.vn Theme WordPress blog tin tức, tối ưu hóa SEO, Responsive – Wikisuckhoe.vn

    Xin chào các bạn, trong bài viết này mình xin chia sẻ với các bạn một theme WordPress phù hợp cho website tin tức, blog cá nhân đã được tối ưu hóa SEO Onpage. Theme WordPress blog tin tức, tối ưu hóa SEO, Responsive – Wikisuckhoe.vn 5.00/5 (100.00%) 38 votes

  • WordPress cập nhật phiên bản 4.3 với tên gọi Billie WordPress cập nhật phiên bản 4.3 với tên gọi Billie

    WordPress mới đây đã cho ra mắt phiên bản 4.3 của  có tên gọi là “Billie”. Ở phiên bản WordPress 4.3 này đã có khá nhiều cải tiến mới về cả bảo mật cũng như chức năng của WordPress. WordPress cập nhật phiên bản 4.3 với tên gọi Billie 5.00/5 (100.00%) 6 votes

  • WordPress cập nhật phiên bản 4.2.4 vá lỗi cross-site scripting WordPress cập nhật phiên bản 4.2.4 vá lỗi cross-site scripting

    Xin chào các bạn, vào ngày 23-07-2015 bản cập nhật WordPress 4.2.3 đã được phát hành. Nhưng không lâu sau đó WordPress đã tự động update phiên bản mới là 4.2.4  vào ngày 04-08-2015 để sửa chữa một số lỗi bảo mật. WordPress cập nhật phiên bản 4.2.4 vá lỗi cross-site scripting 5.00/5 (100.00%) 2 votes

  • Sửa lỗi không nhận dạng thuộc tính v:votes Plugin kk Star Ratings Sửa lỗi không nhận dạng thuộc tính v:votes Plugin kk Star Ratings

    Xin chào các bạn, trong bài Dữ liệu cấu trúc là gì mình đã giới thiệu với các bạn về dữ liệu cấu trúc cũng như việc vì sao chúng ta phải sử dụng dữ liệu cấu trúc. Sửa lỗi không nhận dạng thuộc tính v:votes Plugin kk Star Ratings 4.90/5 (98.10%) 21 votes

  • Phiên bản vá lỗi bảo mật 4.2.3 của WordPress đã được phát hành Phiên bản vá lỗi bảo mật 4.2.3 của WordPress đã được phát hành

    WordPress hiện tại là mã nguồn mở đang được sử dụng rất nhiều hiện nay, vào ngày 23-07-2015 vừa qua thì WordPress đã tung ra bản cập nhật 4.2.3. Phiên bản vá lỗi bảo mật 4.2.3 của WordPress đã được phát hành 4.00/5 (80.00%) 4 votes