Rich Snippets in Magento product page - #MUG020

hans2103 30 augustus 2013hans2103 30 augustus 2013

hans2103 30 augustus 2013
markup
<div>
<h1>Avatar</h1>
<span>Director: James Cameron (born August
16, 1954)</span>
<span>Science fiction</span>
<a href="../movies/avatar-theatrical-
trailer.html">Trailer</a>
</div>

itemscope
<div itemscope>
<h1>Avatar</h1>
16, 1954) </span>
</div>

<div itemscope itemtype="http://schema.org/
Movie">
<h1>Avatar</h1>
16, 1954)</span>
</div>
itemtype

itemprop
<div itemscope itemtype ="http://schema.org/
Movie">
<h1 itemprop="name">Avatar</h1>
<span>Director: <span
itemprop="director">James Cameron</span>
(born August 16, 1954)</span>
<span itemprop="genre">Science fiction</
span>
trailer.html" itemprop="trailer">Trailer</a>
</div>

embedded items
<div itemscope itemtype ="http://schema.org/
Movie">
<h1 itemprop="name">Avatar</h1>
<div itemprop="director" itemscope
itemtype="http://schema.org/Person">
Director: <span itemprop="name">James
Cameron</span> (born <span
itemprop="birthDate">August 16, 1954)</span>
</div>
<span itemprop="genre">Science fiction</
span>
trailer.html" itemprop="trailer">Trailer</a>

hopsakee... aan de slag!

add ?ath=1 to url

ﬁle to edit

• itemtype = http://schema.org/Product
• itemscope
add scope Product

open
template/catalog/product/view.phtml
ﬁnd
replace with
save&close
<div class="product-view" itemscope
itemtype="http://schema.org/Product">
<div class="product-view">

• itemprop = name
• is part of itemtype = Product
name

<div class="product-name">
<h1><?php echo $_helper-
>productAttribute($_product, $_product-
>getName(), 'name') ?></h1>
</div>
open
ﬁnd
replace with
save&close
<div class="product-name">
<h1 itemprop="name"><?php echo $_helper-
>productAttribute($_product, $_product-
>getName(), 'name') ?></h1>
</div>

• itemprop = description
description

<div class="std"><?php echo $_helper-
>productAttribute($_product, nl2br($_product-
>getShortDescription()),
'short_description') ?></div>
open
ﬁnd
replace with
save&close
<div class="std" itemprop="description"><?php
echo $_helper->productAttribute($_product,
nl2br($_product->getShortDescription()),
'short_description') ?></div>

• itemprop = image
image

repeat
<?php
$_img = '<img id="image" itemprop="image"
src="'.$this->helper('catalog/image')-
>init($_product, 'image')
<?php
$_img = '<img id="image" src="'.$this-
>helper('catalog/image')->init($_product,
'image')
open
template/catalog/product/view/media.phtml
ﬁnd
replace with
save&close

• itemprop = url
url

open
ﬁnd
replace with
save&close
<meta itemprop="url" content="<?php echo
$_product->getProductUrl() ?>"/>

• itemtype = http://schema.org/Offer
• itemscope
add scope Offer

<div itemprop="offers" itemscope
itemtype="http://schema.org/Offer">
<?php echo $this-
>getChildHtml('product_type_data') ?>
<?php echo $this->getTierPriceHtml() ?>
</div>
open
ﬁnd
replace with
save&close
<?php echo $this-
>getChildHtml('product_type_data') ?>
<?php echo $this->getTierPriceHtml() ?>

• itemprop = priceCurrency
• is part of itemtype = Offer
•
priceCurrency
<meta itemprop="priceCurrency"
content="<?php echo $currency_code
= Mage::app()->getStore()-
>getCurrentCurrencyCode(); ?>"/>

<?php echo $this-
>getChildHtml('alert_urls') ?>
open
ﬁnd
<meta itemprop="priceCurrency" content="<?php
echo $currency_code = Mage::app()-
>getStore()->getCurrentCurrencyCode(); ?>"/>
add after
save&close

• itemprop = availability
itemAvailability

