Hướng dẫn Schema Markup và Structured Data theo từng loại Site phần 1

Thảo luận trong 'Thủ thuật SEO - SEO Tips' bắt đầu bởi cuongapple, 30/9/15.

Chuyên bán tài khoản VIP diễn đàn giảm giá cực sàn.

Lượt xem: 856

  1. Offline

    cuongapple New Member
    • 28/34

    Bài viết:
    549
    Structured data có thể giúp bạn gửi các tín hiệu về doanh nghiệp và nội dung của bạn đến công cụ tìm kiếm. Nhưng bạn sẽ bắt đầu từ đâu? Trong bài viết này tôi sẽ hướng dẫn bạn một cách đầy đủ để làm việc đó.

    Có thể bạn đã nghe nói đến việc tận dụng schema markup (hoặc Structured data) có thể giúp công cụ tìm kiếm hiểu rõ hơn về nội dung của bạn cũng như tăng cường khả năng hiển thị thông qua rich snippets, featured snippets and kết quả Knowledge Graph. Structured data là một cách tuyệt vời để tạo ra tín hiệu thân thiện với công cụ tìm kiếm nhiều hơn, nó gián tiếp ảnh hưởng đến thứ hạng tìm kiếm.

    [​IMG]

    Gần đây, John Mueller đã tuyên bố rằng gã khổng lồ tìm kiếm có thể thêm markup structured data như là một yếu tố xếp hạng. Vì vậy, việc cần thiết là phải tập trung nỗ lực để thực thi schema markup trên website của bạn, vì điều này đang trở nên quan trọng hơn với Google.

    Tuy nhiên, nó có thể gây nhầm lẫn khi sử dụng schema trên website của bạn. Có rất nhiều những quyết định cần phải đưa ra và nó khiến người dùng gặp khó khăn. Dưới đây, tôi đã liệt kê ra một số schema có thể được sử dụng bởi các loại website cụ thể. Một số có thể được sử dụng trên tất cả các loại website.

    Tất cả site

    Loại schema markup dưới đây có thể và nên được sử dụng với tất cả loại site khác nhau.

    Schema Markup các tổ chức

    Schema markup tổ chức giúp tạo ra các tín hiệu thương hiệu để tăng cường Knowledge Graph của bạn và website snippet có mặt trong các trang kết quả tìm kiếm.

    Hãy xác định logo của bạn, link profile social và thông tin liên hệ của công ty. Ví dụ như của Apple

    [​IMG]
    Ví dụ (sử dụng JSON-LD)

    PHP:
    <script type="application/ld+json">
    "@context" "http://schema.org",
      
    "@type" "Organization",
      
    "legalName" "Elite SEM",
      
    "url" "http://elitesem.com/",
      
    "contactPoint" : [{
        
    "@type" "ContactPoint",
        
    "telephone" "+1-646-350-2789",
        
    "contactType" "customer service"
      
    }]
      
    "logo" "http://elitesem.com/wp-content/uploads/2014/03/Elite_SEM_Logo_2014.png",
      
    "sameAs" : [ "http://www.facebook.com/EliteSEM",
        
    "http://www.twitter.com/elitesem",
        
    "http://plus.google.com/+Elitesem",
        
    "https://www.youtube.com/user/EliteSEMInc",
        
    "http://www.linkedin.com/company/elite-sem",
        
    "https://www.wikidata.org/wiki/Q20736641"]
    }
    </script>
    Google Resource Page: Customizing Your Knowledge Graph.

    Schema Markup website

    Schema markup website giúp tạo ra tính năng Sitelinks Search Box đối với thương hiệu SERP và có thể giúp tên site của bạn xuất hiện trong kết quả tìm kiếm. Tuy nhiên, bạn phải có một site tìm kiếm trên website của bạn để kích hoạt yếu tố Sitelinks Search Box.
    [​IMG]
    Ví dụ (sử dụng JSON-LD)

    PHP:
    <script type="application/ld+json">
    {
      
    "@context" "http://schema.org",
      
    "@type" "WebSite",
      
    "name" "Elite SEM",
      
    "url" "http://elitesem.com/",
      
    "potentialAction" : {
        
    "@type" "SearchAction",
        
    "target" "http://elitesem.com/?s={search_term}",
        
    "query-input" "required name=search_term"
      
    }            
    }
    </script>
    Google Resource Pages: Sitelinks Search Box, Include Your Site Name in Search Results.

    Markup Breadcrumbs

    Schema BreadcrumbList cho phép bạn đánh dấu lên breadcrumbs trên site của bạn để tạo ra breadcrumb rich snippets cho site trong SERPs.
    [​IMG]
    Ví dụ (sử dụng microdata)

    PHP:
    <ol itemscope itemtype="http://schema.org/BreadcrumbList">
      <
    li itemprop="itemListElement" itemscope
          itemtype
    ="http://schema.org/ListItem">
        <
    a itemprop="item" href="https://example.com/">
            <
    span itemprop="name">Home</span></a>
        <
    meta itemprop="position" content="1" />
      </
    li>
      

      
    <li itemprop="itemListElement" itemscope
          itemtype
    ="http://schema.org/ListItem">
        <
    a itemprop="item" href="https://example.com/activewear/">
          <
    span itemprop="name">Activewear</span></a>
        <
    meta itemprop="position" content="2" />
      </
    li>
      

      
    <li itemprop="itemListElement" itemscope
          itemtype
    ="http://schema.org/ListItem">
        <
    a itemprop="item" href="https://example.com/activewear/tops/">
          <
    span itemprop="name">Tops</span></a>
        <
    meta itemprop="position" content="3" />
      </
    li>
    </
    ol>
    Google Resource Page: Breadcrumbs.

    Schema Markup Site Navigation

    Markup SiteNavigationElement có thể giúp công cụ tìm kiếm hiểu cấu trúc site và điều hướng của bạn và có thể được sử dụng để ảnh hưởng đến sitelinks tự nhiên.
    [​IMG]

    Ví dụ (sử dụng microdata)

    PHP:
    <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement">
      <
    li itemprop="name"><a itemprop="url" href="http://www.travelstore.com/our-advantage">Our Advantage</a></li>
      <
    li itemprop="name"><a itemprop="url" href="http://www.travelstore.com/our-travel-experts">Travel Experts</a></li>
      <
    li itemprop="name"><a itemprop="url" href="http://www.travelstore.com/destinations">Destinations</a></li>
      <
    li itemprop="name"><a itemprop="url" href="http://www.travelstore.com/cruises">Cruises</a></li>
      <
    li itemprop="name"><a itemprop="url" href="http://www.travelstore.com/interests">Interests</a></li>
      <
    li itemprop="name"><a itemprop="url" href="http://www.travelstore.com/explore-your-world/interests/hotels-and-resorts">Hotels</a></li>
      <
    li itemprop="name"><a itemprop="url" href="http://www.travelstore.com/travel-guides">Travel Resources</a></li>
    </
    ul>
    Resource Page: SiteNavigationElement (trên Schema.org)

    Schema Markup video

    Một site được nhúng hoặc lưu trữ nội dung video có thể tận dụng schema VideoObject. Chủ yếu là Google hiển thị video rich snippet cho video YouTube nhưng điều này sẽ giúp các video rich snippets xuất hiện trên webpage của bạn trong Google Video Search.

    [​IMG]

    Các thuộc tính bắt buộc:

    - Name.
    - Description.
    - ThumbnailUrl.
    - UploadDate.

    Ví dụ (sử dụng microdata)

    PHP:
    <div itemscope itemtype="http://schema.org/VideoObject">
    <
    link itemprop="url" href="http://www.ted.com/talks/boaz_almog_levitates_a_superconductor">
    <
    meta itemprop="name" content="The levitating superconductor" />
    <
    meta itemprop="description" content="How can a super-thin 3-inch disk levitate something 70,000 times its own weight? In a riveting demonstration, Boaz Almog shows how a phenomenon known as quantum locking allows a superconductor disk to float over a magnetic rail — completely frictionlessly and with zero energy loss. Experiment: Prof. Guy Deutscher, Mishael Azoulay, Boaz Almog, of the High Tc Superconductivity Group, School of Physics and Astronomy, Tel Aviv University." />
    <
    meta itemprop="uploadDate" content="2015-02-05T08:00:00+08:00" />
    <
    meta itemprop="duration" content="PT10M25S">
    <
    img itemprop="thumbnailUrl" src="https://tedcdnpi-a.akamaihd.net/r/tedcdnpe-a.akamaihd.net/images/ted/b9693798223a4101be834398af15df5560d3f25c_1600x1200.jpg?quality=95&amp;w=480" />
    </
    div>
    Google Resource Page: Enabling Rich Snippets for Videos.

    Schema Markup ứng dụng phần mềm

    Tận dụng chức năng markup SoftwareApplication trên các ứng dụng phần mềm của bạn để kích hoạt ứng dụng rich snippets.

    [​IMG]
    Các thuộc tính bắt buộc: các thuộc tính bắt buộc là "name" nhưng Google chú ý đến rich snippets đang hiển thị cho các ứng dụng bao gồm ít nhất 2 trong số các thuộc tính sau: AggregateRating (bao gồm ratingValue và một trong hai ratingCount hoặc reviewCount). AggregateRating (bao gồm ratingValue và một trong hai ratingCount hoặc reviewCount).

    - AggregateRating (bao gồm ratingValue và một trong hai ratingCount hoặc reviewCount )
    - Offers.
    - OperatingSystem.
    - ApplicationCategory.

    Ví dụ (sử dụng microdata)

    PHP:
    <div itemscope itemtype="http://schema.org/MobileApplication">
      <
    meta itemprop="url" content="https://play.google.com/store/apps/details?id=com.elitesem.calculator">
      <
    h1 itemprop="name">SEM Calculator 2.0</h1>
      
    Updated: <span itemprop="datePublished">September 32014</span>
      
    Size: <span itemprop="fileSize">1.9M</span>
      
    Requires <span itemprop="operatingSystem">Android 2.3 and up</span>
      
    Category: <span itemprop="applicationCategory">Business</span>
      
    Rating:
        <
    div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
          <
    span itemprop="ratingValue">4.0</span> (
          <
    span itemprop="ratingCount">1</spanrating )
        </
    div>
      <
    div itemprop="offers" itemscope itemtype="http://schema.org/Offer"><meta content="0" itemprop="price"></div>
    </
    div>
    Google Resource Page: Enabling Rich Snippets for Software Apps.

    Site E-Commerce

    Schema Product & Markup Offer

    Sử dụng cùng với markup Product và Offer có thể giúp thông tin sản phẩm xuất hiện trong SERPs, bao gồm giá cả và trạng thái thông tin. Lưu ý rằng markup Offer là cần thiết để giá cả xuất hiện trong Google SERPs.
    [​IMG]
    Các thuộc tính bắt buộc:

    - Đối với schema Product, chỉ thuộc tính "name" là bắt buộc
    - Đối với schema Offer, thuộc tính "price" và priceCurrency” là bắt buộc.

    Ví dụ (sử dụng microdata)

    PHP:
    <div itemscope itemtype="http://schema.org/Product">
      <
    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 IIThe coolest part…was finding the hoverboard! And now the future is finally here and you can have a hoverboard of your ownThis replica prop is an exact recreation from the one seen in Back to the Future IISureit doesn't truly hover (come on scientists!) but carrying it around will let everyone know that you've just come back... from the futureJust 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="http://schema.org/Offer">
        <meta itemprop="priceCurrency" content="USD" />
        Buy New: $<span itemprop="price">48.99</span>
        <link itemprop="availability" href="http://schema.org/InStock" />
      </span>
    </div>
    Google Resource Page: Enabling Rich Snippets for Products.

    Còn tiếp

    Ghi nguồn
    PHP:
    www.thegioiseo.com
     
    #1

Chia sẻ trang này

Chào mừng các bạn đến với diễn đàn học SEO chúc các bạn có những giây phút thật zui zẻ!
x