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 Khác' bắt đầu bởi cuongapple, 30/9/15.

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

    Còn tiếp

    Ghi nguồn
    PHP:
    www.thegioiseo.com
  2. tuanlv2510

    tuanlv2510 Thành viên BQT Moderator

    Bài viết:
    159
    Đã được thích:
    48
    Theo mình nên để nguồn từ searchengineland.com thì đúng hơn, từ cái ảnh cũng lấy bên đó :(
  3. seott90

    seott90 =>Seo Tụt Top<= Thành viên BQT Super Mod

    Bài viết:
    348
    Đã được thích:
    141
    người đăng bài bên thế giới seo họ lấy từ searchengineland.com mà
  4. quynh

    quynh

    Bài viết:
    6
    Đã được thích:
    0
    nói chung chung quá nhỉ cần lắm những bài viết chi tiết hơn ạ, mong được các anh em chỉ giáo thêm cám ơn
  5. thuockd123

    thuockd123

    Bài viết:
    75
    Đã được thích:
    1
    Thực sự schema này đã được nói nhiều rồi, mình có thắc mắc là dân không chuyên code có thể làm được không?
  6. hien98

    hien98

    Bài viết:
    1
    Đã được thích:
    0
    mình làm theo chuẩn này nhưng rất hay bị báo lỗi thế mới tức. Thỉnh thoảng lại bị google xóa

Chia sẻ trang này