Rich Snippet سرویس جدیدی از گوگل

Rich Snippet سرویس جدیدی از گوگل است که محتوای صفحات را به نحوی خلاصه می کند که کاربران هنگام مشاهده نتایج جستجو متوجه می*شوند که محتوای آن صفحه چیست. اگر شما قصد استفاده از ریچ اسنیپت را دارید، به این مساله فکر کنید که چه اطلاعاتی را می توانید در نتایج جستجو به کاربران ارائه نمایید. به کمک این روش، سئوی سایت شما نیز به میزان قابل توجهی بهبود می یابد.

برای درک بیشتر موضوع، اجازه دهید مثالی مطرح کنم. آیا تا بحال در هنگام مشاهده نتیج جستجو، به این فکر کرده اید که برخی نتایج بیشتر در چشم شما جلوه می کنند؟ اگر شما جمله ی “ارزیابی موبایل سونی xperia z” را جستجو کنید، نتایج زیر را خواهید دید:

مطمئنا نتیجه ی شماره ۲ جلوه ی بیشتری در چشم شما ایجاد خواهد کرد. این سایت ها چه کارهایی را انجام می دهند تا گوگل را وادار کنند که این اطلاعات اضافی را در نتایج نمایش دهد؟ این وب سایت ها از تکنولوژی Rich Snippets در نمایش نتایج استفاده می کنند.

Rich Snippetها چه هستند؟

ریچ اسنیپت های گوگل اطلاعات موجود در سایت شما علاوه بر اطلاعات معمولی همانند لینک صفحه، Title، Description را برای نمایش در نتایج جستجو پالایش و آماده می کنند. این اطلاعات اضافی می توانند شامل عکس، رتبه بندی، اطلاعات نویسنده و غیره باشد.

ریچ اسنیپت ها معمولا در مبحث SEO شرکت ها بخش مهمی را ایفا می کنند، چرا که بکارگیری آن ها نسبت به سئوی سنتی دارای پیچیدگی های بیشتری می باشد.


Rich Snippetها چگونه نصب می شوند؟

در اینجا بحث فنی پیاده سازی Rich Snippetها بررسی می شود. راه های مختلفی برای نصب ریپ اسنیپت ها در صفحه وجود دارد. اما در این پست ما قصد معرفی آسان ترین راه را به شما داریم: روش microdata. چون ما نمی خواهیم شما را گیج کنیم، روش آسان نصب را به شما می آموزیم.


۱) یاد بگیریم microdata چیست

Microdata روشی است که به کمک آن محتوای صفحات Label گذاری شده و توضیح داده می شود که این اطلاعات درباره چه موضوعی هستند. برای مثال رویدادی قرار است انجام شود و تمامی اطلاعات این رویداد در صفحه وجود دارد. زمان شروع، نام رویداد و دسته بندی. شما نیاز به یک سری از کد ها دارید تا به گوگل بگویید: خب، رویداد من اینجاست و همه ی اطلاعاتی که باید درباره ی آن بدانی نیز موجود است.

این کدها بوسیله HTML نوشته می شوند. نگران نباشید. نیاز نیست شما HTML را یاد بگیرید. Microdata کدهای HTML بسیار ساده هستند. مانند تگ های وکه توضیحات تکمیلی را ارائه می کند.

۲) شروع به ساخت محتوای خود کنید

ریچ اسنیپت های مختلف را در زیر بخوانید و ساخت محتوای خود را شروع کنید.
۳) ریچ اسنیپت های خود را تست کنید

گوگل وبمستر تولز ابزاری کارآمد دارد که به شما اجازه می دهد اسنیپت هایی که تهیه کرده اید را تست کنید و نحوه ی نمایش آنها را در نتایج جستجو از قبل ببینید. ابزار گوگل را در اینجا ببینید.
۴) صبور باشید

اگر پس از سپری کردن این مراحل، ریچ اسنیپت ها را درنتایج جستجو مشاهده نمی کنید، نگران نباشید. چند هفته برای اسپایدر گوگل زمان می برد تا اطلاعات جدید را از سایت شما دریافت کند و در نتایج به نمایش بگذارد.


