Need help to implement microdata/microformat for ecommerce site

[EastEssence22]

**Can somebody please help me to implement microdata/microformats codes for our ecommerce product pages? **
Please guide me if you have some CSS example for the same.

Thanks.

[MatthewBarby]

Hi Lorna,

Have you managed to find the file through FTP?

Drop me an email on matt@wowinternet.net and I will send you over some more info.

Matt.

[CenturionSigns]

Thanks Matt. It's a great article, but I don't see any step by step instructions on how to apply schema.org rich text snippets into that product template file?

[MatthewBarby]

Hi Lorna,

I have recently done this on a Joomla/VirtueMart website.

You need to go in via FTP into your website's root folder and navugate to the following file:

/httpdocs/components/com_virtuemart/themes/default/templates/product_details/vmj_ritz.tpl.php

Once you have got this file you will be able to edit the actual product details page within your shop. I recently wrote a blog on on-page optimisation and there was a section on open graph/schema code so if you follow my instructions on there then it should help you out:

http://www.wowinternet.co.uk/blog/on-page-optimisation-with-a-view-to-the-off-page-seo/

Hope this helps,

Matt.

[CenturionSigns]

Matthew, I would be very interested in your recommendation for a solution for Joomla. Just tackling 3 sites on Joomla/Virtuemart after years with Wordpress and OSCommerce. Thanks!

[EastEssence22]

Matthew,

Website is in Netsuite. We are doing customizing it as per our need.

Anyway, I dont mind if you share some more knowledge about wordpress plugins.

Thanks

[MatthewBarby]

No problem Sameer.

I would also pay attention to what Dana has said below with the Open Graph code because it is just as important to prepare your page content to be shared as it is to optimise for the search engines.

Do you use a CMS? If so, I know a few good plugins that automate this process within both Joomla and WordPress.

Matt.

[MatthewBarby]

No problem Sameer.

I would also pay attention to what Dana has said below with the Open Graph code because it is just as important to prepare your page content to be shared as it is to optimise for the search engines.

Do you use a CMS? If so, I know a few good plugins that automate this process within both Joomla and WordPress.

Matt.

[EastEssence22]

Gerd,

Thanks for wonderful information & advice. Most importantly advice about testing.

I am delighted & regretting about not asking this question long back on SEOmoz forum.

Thank you, thank you, thank you.

[EastEssence22]

Dana,

Thanks for your effort & help.

[EastEssence22]

Thanks Mathew...I have given same to my in house tech team.

[MagicDude4Eva]

I would go through this page first: http://support.google.com/webmasters/bin/answer.py?hl=en&answer=1093493 and then follow the instructions for implementing hproduct here: http://support.google.com/webmasters/bin/answer.py?hl=en&answer=146750#usage

Before you take your pages live, use the Richnsippets tool to test your markup: http://www.google.com/webmasters/tools/richsnippets

Make sure that you include category breadcrumbs in your product pages. The product markup and offer-markup is obvious and quite easy. If your site offers reviews on products, use the hreview tags as well - this will give you great exposure.

Be aware, that Google is quite difficult when it comes to "Your markup contains hidden data" - one example is if your price tag for example looks like this, Google will reject it: $100.50

[danatanseo]

I just did this today. It was on a 3dcart store, so this may be over simplistic, but hopefully it gets you closer to implementing what you want (your will have to replace the URLs with your own of course):Immediately after your page tagshttp://www.yourdomainname.com/product-image-url.jpg"/> Then you will need to install the Facebook "Like" button javascript on your product pages. You can get detailed instruction on how to get and install this code by going to Facebook Developers area hereI am not a developer and it is pretty straightforward. You are able to define the size,, style etc. of your Like button on that page.Good luck. I hope this helps!

[MatthewBarby]

The best place to start here is with schema.org markup code. It will allow you to markup the different parts of your product pages to signal to the search engines the different attributa that your product has.

An example of some of the code that can be used is shown below:

1. <div< span="">itemscope itemtype="http://schema.org/Product"></div<>

2. <span< span="">itemprop="name">Kenmore White 17" Microwave</span<>

3. <img< span="">src="kenmore-microwave-17in.jpg" alt='Kenmore 17" Microwave' /></img<>

4. <div< span="">itemprop="aggregateRating"</div<>

5. itemscope itemtype="http://schema.org/AggregateRating">

6. Rated <span< span="">itemprop="ratingValue">3.5</span<>/5

7. based on <span< span="">itemprop="reviewCount">11</span<> customer reviews

8. <div< span="">itemprop="offers" itemscope itemtype="http://schema.org/Offer"></div<>

9. <span< span="">itemprop="price">$55.00</span<>

10. <link< span="">itemprop="availability" href="http://schema.org/InStock" />In stock</link<>

11. Product description:

12. <span< span="">itemprop="description">0.7 cubic feet countertop microwave.</span<>

13. Has six preset cooking categories and convenience features like

14. Add-A-Minute and Child Lock.

15. Customer reviews:

16. <div< span="">itemprop="review" itemscope itemtype="http://schema.org/Review"></div<>

17. <span< span="">itemprop="name">Not a happy camper</span<> -

18. by <span< span="">itemprop="author">Ellie</span<>,

19. <meta< span="">itemprop="datePublished" content="2011-04-01">April 1, 2011</meta<>

20. <div< span="">itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"></div<>

21. <meta< span="">itemprop="worstRating" content = "1"></meta<>

22. <span< span="">itemprop="ratingValue">1</span<>/

23. <span< span="">itemprop="bestRating">5</span<>stars

24. <span< span="">itemprop="description">The lamp burned out and now I have to replace</span<>

25. it.

The itemtype tag signal what type of content the webpage is about. In this example, it is about a product. Then the itemprop tags act as labels to group the different information as the product name, rating, etc.

Full attribute lists can be found at http://schema.org I hope this has helped.

Matt.