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
-
Pagerank and SERP rankings downhill after site update
Our site underwent a major update in September 2012. We put the entire site in WordPress and did away with our static pages. Then, in February 2013, we moved our shopping cart pages from a subdomain to our main domain (in WordPress). In both cases, we had to implement a massive 301 redirect through htaccess as most of our URLs changed with the update. Our site consists of the shopping cart (WooCommerce), blog, and supporting pages. We noticed traffic starting to drop around the last week of November (2012) and it has steadily declined ever since. None of our shop pages have a pagerank with virtually all them showing a gray bar with question mark. Only the shop homepage has some pagerank -- that too from 4 previously to 2 now. Some of the words we used to rank very well for before, we don't even show in the first five pages anymore. At first, we thought it was a temporary situation that would self correct over time, but it doesn't seem to get better at all. All said, we have lost over 80% of our traffic from Google organic. Upon repeated reviews, the 301 redirects seem to be done correctly and we don't see any serious mistakes that could cause such a huge drop. So the question is are we missing something? Are we not looking at the right places? Any ideas where we might start looking? We're simply looking for ideas and a fresh perspective.
Web Design | | bizmanuals0 -
URL Designing and Site Architecture
Hi, 1. At the end of the URL, should we have "/" or not (for e.g. my website www.example.com/abc/) 2. What is the optimum level of site depth 3. Google crawler will go through the breadcrumb or url (If a page is at 6th level through breadcrumb and at 4th level through URL, at which level will google crawler recognize this.
Web Design | | adiez12340 -
Pulling old site-map and URL structure of a site
Hey guys how do I pull an old sitemap or URL structure of a site ! This company I am helping out . Build a new site without any 301 redirect ! It's been about 2 months and hosting company sent me. SQL database file said we basically need to build another site ! Wondering if there are any other ways to see what exact urls were existent before their change over
Web Design | | BizDetox0 -
How to change the entire contents and design in my site without getting troubles with google?
Hello everyone This is my first post over here. In the next few weeks we going to change the entire content and design in our site. The site has 240 pages with poor contents and design. Except 301 redirects for all the old url’s I wanted to consult with you what is the right way to do it without harm my organic traffic that come from google? How google refers to this kind of changes? Which steps should I need to take to do it properly? Hope to get your help in the issue. Tahnks in advance.
Web Design | | JonsonSwartz0 -
How does a Responsive Site kill SEO?
How does a Responsive Site poentially kill SEO? I've seen a few feeds on twitter how a website took a rankings dive after implementing a Responsive theme; yet, it's not clear to me what is actually going on within a Responsive site that would cause the SEO rank to tank? I can only speculate that it introduces a bunch of 404 errors, or that it changes all of the URLs into gibberish, so you loose all of the links coming into your website if not 301'ed? Can someone clarify, what are the actual mechanical issues on a Responsive website that becomes a concern to SEO? Thanks.
Web Design | | ExploreConsulting1 -
How do I properly implement rel=me?
Is there a primer anywhere that will help me understand how rel=me works and how to implement it properly? I do NOT have a blog but I do have a Google+ account. I want to put my mug into my SERPs so I need to understand both the concept and the technical details of implementing this. I am very comfortable with markup so I will be able to do this if I understand WHAT I am doing and HOW it is done. Thanks for your help! Chris Streeter
Web Design | | DVRSystems190 -
Suggestions For My Ecommerce Site
I am starting to work on an ecommerce site that I am part owner of. My partner who is the other owner started the site a while back and because he has no internet marketing experience the site didn't come out very well. I am currently overhauling the site and here is a list of things first on my list so I can at least get started on some seo and even ppc. I would really appreciate it if you could take a look at our store and see if you think I am missing anything or you could suggest anything else that really should be done immediately or something that is wrong. The site is www.clubfitnesswarehouse.com Update magento to newest version Fix url structure to be SEO friendly for homepage, category pages, product pages etc. For an example of a site that has great seo friendly urls please refer to examples on http://www.bigfitness.com/ site. For example these pages. http://www.bigfitness.com/treadmillstore.html , http://www.bigfitness.com/bosplincy.html , Remove top navigation menu and instead create left sidebar navigation menu created to navigate site and products. For example of these types of sidebars please refer to sidebar on http://www.bigfitness.com/ or http://www.americanfitness.net/ We will NOT be using same structure as what is in top navigation currently. Categories and keywords of categories will be changed and some will stay the same structure as is currently in navigation For header we would like to feature our shipping policy, returns, privacy policy, no sales tax etc. For example I have seen that I like refer to http://www.spiderofficechairs.com/ Obviously we do not want to copy but something similar for our own site. All images on homepage must be changed to include clickable txt so google can read text not just pictures. We would also like product pages modified to make more user friendly and conversion increased. Add to cart button needs to be changed, text needs to be brighter instead of dull grey color. Add to cart button must also be moved ABOVE THE FOLD! Also on product pages we would like to add sections in addition to Product Description, of Specs, and About section for each product page. We also need the ability to change this information as needed when we need to.
Web Design | | PEnterprises0 -
Why is site not being indexed by Google, and not showing on a crawl test??
On a site we developed of which .com is forwarded to .net domain, we quit getting crawled by google on about the 20th of Feb. Now when we try to run a crawl test on either url, we get There was an error fetching this page. Error description For some reason the page returned did not describe itself as an html page. It could be possible that the url is serving an image, rss feed, pdf, or xml file of some sort. The crawl tool does not currently report metrics on this type of data. Our other sites are fine and this was up to this date. We took out noodp, noydir today as the only thing we could think of. Site is on WP cms.
Web Design | | RobertFisher0