<p class="availability in-stock"><link
itemprop="availability" href="http://
schema.org/InStock"><?php echo $this-
>__('Availability:') ?> <span><?php echo
$this->__('In stock') ?></span></p>
<p class="availability in-stock"><?php echo
$this->__('Availability:') ?> <span><?php
echo $this->__('In stock') ?></span></p>
open
template/catalog/product/view/type/default.phtml
ﬁnd
replace with
save&close

<p class="availability out-of-stock"><link
itemprop="availability" href="http://
schema.org/OutOfStock"><?php echo $this-
>__('Availability:') ?> <span><?php echo
$this->__('Out of stock') ?></span></p>
<p class="availability out-of-stock"><?php
echo $this->__('Availability:') ?> <span><?
php echo $this->__('Out of stock') ?></
span></p>
open
ﬁnd
replace with
save&close

• itemprop = ItemCondition
• create new attribute ﬁrst
•
itemCondition
<link itemprop="itemCondition"
href="http://schema.org/
<echo_attribute>Condition" />

<?php echo $this-
>getChildHtml('alert_urls') ?>
open
ﬁnd
<link itemprop="itemCondition"
href="http://schema.org/<?php echo $_product-
>getResource()-
>getAttribute('offeritemcondition')-
>getFrontend()->getValue($_product) ?
>Condition" />
add after
save&close

• itemprop = price
• download https://gist.github.com/
hans2103/5635901
• Adding a itemprop to price in upsell is not
wanted.
price

open
ﬁnd
replace with
save&close
<?php echo $this->getPriceHtml($_product,
false, '-aggregate') ?>
<?php echo $this->getPriceHtml($_product) ?>

• itemtype = http://schema.org/
AggregateRating
• itemscope
• rating from Upsell is not wanted
• install https://github.com/hans2103/
Hans2103_ReviewSummaryTemplates
add scope AggregateRating

Hans2103_Review
SummaryTemplates
• Provides ability to add more review summary
templates.
• First written in blogpost by Fontis.com
• Later converted in a module by Arjen Miedema
• Now added to Github by Hans2103

<?php echo $this-
>getReviewsSummaryHtml($_product, false,
true)?>
open
ﬁnd
replace with
save&close
<?php echo $this-
>getReviewsSummaryHtml($_product, 'aggregate',
true)?>

<div class="ratings"
itemprop="aggregateRating" itemscope
itemtype="http://schema.org/AggregateRating">
<?php if ($this->getRatingSummary()):?>
<div class="ratings">
open
template/review/helper/summary_aggregate.phtml
ﬁnd
replace with
save&leave_open

• using other method
• http://data-vocabulary.org/Breadcrumb
• Schema.org can be used too, but the result
in Rich Snippets is not as good as this
method.
add Breadcrumbs

open
template/page/html/breadcrumb.phtml
ﬁnd
replace with
save&leave_open
<li class="<?php echo $_crumbName ?>">
<li class="<?php echo $_crumbName ?>"
itemscope itemtype="http://data-
vocabulary.org/Breadcrumb">

still open
template/page/html/breadcrumb.phtml
ﬁnd
replace with
save&leave_open
<a href="<?php echo $_crumbInfo['link'] ?>"
title="<?php echo $this-
>htmlEscape($_crumbInfo['title']) ?>"
itemprop="url"><span itemprop="title"><?php
echo $this->htmlEscape($_crumbInfo['label']) ?
></span></a>
<a href="<?php echo $_crumbInfo['link'] ?>"
title="<?php echo $this-
>htmlEscape($_crumbInfo['title']) ?>"><?php
echo $this-
>htmlEscape($_crumbInfo['label']) ?></a>

hopsakee... testen!

nu jij!
have fun

http://www.ﬂickr.com/photos/trasimac/1217071176
thank your for your time
http://slideshare.net/hans2103
hans2103
http://about.me/hans2103

Rich Snippets in Magento product page - #MUG020

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Semelhante a Rich Snippets in Magento product page - #MUG020

Semelhante a Rich Snippets in Magento product page - #MUG020 (20)

Mais de Hans Kuijpers

Mais de Hans Kuijpers (20)

Último

Último (20)

Rich Snippets in Magento product page - #MUG020