Bienvenue, Invité
Merci de vous identifier ou de vous inscrire.    Mot de passe perdu?

Mise en place Extraits enrichis : sur la page produits et catégorie
(1 lecteur(s)) (1) Invité(s)
Aller en basPage: 1
SUJET:

Mise en place Extraits enrichis : sur la page produits et catégorie

#61288
moi
Fresh Boarder
Messages: 5
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin La fabrique de tabouret Lieu: Perpignan Date anniversaire: 26/02

Mise en place Extraits enrichis : sur la page produits et catégorie

Il y a 5 Années, 5 Mois
Karma: 0  
Bonjour

voici un retour d’expérience sur les données structurées dans Magento pour le référencement google, Basé sur cette page du centre d'aide de google
Extraits enrichis Google
j'utilse le template "moderne" avec des produit "blumb" pour les images "ig_lightbox2" comme exemple, pour les autres configurations, les modifications sont les mêmes.
Avant de modifier les pages je les ais transféré de frontend/base/default/ à frontend/default/modern/

Pour la page produit ouvrir:
Ouvrir: frontend/default/modern/template/catalog/product/view.phtml

balise :itemscope itemtype=""
Code :

En haute de page ajouter après ?>:
<div itemscope itemtype="http://data-vocabulary.org/Product">
En fin de page fermer la:
</div>



balise: itemprop="name"
Code :

remplacer:
<h1><?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?></h1>
par:
<span itemprop="name"><h1><?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?></h1></span>



Balise:itemprop="description"
Code :

remplacer: 
<div class="std"><?php echo $_helper->productAttribute($_product, nl2br($_product->getShortDescription()), 'short_description') ?></div>
par:
<span itemprop="description"><div class="std"><?php echo $_helper->productAttribute($_product, nl2br($_product->getShortDescription()), 'short_description') ?></div></span>



Ouvrir: frontend/default/modern/template/ig_lightbox2/catalog/product/view/media/gallery/prettyphoto.phtml

balise: itemprop="image"

Code :

Remplacer:
<img
id="image"
src="<?php echo $this->helper('catalog/image')->init($_product, 'image')->resize($this->getImageWidth(), $this->getImageHeight())->keepFrame($this->getImageFrame()) ?>"
alt="<?php echo $this->htmlEscape($this->getImageLabel()) ?>"
title="<?php echo $this->htmlEscape($this->getImageLabel()) ?>"
/>
par:
<img itemprop="image"
id="image"
src="<?php echo $this->helper('catalog/image')->init($_product, 'image')->resize($this->getImageWidth(), $this->getImageHeight())->keepFrame($this->getImageFrame()) ?>"
alt="<?php echo $this->htmlEscape($this->getImageLabel()) ?>"
title="<?php echo $this->htmlEscape($this->getImageLabel()) ?>"
/>



balise: itemprop="thumbnailUrl" (celle ci je l'ais trouver a cette adresse:
balise: itemprop="thumbnailUrl"

Code :


Remplacer:
<img  src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize($this->getThumbnailWidth(), $this->getThumbnailHeight())->keepFrame($this->getThumbnailFrame()); ?>" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" />

Part:
<img itemprop="thumbnailUrl" src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize($this->getThumbnailWidth(), $this->getThumbnailHeight())->keepFrame($this->getThumbnailFrame()); ?>" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" />




Ouvrir : frontend/default/modern/template/bundle/catalog/product/view/type/bundle.phtml
Code :

En haut de page ajouter Aprés ?>:
<span itemprop="offerDetails" itemscope itemtype="http://data-vocabulary.org/Offer">
En fin de page fermer la balise
</span>


balise: itemprop="availability"
Code :

Remplacer: 
<p class="availability in-stock"><?php echo $this->helper('catalog')->__('Availability:') ?>
    <?php echo $this->helper('catalog')->__('In stock') ?></span></p>
Part:
<p class="availability in-stock"><?php echo $this->helper('catalog')->__('Availability:') ?>
    <span itemprop="availability" content="in_stock"><?php echo $this->helper('catalog')->__('In stock') ?></span></p>

Remplacer:
<p class="availability out-of-stock"><?php echo $this->helper('catalog')->__('Availability:') ?><?php echo $this->helper('catalog')->__('Out of stock') ?></span></p>
Par:
<p class="availability out-of-stock"><?php echo $this->helper('catalog')->__('Availability:') ?> <span itemprop="availability" content="on_stock"><?php echo $this->helper('catalog')->__('Out of stock') ?></span></p>



Ouvrir: frontend/default/modern/template/bundle/catalog/product/price.phtml

Code :

Ajouter après:               
<span class="price-label"><?php echo $this->__('As low as') ?>:</span> 

<meta itemprop="currency" content="EUR" />

Balise itemprop="price"

Remplacer:
<?php else: ?>
               <?php echo Mage::helper('core')->currency($_minimalPriceTax) ?>
Par:
<?php else: ?>
               <span itemprop="price"><?php echo Mage::helper('core')->currency($_minimalPriceTax) ?></span>

(Je n'est pas modifié les autres affichages du prix mais le principe est le même)



Pour la page catégorie ouvrir:
frontend/default/modern/template/catalog/product/list.phtm

balise :itemscope itemtype=""
Code :


En haute page ajouter aprés ?>:
<div itemscope itemtype="http://data-vocabulary.org/Product">
En fin de page fermer la:
</div>

Balise: itemprop="image"

Remplacer: 
<?php // Product Image ?>
            <a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image"><img  src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(170); ?>" width="170" height="170" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /></a>
Par:
<?php // Product Image ?>
            <a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image"><img itemprop="image" src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(170); ?>" width="170" height="170" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /></a>

remplacer:
<h2 class="product-name"><a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $_productNameStripped; ?>"><?php echo $_helper->productAttribute($_product, $_product->getName() , 'name'); ?></a></h2>
Par:
<span itemprop="name"><h2 class="product-name"><a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $_productNameStripped; ?>"><?php echo $_helper->productAttribute($_product, $_product->getName() , 'name'); ?></a></h2></span>

Balise : itemprop="review" 

Remplacer:
 <?php if($_product->getRatingSummary()): ?>       
 <?php echo $this->getReviewsSummaryHtml($_product) ?>
                 
Part:
<span itemprop="review" itemscope itemtype="http://data-vocabulary.org/Review-aggregate">
                   <span itemprop="rating"<?php if($_product->getRatingSummary()): ?></span>
                   
                    <?php echo $this->getReviewsSummaryHtml($_product) ?>
                    </span>







Vous pouvez voir un exemple en affichant le code source de la page produit de mon site
Tabourets

Franck bardina google+
 
Dernière édition: 06/11/12 à  11:53 Par moi.
Fabricant d'objets désign
L'administrateur a désactivé l'accès public en écriture.
Revenir en hautPage: 1
Modérateur: Gabriiiel, ILOA, zuiko