SEO - Hướng Dẫn Thêm Dữ Liệu Có Cấu Trúc Schema Markup Vào Website

Thảo luận trong 'SEO Onpage - Tối Ưu Website' bắt đầu bởi MinhBinh, 14/11/19.

  1. MinhBinh

    MinhBinh Member

    Bài viết:
    49
    Đã thích:
    2
    Dữ liệu có cấu trúc đóng một vai trò quan trọng để bộ máy tìm kiếm nói chung và Google nói riêng có thể hiểu được nội dung website của bạn một cách tốt nhất. Bài viết này sẽ hướng dẫn bạn đầy đủ và chi tiết cách thêm dữ liệu có cấu trúc vào trang web

    Google đã có bài viết chính thức về điểm chất lượng website dựa trên dữ liệu website có cấu trúc. Đây trở thành một yêu tố quan trọng để google xếp hạng kết quả tìm kiếm tự nhiên hay SEO

    Dưới đây là hướng dẫn đầy đủ để thêm dữ liệu có cấu trúc vào tất cả các loại website khác nhau từ web thương mại điện tử, bán hàng đến web về tin tức, trang cá nhân.

    1. Dữ Liệu Có Cấu Trúc Liên kết Thông Tin Danh Mục Bài Viết
    Tên gọi khác của phần này là BreadcrumList
    [​IMG]

    Mã Thực Hiện

    <ol itemscope itemtype="Link 1">
    <li itemprop="itemListElement" itemscope
    itemtype="Link 2">
    <a itemprop="item" href="Link 3">
    <span itemprop="name">Home</span></a>
    <meta itemprop="position" content="1" />
    </li>

    <li itemprop="itemListElement" itemscope
    itemtype="Link 2">
    <a itemprop="item" href="Link 4">
    <span itemprop="name">Activewear</span></a>
    <meta itemprop="position" content="2" />
    </li>

    <li itemprop="itemListElement" itemscope
    itemtype="Link 2">
    <a itemprop="item" href="Link 5">
    <span itemprop="name">Tops</span></a>
    <meta itemprop="position" content="3" />
    </li>
    </ol>

    2. Liên Kết Nhanh Trong Kết Quả Tìm Kiếm Google (Site Navigation)
    Các liên kết được hiển thị trực tiếp trong kết quả tìm kiếm của google sẽ làm website của bạn có lượng người truy cập nhiều hơn.

    [​IMG]

    Mã Thực hiện

    <ul itemscope itemtype="Link 6">
    <li itemprop="name"><a itemprop="url" href="Link category">Category 1</a></li>
    <li itemprop="name"><a itemprop="url" href="Link category">Category 2</a></li>
    <li itemprop="name"><a itemprop="url" href="Link category">Category 3</a></li>
    <li itemprop="name"><a itemprop="url" href="Link category">Category 4</a></li>
    <li itemprop="name"><a itemprop="url" href="Link category">Category 5</a></li>
    </ul>

    3. Thông tin về sản phẩm dành cho các trang web thương mại điện từ E-Commerce
    [​IMG]

    Hướng dẫn:
    - Đối với sản phẩm, bắt buộc phải có thuộc tính "name"
    - Đối với các sản phẩm giảm giá, thuộc tính "price" và "priceCurrency" bắt buộc phải có

    Đoạn mã thực hiện (sử dụng microdata)

    <div itemscope itemtype="Link 7">
    <h1 itemprop="name">Back to the Future 1:1 Scale Hoverboard</h1>
    <span itemprop="description">Time traveling to 2015 and back is only the beginning of the adventures found in Back to the Future Part II. The coolest part…was finding the hoverboard! And now the future is finally here and you can have a hoverboard of your own! This replica prop is an exact recreation from the one seen in Back to the Future II. Sure, it doesn't truly hover (come on scientists!) but carrying it around will let everyone know that you've just come back... from the future! Just don't try to use it on water! <i>Back to the Future is a trademark and copyright of Universal Studios and U-Drive Joint Venture. Licensed by Universal Studios Licensing LLC. All Rights Reserved.</i></span>
    <span itemprop="offers" itemscope itemtype="Link 8">
    <meta itemprop="priceCurrency" content="USD" />
    Buy New: $<span itemprop="price">48.99</span>
    <link itemprop="availability" href="Link 9" />
    </span>
    </div>

    4. Dữ liệu thông tin đánh giá (rating) về website, bài viết
    Đánh giá dấu Sao trong kết quả tìm kiếm của google sẽ làm tăng sự tin tưởng về dịch vụ website của bạn trong mắt khách hàng.

    Mặc định google sử dụng thang điểm từ 1 tới 5 (với 1 điểm là thấp nhất và 5 điểm là cao nhất). Bạn có thể điều chỉnh thang điểm này với các thuộc tính theo hướng dẫn bên dưới (từ 1 tới 10 điểm)

    Đoạn mã thực hiện (sử dụng microdata)

    <div itemscope itemtype="Link 10">
    <h2 itemprop="name"> Super Book </h2>
    <div itemprop="description">Ultra interesting. Super impressive.</div>
    <div itemprop="aggregateRating" itemscope itemtype="Link 11">
    <div>Book rating:
    <span itemprop="ratingValue">9</span>
    <meta itemprop="bestRating" content="10"/>
    <meta itemprop="worstRating" content="1"/>
    based on <span itemprop="ratingCount">20</span> ratings
    </div>
    </div>
    </div>
    Vì forum không cho đăng nhiều link nên mình kí hiệu từ link 1 đến link 10. Mình sẽ cmt link tương ứng bên dưới cmt các bác theo dõi và lấy chèn vào nhé.
    Nguồn bài: Thầy Ánh
    --- Post updated ---
     
    Đang tải...
  2. Doit96

    Doit96 Member

    Bài viết:
    74
    Đã thích:
    7
    Cái phần sitelink (site navigation )nghe nói tự lên thì phải, nhưng cũng phải code chuẩn và tùy theo người dùng truy cập vào đâu sẽ hiển thị
     
  3. tonthepnguyenthanh

    tonthepnguyenthanh Member

    Bài viết:
    84
    Đã thích:
    19
    Bài viết có cũng như không thế này. Nếu đã hướng dẫn thì dùng JSON-LD, nó dễ làm, không ảnh hưởng đến cấu trúc website. Microformat là cấu trúc web rồi, cái này thằng coder tự phải biết, SEOer thì làm gì được
     
  4. MinhBinh

    MinhBinh Member

    Bài viết:
    49
    Đã thích:
    2
    Hôm trước thấy có người hỏi, tiện thể thấy bài này nên share lại cho mọi người thôi bác ơi.
    --- Post updated ---
    Cái này dùng plugin, nhưng cũng cần biết các đoạn code chuẩn của nó.
     
  5. leyen84

    leyen84 Member

    Bài viết:
    30
    Đã thích:
    0
    Bài viết có cũng như không thế này. Nếu đã hướng dẫn thì dùng JSON-LD, nó dễ làm, không ảnh hưởng đến cấu trúc website. Microformat là cấu trúc web rồi, cái này thằng coder tự phải biết, SEOer thì làm gì được
     
Đang tải...
Đang tải...