Hướng dẫn toàn tập về schema markup & structured Data SEO – phần 2

By Sơn Đặng | SEO

Nov 16
Hướng dẫn toàn tập về schema markup & structured Data SEO – phần 2
4.5 (90%) 6 votes

Chào các bạn, hôm nay mình viết tiếp loạt bài về setup schema markup cho website. Ở phần 1 hướng dẫn toàn tập về schema markup , mình đã giới thiệu với các bạn 5 loại schema markup và cách để hiển thị chúng trên google. Ở phần 2 này, mình sẽ hướng dẫn tiếp các dạng schema markup khác (mà dân SEO việt nam gọi là Rich Snippet). Các bạn đã sẵn sàng chưa , nếu ok thì Let’s go

Schema Software Application

Dạng Schema Markup này rất thích hợp với các dạng website chuyên về app, ứng dụng di động, game di động. Nó sẽ giúp người tìm kiếm biết là đường link này đang viết về app gì, có đúng app mà họ tìm không…

Software app rich snippets

Software app rich snippets

Để hiện thị chuẩn như trên, các bạn theo dõi đoạn code ví dụ sau

<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 3, 2014</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</span> rating )
    </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

E-Commerce Sites

Thường được sử dụng đối với các trang web bán hàng trực tuyến, dạng Rich Snippets này sẽ hiển thị giá cả, tình trạng còn hàng hay đã hết và cả đánh giá của khách hàng nữa.

Product offer rich snippets

Product offer rich snippets

Các bạn tham khảo đoạn code sau nhé :

<div itemscope itemtype="http://schema.org/Product">
  <h1 itemprop="name">Tên sản phẩm</h1>
  <span itemprop="description">Đoạn mô tả của bạn</span>
  <span itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    <meta itemprop="priceCurrency" content="USD" />
    Buy New: $<span itemprop="price">Giá sản phẩm</span>
    <link itemprop="availability" href="http://schema.org/InStock" />
  </span>

Google Resource Page: Enabling Rich Snippets for Products

Schema Rating Markup

Schema Rating Markup là 1 dạng Rich Snippet hiển thị lượt đánh giá của người dùng với website hay sản phẩm của bạn. Nó có tác dụng là gây nổi bật và tạo sự tin cậy đối với website. Tăng tỉ lệ click vào website cao hơn hoặc tỉ lệ chốt đơn hàng.

Bạn tham khảo đoạn code sau nhé:

<div itemscope itemtype="http://schema.org/Thing">
  <h2 itemprop="name"> Super Book </h2>
  <div itemprop="description">Ultra interesting. Super impressive.</div>
  <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
    <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>

Google Resource Page: Enabling Rich Snippets for Reviews and Ratings

Local Business Sites

Hiện nay thì local search đang khá phổ biến đối với người dùng, Nó giúp target vào đúng mục tiêu mà khách hàng cần. Ví dụ như : Bạn đang dùng máy tính có kết nối internet tại Hà Nội và bạn search các địa điểm có món ăn ngon thì google sẽ ưu tiên hiển thị các quán ăn ngon tại Hà Nội chứ không phải là các quán ăn tận Hồ Chí Minh hay Huế.

Vì thế , nếu bạn muốn target vào đối tượng tại 1 khu vực cụ thể nào đó thì hãy thêm đoạn code sau vào nhé

<div itemscope itemtype="http://schema.org/LocalBusiness">
  <h1 itemprop="name">Elite SEM(Tên)</h1>
  <p itemprop="descripton">A performance-driven digital marketing agency.(Đoạn mô tả)</p>
  <p>Open: <time itemprop="openingHours" datetime="Mo-Fi 09:00-17:00(Thời gian bắt đầu làm việc)">Monday-Friday 9am-5pm</time></p>
  <p>Phone: <span itemprop="telephone" content="+16463502789(Số điện thoại)">646-350-2789</span></p>
  <address itemscope itemtype="http://schema.org/PostalAddress" itemprop="address">
    <span itemprop="streetAddress">142 W 36th St, Fl 11(Địa Chỉ)</span>
    <span itemprop="addressLocality">New York</span>,
    <span itemprop="addressRegion">NY</span> <span itemprop="postalCode">10018</span>
  </address>
