SEO Nino24 - Hướng dẫn sử dụng schema markup & structured Data SEO – phần 2
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 sử dụng 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
Để 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
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:
- LocalBusiness (on Schema.org).
- Schema.org examples for location pages (on Google).
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
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
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
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ị.
Không có nhận xét nào:
Đăng nhận xét