ریچ اسنیپت (Rich Snippet) چیست؟

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

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

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

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

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

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

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

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

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

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

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

در زیر، برای مثال، کدهای HTML وجود دارد که اطلاعاتی را درباره من ارائه می کند:

<div>این مقاله در سایت لینوکس وب منتشر یافته است.

<a href="http://linux-web.ir">www.linux-web.ir</a>
می باشد.</div>

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

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

3) ریچ اسنیپت های خود را تست کنید

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

4) صبور باشید

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

 انواع 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 -
14300 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 -
11700 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>

اسنیپت وعده های غذایی

اسنیپت وعده های غذایی اطلاعات کاملی همچون رتبه بندی محصول، زمان تهیه و مقدار کالری محصول می باشد. برای افزودن این اسنیپت نیاز به حداقل 2 مورد از موارد زیر می باشد:

  • عکس غذا در ظرف
  • تگ: زمان آماده سازی، زمان پخت، زمان کل و یا محتویات
  • کالری
  • رتبه بندی

آموزش نصب این اسنیپت را در گوگل وبمستر ببینید.

نمونه کد:

<div itemscope="" itemtype="http://data-vocabulary.org/Recipe">
<h1 itemprop="name">Grandma's Holiday Apple Pie</h1>
<img itemprop="photo" alt="" src="apple-pie.jpg" />
By <span itemprop="author">Carol Smith</span>
Published: <time itemprop="published" datetime="2009-11-05">
November 5, 2009</time>
<span itemprop="summary">This is my grandmother's apple pie recipe. I like to add a
dash of nutmeg.</span>
<span itemprop="review" itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate">
<span itemprop="rating">4.0</span> stars based on
<span itemprop="count">35</span> reviews </span>
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="yield">1 9" pie (8 servings)</span>
<span itemprop="nutrition" itemscope="" itemtype="http://data-vocabulary.org/Nutrition">
Serving size: <span itemprop="servingSize">1 medium slice</span>
Calories per serving: <span itemprop="calories">250</span>
Fat per serving: <span itemprop="fat">12g</span>
</span>
Ingredients:
<span itemprop="ingredient" itemscope="" itemtype="http://data-vocabulary.org/RecipeIngredient">
Thinly-sliced <span itemprop="name">apples</span>:
<span itemprop="amount">6 cups</span>
</span>
<span itemprop="ingredient" itemscope="" itemtype="http://data-vocabulary.org/RecipeIngredient">
<span itemprop="name">White sugar</span>:
<span itemprop="amount">3/4 cup</span>
</span>
...

Directions:
<div itemprop="instructions">1. Cut and peel apples
2. Mix sugar and cinnamon. Use additional sugar for tart apples.
...</div>
</div>

 

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

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

آموزش نصب این اسنیپت را در گوگل وبمستر ببینید.

نمونه کد:

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

اسنیپت ویدیو

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

آموزش نصب این اسنیپت را در گوگل وبمستر ببینید.

نمونه کد:

<meta name="title" content="Baroo? - cute puppies" />
<meta name="description" content="The cutest canine head tilts on the Internet!" />	<link href="http://example.com/thumbnail_preview.jpg" rel="image_src" /> 	<link href="http://example.com/video_object.swf?id=12345" rel="video_src" /><meta name="video_height" content="296" />
<meta name="video_width" content="512" />
<meta name="video_type" content="application/x-shockwave-flash" />





لیست مطالب مرتبط

Page Authority چیست؟ Bounce Rate چیست؟

CTR و راه های افزایش آن

Page Authority، متریک اندازه‌گیری شده MOZ برای بررسی احتمال رتبه گرفتن صفحه در صفحه نتایج سایت گوگل است.این متریک، بر اساس داده‌های شاخص وب Mozcape تعیین می‌شود

bounce rate نرخ دفع بازدید کننده از سایت است.هر چقدر کاربران بیشتر از سایت شما فراری باشند این مقدار که به صورت درصدی است افزایش می باید(بدتر می شود)

CTR مخفف Click Through Rate است، و به معنی نرخ کلیک نسبت به رتبه است.برای مثال اگر با عبارت x یکی از صفحات شما در صفحه اول در رتبه پنجم باشد، و...


 

 

 

 

هاست لینوکس خرید هاست لینوکس خرید سرور مجازی خرید هاست لینوکس ارزان