Need help to implement microdata/microformat for ecommerce site
-
**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.
-
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.
-
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?
-
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.
-
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!
-
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
-
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.
-
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.
-
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.
-
Dana,
Thanks for your effort & help.
-
Thanks Mathew...I have given same to my in house tech team.
-
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
-
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!
-
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:
-
<div< span="">itemscope itemtype="http://schema.org/Product"></div<>
-
<span< span="">itemprop="name">Kenmore White 17" Microwave</span<>
-
<img< span="">src="kenmore-microwave-17in.jpg" alt='Kenmore 17" Microwave' /></img<>
-
<div< span="">itemprop="aggregateRating"</div<>
-
itemscope itemtype="http://schema.org/AggregateRating">
-
Rated <span< span="">itemprop="ratingValue">3.5</span<>/5
-
based on <span< span="">itemprop="reviewCount">11</span<> customer reviews
-
<div< span="">itemprop="offers" itemscope itemtype="http://schema.org/Offer"></div<>
-
<span< span="">itemprop="price">$55.00</span<>
-
<link< span="">itemprop="availability" href="http://schema.org/InStock" />In stock</link<>
-
Product description:
-
<span< span="">itemprop="description">0.7 cubic feet countertop microwave.</span<>
-
Has six preset cooking categories and convenience features like
-
Add-A-Minute and Child Lock.
-
Customer reviews:
-
<div< span="">itemprop="review" itemscope itemtype="http://schema.org/Review"></div<>
-
<span< span="">itemprop="name">Not a happy camper</span<> -
-
by <span< span="">itemprop="author">Ellie</span<>,
-
<meta< span="">itemprop="datePublished" content="2011-04-01">April 1, 2011</meta<>
-
<div< span="">itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"></div<>
-
<meta< span="">itemprop="worstRating" content = "1"></meta<>
-
<span< span="">itemprop="ratingValue">1</span<>/
-
<span< span="">itemprop="bestRating">5</span<>stars
-
<span< span="">itemprop="description">The lamp burned out and now I have to replace</span<>
-
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.
-
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Best way to indicate multiple Lang/Locales for a site in the sitemap
So here is a question that may be obvious but wondering if there is some nuance here that I may be missing. Question: Consider an ecommerce site that has multiple sites around the world but are all variations of the same thing just in different languages. Now lets say some of these exist on just a normal .com page while others exist on different ccTLD's. When you build out the XML Sitemap for these sites, especially the ones on the other ccTLD's, we want to ensure that using <loc>http://www.example.co.uk/en_GB/"</loc> <xhtml:link<br>rel="alternate"
Web Design | | DRSearchEngOpt
hreflang="en-AU"
href="http://www.example.com.AU/en_AU/"
/>
<xhtml:link<br>rel="alternate"
hreflang="en-NZ"
href="http://www.example.co.NZ/en_NZ/"
/> Would be the correct way of doing this. I know I have to change this for each different ccTLD but it just looks weird when you start putting about 10-15 different language locale variations as alternate links. I guess I am just looking for a bit of re-affirmation I am doing this right.</xhtml:link<br></xhtml:link<br> Thanks!0 -
Changing Links that Show Up when I Google Brand (Site) Name
Hi SEOmoz Community, A quick question for you all. I've added an attachment for reference. When I google my brand name, say for example, Applied StemCell, I see six links as well below the description. Oddly though, these links seem to be chosen at random, or at least I'm not sure how Google decides on them. When I click on one of the links that is the company's name, Applied StemCell it brings me to a PDF document! Is there any way I can choose which ones to display there? Thanks! OF2oVVN.png
Web Design | | swzhai0 -
Does Google have problem crawling ssl sites?
We have a site that was ranking well and recently dropped in traffic and ranking. The whole site is https and and not just the shopping pages. Thats the way the server is setup, they make whole site https. My manager thinks the drop in ranking is due to google not crawling https. I think contrary, but would like some feedback on this. Site is here
Web Design | | anthonytjm0 -
Do I need to redirect soft 404s that I got from Google Webmaster Tools?
Hi guys, I got almost 1000+ soft 404s from GWT. All of the soft 404s produce 200 HTTP status code but the URLs are something like the following: http://www.example.com/search/house-for-rent (query used: house for rent) http://www.example.com/search/-----------rent (query used:-------rent) There are no listings that match these queries and there is an advanced search that is visible in these pages. Here are my questions: 1. Do I need to redirect each page to its appropriate landing page? 2. Do I need to add user sitemap or a list of URLs where they can search for other properties? Any suggestions would help. 🙂
Web Design | | esiow20130 -
Branding site
We are starting a new used car site in latam, and we are in the process of developing the brand, part of the team would like to have the "auto" (spanish for car" in the name and some no. The question is, form a SEO point of view, how strong signal is to have the string auto as part as the URL, and can you have a complete unrelated url and have several URLs with the auto string on it pointing in a 301 way to the non unrelated brand name as a way around? (sorry about my english, I hope you can understand the question) PS, yes, there are a lot of queries involving auto in our target market.
Web Design | | Bligoo0 -
Web Design for Ecommerce like wanelo
Hi, I have a client that wants to design an ecommerce site like http://www.wanelo.com/ initially they want to set up a first release to test their market using just he basic functionality thereofre you see a picture click on it add toshopping cart an buy. Does anyone know of a theme that can be used on wordpress or any other ecommerce system that has a pre defined theme as http://www.wanelo.com/ Thanks
Web Design | | VivaArturo
Arthur0 -
Testing your code and site
I’ve got various WordPress websites with the Share This social plugin for WordPress. I have been using Firebug and http://analyze.websiteoptimization.com/wso to do general checks on the site and the code. And used W3C validator too. Due to the way WordPress appears to work we never seem to be able to get all the firebug/ website optimization tests to pass and the W3C validator passes everything on HTML 5 apart from 7 errors with the Share This social plugin. How do you test your code/websites? Should I stop be a perfectionist and just be happy?
Web Design | | JohnW-UK0 -
For a varied product type or keywords group is it best to have several sites?
Hello everyone... Question: I have 7-8 generic keywords that I would like to rank for, is it possible for one site to rank highly for all these different keywords, or would this be best achieved by making 2 or 3 websites in total targeting different keywords (product sectors)? More info: We are in a niche industry & would like to know if it would be beneficial to have several websites made for specific product types rather than one main site? Although these sub classifications of products are nice, they are competitive as they have a high search volume Would it be better to build specific websites that only do that one type of product and have related keyword in domain, content & blogs on the site to that effect to increase relevance and positions as a result? Thanks
Web Design | | Ray_UK0