</div>

Resource Pages:

Events Sites

Cũng tương tự như sitelink nhưng dạng schema markup này mang tính theo thời gian hơn là sitelinks. Nó giúp hiển thị nhanh chóng các event đang có trên website cùng thời gian, như vậy sẽ giúp khách hàng hiểu rõ hơn về website trước khi họ truy cập

Event schema markup

Event schema markup

Các bạn tham khảo đoạn code sau nhé :

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "MusicEvent",
  "name": "AC/DC",
  "image": "http://s1.ticketm.net/tm/en-us/dbimages/199365a.jpg",
  "startDate": "2015-09-25T19:45:00-07:00",
  "url": "http://www.ticketmaster.com/acdc-san-francisco-california-09-25-2015/event/1C004E43C5D25EDC?artistid=1170951&majorcatid=10001&minorcatid=200",
  "location" : {
    "@type": "Place",
    "name": "AT&T Park",
    "sameAs": "http://www.ticketmaster.com/AT-T-Park-tickets-San-Francisco/venue/229585",
    "address" : {
      "@type": "PostalAddress",
      "streetAddress": "24 Willie Mays Plaza",
      "addressLocality":"San Francisco",
      "addressRegion":"CA",
      "postalCode":"94107",
      "addressCountry":"US"
      }
   },
  "offers" : {
    "@type" : "Offer",
    "url":"http://www.ticketmaster.com/acdc-san-francisco-california-09-25-2015/event/1C004E43C5D25EDC?artistid=1170951&majorcatid=10001&minorcatid=200"
  }
}
</script>

Recipe Schema Markup

Thích hợp với các trang web có chủ đề về nấu ăn, hướng dẫn nấu ăn ngon. Nó sẽ hiển thị một phần hình ảnh của món ăn và một đoạn công thức món ăn để bạn có thể tìm được đúng thứ mà mình cần.

Recipe Rich Snippets

Recipe Rich Snippets

Các bạn tham khảo đoạn code sau nhé :

<div itemscope itemtype="http://schema.org/Recipe">
  <link itemprop="url" href="http://allrecipes.com/recipe/12682/apple-pie-by-grandma-ople/" />
  <meta itemprop="mainEntityOfPage" content="True" />
  <img src="http://images.media-allrecipes.com/userphotos/720x405/736203.jpg" alt="Apple Pie by Grandma Ople" title="Apple Pie by Grandma Ople" itemprop="image" />
  <h1 itemprop="name">Apple Pie by Grandma Ople</h1>
  <div itemprop="description">"This was my grandmother's apple pie recipe.  I have never seen another one quite like it.  It will always be my favorite and has won me several first place prizes in local competitions.  I hope it becomes one of your favorites as well!"</div>

Prep Time: <time itemprop="prepTime" datetime="PT30M">30 min</time>
Cook Time: <time itemprop="cookTime" datetime="PT1H">1 hour</time>
Total Time: <time itemprop="totalTime" datetime="PT1H30M">1 hour 30 min</time>
Yield: <span itemprop="recipeYield">1 9" pie (8 servings)</span>

Ingredients:
<span itemprop="ingredients">1 recipe pastry for a 9 inch double crust pie</span>
<span itemprop="ingredients">1/2 cup unsalted butter</span>
<span itemprop="ingredients">3 tablespoons all-purpose flour</span>
<span itemprop="ingredients">1/4 cup water</span>
<span itemprop="ingredients">1/2 cup white sugar</span>
<span itemprop="ingredients">1/2 cup packed brown sugar</span>
<span itemprop="ingredients">8 Granny Smith apples - peeled, cored and sliced</span>

  <ol itemprop="recipeInstructions">
    <li>Preheat oven to 425 degrees F (220 degrees C).</li>
    <li>Melt the butter in a saucepan. Stir in flour to form a paste.</li>

  ...

  </ol>
