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
-
Help, site traffic has dropped significantly since we changed from http to https
Heya, so I am just in charge of the content on the site, and the SEO content, not the actual back-end stuff. A little under 2 weeks ago we switched to https, and our site traffic has been down a lot ever since. When I SERP check our keywords, they don't seem to have dropped in rankings pages. Here is what I got when I asked our dev guy if 301 redirects were put in: I did not add any redirects so all of the content is accessible on both unless individual links get hardcoded one way or the other. The only thing in place is a Cloudflare plugin which rewrites links in cached pages to match the way its accessed, so if for example you access a page over https you don’t get the version cached with a bunch of http links since that will throw up mixed content warnings in the browser. Other than that WP mostly generates all its links to match whatever protocol you are accessing the current page with. We can make specific pages redirect one way or the other in the future if we want to though... As a startup, site traffic is a metric we track to gouge progress, and so I really need to get to the bottom of if it was the change from http to https that has causes the drop, and if so, what can we do about it? Also, in case it is relevant: the bounce rate is now sky high (ave. 15% to 64% this last week!) Any help is very welcome! Site: https://mobileday.com Thank you!
Web Design | | MobileDay1 -
A campaign ghost keeps returning to my Google Analytics - Help!
A couple of campaign tracking links were created on my homepage (leading to internal pages), these were removed a few weeks ago (100% removed from the site). I understand there is a 6 month window and as long as a user returns (no matter from which source) they will be counted as a session against that campaign. Since these campaign links were set-up in error, I hoped creating a fresh new view within Google Analytics would stop them appearing. However they are still showing as sessions even in the new view (created after removing the campaign links in question). Is there anyway to stop this happening!? I want to be able to report on sessions correctly. Thanks, Sam
Web Design | | Sam.at.Moz0 -
ECWID Ecommerce Sitemaps (Lack of)
Does anyone know if the lack of sitemaps on ECWID built sites is a negative for SEO? Does Google somehow index these sites and do they penalize because sites can't include the urls in sitemaps? Also, any idea how to build a sitemap to include ECWID shopping carts?
Web Design | | Atlanta-SMO0 -
Help with Schema.org on Ecommerce Products
I’m looking for ways of using schema.org with products that have pricing options. There appear to be two main problems 1) Whilst colour, width, height and depth are all catered for, size appears to be missing – how can we mark up products that are available in sizes that aren’t necessarily covered by width/height/depth (e.g. shoe size). Also, what if the product is available in different finishes – technically, these could not properly be described as colours so how could we mark them up? 2) There doesn’t seem to be any particularly good way of marking up pricing options that are displayed on the same product detail page. For e.g. if a pricing option table is used like this: | ID | Colour | Price 001-red | Red | £3.99 001-green | Green | £4.49 001-blue | Blue | £4.99 | I can mark up each row as an offer, and give each offer a price and sku or mpn, but then I can’t use itemprop=”color” to describe exactly what the option is. Would I just use itemprop=”name” in this case and abandon color altogether (even though it’s technically supposed to be describing the colour of the product and not the name of the offer)? I suppose another way I could approach it would be to mark up each row as an individual product, and assign each one an offer with the details as described above but then the containing page would effectively look like a separate product – which it isn’t. Any help or advice on this would be very much appreciated
Web Design | | paulbaguley0 -
What To Do When Improved Site Speed & Layout Result In Higher Bounce Rates & Lower Time On Site
We launched a new Bootstrap 3.0 site template 2 weeks ago. The site loads 5x faster and has a much improved layout (utilizing most common above the fold recommendations ). It's only been two weeks, but our bounce rate has increased 5-10% and our avg time on site decreased by 10-18%. Here is the page for one of our most common products so you can see the general experience: <a>http://www.jwsuretybonds.com/surety-bonds/commercial-bonds/auto_dealer_bond.htm</a> (here is the old version: <a>http://199.119.123.134/surety-bonds/commercial-bonds/auto_dealer_bond.htm</a>) We spent two months implementing the new design and working on a speedy load time. We had anticipated a drastic improvement, not mild downturn in user behavior. I'm hopeful that the Analytics metrics aren't showing the true picture on the keywords we care about (can't see anymore due to "Not Provided" listed as most keywords now. Argh!) and perhaps some of the more important/accurate user behavior metrics that we can't see are improving. We know our industry and our clients needs VERY well. We THOUGHT our new content/layout was perfect so it will be tough for us to try to make improvements at this point. We believe our best plan of action now is to add more content on each page and A/B test it along with other subtle changes. The problem is that our new content is very concise and hits on all of the primary visitor intentions, so additions of content could be redundant and making concise answers more "fluffy", which is what we tried to get away from. What do you think? Is there reason for panic? What would your plan of attack be if your "sure shot" new design didn't provide the improvements you "knew" it would? 🙂
Web Design | | TheDude0 -
Need some advice on changing website around.
I want to make some changes to my personal website and need a little help. I originally hired someone to create this site for me several years ago. Most of the site (including the home page) is html, but the blog part (/blog) is wordpress. The main site hasn't been updated in a few years (although the blog has been updated more often.) I'm not really targeting any keywords on my site (other than just my name) so I'm not really concerned about loosing any rank or anything. I"m just curious what the best route to go should be. Would you suggest keeping the site's format "as is" so to speak? (make the front page a landing page so to speak that links to my various sites, a little bio, etc; keep an about page, contact, /blog, etc...? ) Or should I go the more traditional route and make the blog the front page? Another route is to someone keep the most recent (1,2,or 3) posts on the home page (landing page) and sort of make it a landing page / recent post page. It's sort of like that now, only the main page just links to the most recent post instead of actually adding the post, if that makes sense. There maybe some themes out there that would work well, so feel free to suggest one if you know one that would work. I think the Aboutme.com pages look pretty nice and will let you use a custom domain, but I'm not sure. (And it's not a complete theme, so not sure that's the best option.) Thanks!
Web Design | | NoahsDad0 -
Wordpress/ Insert Tables/ SEO
I'm using Wordpress to create websites and blogs. I have limited (non-existent) HTML Coding knowledge. I'm looking to insert tables within my pages with information. Inside of these tables I want certain names to link to another page with more specific information about that name. I'm using a plugin called "WP Tables Reloaded" it simple helps you to create aesthetically pleasing tables without needing to know HTML Code or CSS. The issue is... when you create this table and insert it to the post, the only thing that shows on the sites back-end page is the table I.D. and the only thing that shows in the HTML is the tables I.D. It looks like this... [table id=2 /] I don't think search engines will be able to crawl this table, thus I won't be receiving any credit for the links being used within the table. Am I right about this?
Web Design | | AndySolo0 -
How to serve a Mobile & Full Site using one URL?
Hello, Does anyone know of any resources or tutorials that outline how to serve a smartphone-formatted website using the same URL as the full site? I know that one solution is using media-queries to serve a seperate CSS stylesheet, but you still have the full HTML source code. In other words, I might want to serve a smartphone & desktop user different content, but under one URL. WP Touch (Wordpress Plugin) is a perfect example of what I mean, but how is it technically achieved? It serves two different sets of HTML for smartphone & full, but using one URL http://www.bravenewcode.com/store/plugins/wptouch-pro/
Web Design | | petecampbell-bmi0