انواع Rich Snippets

خوب، حال به مهمترین بخش مقاله می رسیم. ریچ اسنیپت ها چه انواعی دارند؟ چه اطلاعاتی را در نتایج نشان می دهند و چگونه به SEO سایت کمک می کنند؟

اسنیپت نویسنده

اسنیپت نویسنده که مشخصات نویسنده متن را در نتایج نشان میدهد دارای المان های زیر است:

نام نویسنده
عکس نویسنده که در اکانت گوگل+ وجود دارد
تعداد دنبال کننده هایی که نویسنده در گوگل+ دارد
لینک به مقالات بیشتر برای آن نویسنده


اسنیپت Business و Organization

این اسنیپت، اطلاعات مربوط به سازمان را در نتایج نشان می دهد و می تواند شامل موقعیت مکانی، اطلاعات تماس، بازه قیمتی محصولات، ساعات کاری و نظرات مصرف کنندگان باشد.

 <div itemscope="" itemtype="http://schema.org/Organization"><span itemprop="name">L'Amourita Pizza</span>
Located at
<div itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress"><span itemprop="streetAddress">123 Main St</span>,
<span itemprop="addressLocality">Albuquerque</span>,
<span itemprop="addressRegion">NM</span>.</div>
<img itemprop="logo" alt="" src="http://www.example.com/logo.png" />
Phone: <span itemprop="telephone">206-555-1234</span>
<a itemprop="url" href="http://pizza.example.com/">http://pizza.example.com</a>

</div>

اسنیپت رخدادها

این اسنیپت شامل اطلاعات مربوط به رخدادهاست. شامل: تاریخ، مکان و زمان رخداد. اگر رخدادها از یک بیشتر باشد، تا سه عدد از آنها نمایش داده می شود.

<div itemscope="" itemtype="http://data-vocabulary.org/Event">​<a itemprop="url" href="http://www.example.com/events/spinaltap">
<span itemprop="summary">Spinal Tap</span>
</a>
<img itemprop="photo" alt="" src="spinal_tap.jpg" /><span itemprop="description">After their highly-publicized search for a new drummer,
Spinal Tap kicks off their latest comeback tour with a San
Francisco show.</span>When:
<time itemprop="startDate" datetime="2015-10-15T19:00-08:00">Oct 15, 7:00PM</time>—
<time itemprop="endDate" datetime="2015-10-15T19:00-08:00">Oct 15, 9:00PM</time>Where:
​<span itemprop="location" itemscope="" itemtype="http://data-vocabulary.org/​Organization">
​<span itemprop="name">Warfield Theatre</span>
​<span itemprop="address" itemscope="" itemtype="http://data-vocabulary.org/Address">
<span itemprop="street-address">982 Market St</span>,
<span itemprop="locality">San Francisco</span>,
<span itemprop="region">CA</span>
</span>
<span itemprop="geo" itemscope="" itemtype="http://data-vocabulary.org/​Geo">
<meta itemprop="latitude" content="37.774929" />
<meta itemprop="longitude" content="-122.419416" />
</span>
</span>Category: <span itemprop="eventType">Concert</span>
<span itemprop="ticketAggregate" itemscope="" itemtype="http://data-vocabulary.org/Offer-aggregate">
Tickets from $<span itemprop="lowPrice">10.00</span>-$<span itemprop="highPrice">11.00</span></span><span itemprop="offerCount">2,000</span> tickets available
<a itemprop="offerurl" href="http://www.example.com/events/spinaltap/alltickets">
http://google.com/ticket</a>See all available tickets

<span itemprop="tickets" itemscope="" itemtype="http://data-vocabulary.org/Offer">
<a itemprop="offerurl" href="http://www.example.com/events/spinaltap/presale">Presale tickets</a>
<span itemprop="price">$10</span>
till <time itemprop="priceValidUntil" datetime="2015-11-10">10 November 2015</time>
(<span itemprop="quantity">1000</span> available)
</span>
<span itemprop="tickets" itemscope="" itemtype="http://data-vocabulary.org/Offer">
<a itemprop="offerurl" href="http://www.example.com/events/spinaltap/tickets">Full-price tickets</a>
<span itemprop="price">$11</span>
</span>