</div>

Persional Snippets

Một loại Rich Snippet cuối cùng hơi mang tính các nhân đó là Rich Snippet về thông tin bản thân.

Bạn muốn hình ảnh của mình được quảng bá rộng rãi trên google hoặc muốn nguời dùng hiểu kỹ hơn về bạn thì đây là 1 snippet không thể thiếu.

Demo Persional Snippet

Demo Persional Snippet

Các bạn tham khảo code để làm nhé:

<div itemscope="" itemtype="http://schema.org/Person">
  <meta itemprop="gender" content="Male">
  <meta itemprop="birthDate" content="March 21, 1978">
  <meta itemprop="spouse" content="Rebecca Kirshner">
  <meta itemprop="parent" content="Jack Kirshner">
  <meta itemprop="jobTitle" content="CEO of Elite SEM and Coffeeforless">
  <meta itemprop="email" content="ben@elitesem.com">
  <meta itemprop="url" content="http://www.benkirshner.com">
  <meta itemprop="memberOf" content="Young President's Organization">
  <meta itemprop="memberOf" content="SEMPO">
  <meta itemprop="image" content="http://www.benkirshner.com/resources/Ben-Kirshner.jpg">
  <span itemprop="name">
    <link itemprop="sameAs" href="https://www.wikidata.org/wiki/Q19753495">
    <link itemprop="sameAs" href="https://www.freebase.com/m/011n3f_r">
    <link itemprop="sameAs" href="https://www.youtube.com/channel/UCIHSn0i6CRIk9Fyby2LZ3yw">
    <link itemprop="sameAs" href="https://www.linkedin.com/pub/ben-kirshner/0/799/87">
    <link itemprop="sameAs" href="https://twitter.com/benkirshner">
    <link itemprop="sameAs" href="https://plus.google.com/+BenKirshner1/">Ben Kirshner</span> is the CEO of Elite SEM Inc. and Coffeeforless.com...
</div>

Cuối cùng thì cũng đã xong loạt bài giới thiệu về Rich Snippet. Rich Snippet là công cụ khá tốt để nâng cao tỷ lệ click vào trang. Tuy nhiên, không phải ai add vào cũng sẽ hiển thị luôn vì google đang làm khá chặt chẽ khoản này. Chỉ những trang có nội dung tốt nhất, có 1 độ trust kha khá mới có khả năng được google xem xét để hiển thị.

Tìm kiếm Google:

  • новости челябинск мир 74
  • https://yandex ru/clck/jsredir?from=yandex ru;search;web;;&text=&etext=1824 MJ3OZ0UEin1kYjGTs-C1CWl-WxwxjbBjtaz4tlYSnPf538byEdjgSrO5yVAlH93X ce6ecb7195eebbe17de876bdca3a9ad5fb1b9c32&uuid=&state=_BLhILn4SxNIvvL0W45KSic66uCIg23qh8iRG98qeIXme
  • https://yandex ru/clck/jsredir?from=yandex ru;search;web;;&text=&etext=1835 WKqfvQROFQEpSqQpPg-NUPQ4rVGoX_IYWkBJYM_6VE_Sdf36cgITqhnHS0qb5Var 4c940ee795040afb9aacbab383a99a8545b2dc20&uuid=&state=_BLhILn4SxNIvvL0W45KSic66uCIg23qh8iRG98qeIXme

Đôi chút về Sơn Đặng

Blog được tạo ra với mục đích chia sẻ kinh nghiệm của bản thân trong lĩnh vực SEO và MMO. Với tiêu chí luôn luôn lắng nghe, luôn luôn học hỏi, mình rất hoan nghênh các blogger khác cùng mình chia sẻ để giúp blog trở thành 1 sân chơi chất lượng.

Xem tất cả các post

Để lại câu hỏi và mình sẽ trả lời trong 24 tiếng

avatar