</div>

اسنیپت آلبوم های موسیقی

این اسنیپت، لینک به هرکدام از آهنگ های آلبوم و حتی متن آهنگ را در صورت موجود بودن نمایش می دهد.

 <div itemscope="" itemtype="http://schema.org/MusicGroup">
<h1 itemprop="name">The Parrot Family</h1>
<h2>Songs</h2>
<div itemprop="tracks" itemscope="" itemtype="http://schema.org/MusicRecording"><span itemprop="name">Hello, World!</span>
Length:<meta itemprop="duration" content="PT4M5S" />4:05 -
۱۴۳۰۰ plays
<meta itemprop="interactionCount" content="UserPlays:14300" />
<a itemprop="audio" href="parrot-family-helloworld-play.html">Play</a>
<a itemprop="offers" href="parrot-family-helloworld-buy.html">Buy</a>
From album: <a itemprop="inAlbum" href="parrot-family-yellow-album.html">The Yellow Album</a></div>
<a itemprop="url" href="parrot-family-helloworld-link.html">Link</a>
<div itemscope="" itemtype="http://schema.org/MusicRecording"><span itemprop="name">Parrot Power</span>
Length:<meta itemprop="duration" content="PT6M33S" />6:33 -
۱۱۷۰۰ plays
<meta itemprop="interactionCount" content="UserPlays:11700" />
<a itemprop="url" href="parrot-family-parrotpower-link.html">Link</a>
<a itemprop="audio" href="parrot-family-parrotpower-play.html">Play</a>
<a itemprop="offers" href="parrot-family-parrotpower-buy.html">Buy</a>
From album: <a itemprop="inAlbum" href="parrot-family-yellow-album.html">The Yellow Album</a></div>
</div>

اسنیپت افراد

مردم نیز می توانند اطلاعاتی از خود، همچون عنوان شغلی، کمپانی که در آن کار می کنندبه همراه مکان آن را در نتایج نشان دهند. حتی اطلاعاتی همچون Nickname، عکس و… می توانداضافه شود.

اسنیپت افراد با اسنیپت نویسنده تفاوت دارد. در عکس زیر، تفاوت را مشاهده می کنید.

<div>My name is Bob Smith, but people call me Smithy. Here is my home page:
<a href="http://www.example.com">www.example.com</a>.
I live in Albuquerque, NM and work as an engineer at ACME Corp.
My friends:
<a href="http://darryl-blog.example.com">Darryl</a>,
<a href="http://edna-blog.example.com">Edna</a></div>

اسنیپت محصولات

این اسنیپت، شامل عکس محصول، رتبه بندی و بازه ی قیمتی محصول می باشد.

<div itemscope="" itemtype="http://data-vocabulary.org/Product"><span itemprop="brand">ACME</span> <span itemprop="name">Executive Anvil</span>
<img itemprop="image" alt="" src="anvil_executive.jpg" /><span itemprop="review" itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate">
Average rating: <span itemprop="rating">4.4</span>, based on
<span itemprop="count">89</span> reviews
</span><span itemprop="offerDetails" itemscope="" itemtype="http://data-vocabulary.org/Offer-aggregate">
from $<span itemprop="lowPrice">119.99</span> to
$<span itemprop="highPrice">199.99</span>
<meta itemprop="currency" content="USD" />
</span></div>

اسنیپت رتبه بندی

در مثال های قبل، اسنیپت هایی را دیدید که اسنیپت رتبه بندی در آن وجود داشت. اما شما می توانید این رتبه بندی را نیز به تنهایی در نتایج ایجاد کنید. این اسنیپت، رتبه ی محصولی را از بین ۵ ستاره مشخص می کند.

itemprop="rating" alt="4 Star Rating: Recommended" src="four_star_rating.gif" />

اسنیپت ویدیو

اگر نیاز به یک عکس از ویدیو خود در کنار نتایج جستجو دارید، مارک آپ ها در این زمینه کمی متفاوت عمل می کنند. گوگل اطلاعات مربوط به Sahre فیسبوک ویدیو را می تواند شناسایی نماید.