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
-
Ecommerce Category Pages
First, let's define the terminology for the various types of ecommerce pages. The terminology differs from organization to organization: Product Description Pages (PDPs): These pages have a single product, pricing, an "add to cart" button, reviews, and a product description. Product Listing Pages (PLPs): These are product category/subcategory pages that have product image links and text links to Product Description Pages (PDPs). Category Pages: These pages have subcategory image and text links to subcategory pages. No product images are displayed Hybrid Category Pages: these pages combine sub-Category Images and text at the top of the page and product listings below. Our CMS currently does not allow us to create hybrids. This conversation revolves primarily around mobile. Our ecommerce team is having discussions around the appropriate use of PLPs vs Category pages. After doing a quick audit of the mobile sites of some top ecommerce players, there is definitely a trend to use Category Pages at the top of the category and sub-category hierarchy and use PLPs at the very bottom. The logic from a usability perspective is to allow visitors to navigate a site without ever using the hamburger navigation. ex: Baby (Category Page) => Car Seats (Category Page) => Convertible Car Seats (PLP) The sites I audited all had hamburger menus. A visitor would navigate from a home page image for "Baby," an image on the "Baby" page to "Car Seats", and an image on the "Car Seats" page to the Convertible Car Seats page. At that point, they would be able to shop for "Convertible Car Seats" on a PLP. This appears to be excellent UX and easy to use navigation. Theoretically, good for SEO as well. In short, category and subcategory pages are being used as navigation to allow visitors to easily navigate to the bottom of the hierarchy and shop on the most narrow page in the hierarchy. Much easier to use than a hamburger menu, but it does entail more clicks. The discussion revolves around allowing users to shop for product at a higher level in the taxonomy. For example, what if a visitor wants to shop all Car Seats? In the above taxonomy, we are precluding users from shopping in this manner. There is no "Car Seats" PLP. Our CMS has the ability to create both a Category Page and a PLP for "Car Seats". We could theoretically place an image on the "Car Seats" category page for "View All Car Seats", and allow users to click to a "Car Seats" PLP. None of the major ecommerce players I've audited are adding a PLP option higher up in the hierarchy. That doesn't mean that it's not good UX. Problems: From an SEO perspective, having a Category Page and a PLP for "Car Seats" would cause cannibalization - they would be competing for the same keywords. I am skeptical that canonicals would work. The pages are not near duplicate content. One page has category images, the other has product images. We could place content blocks on the page to make them more similar. We could noindex the PLP, but that's a waste of internal link juice. Need advice: Will canonicals work in this situation? Should we trash this idea entirely? Does adding a PLP add value or confusion? Is noindex a good idea? Is there an option to target keyword variations with the PLP? Is there another solution?
Web Design | | Satans_Apprentice0 -
Can we link back from help documents to product or features pages on website?
Hi, We have all our help documents on subdirectory linked for all the features or products we provide. Like we linked website.com/help/seo-guide from website.com/services/seo-product as that is relevant guide. Do we need to link back from all help guide pages to product pages? Thanks
Web Design | | vtmoz0 -
New Mobile Site Traffic Drop
With all the talk about how much mobile is important and how it is going to return its own search results, we finally decided to make a mobile site for one of our smaller websites to test the water. We put it up about two weeks ago and did Vary HTTP header method to serve the site. Before the change, on the average week we would get 270-300 mobile visitors from organic search results and we converted 0.78% to sales. Since the change, we are now getting about 70 mobile organic visitors per week but converting 2.47% So what can I say but WOW. We are converting way way better but our organic mobile search traffic has dropped off a ton. Luckily our desktop and tablet traffic(we serve the desktop version of the site to tablets) has stayed the same and has not dipped. Do any of you guys have experience or gone through launching a mobile site before? Did you see the immediate drop in organic mobile traffic and did you recover your traffic back to previous levels? If so, do you know how long it takes to recover? I am thinking it is a big change and will take time for Google to adjust but I am not sure since the mobile version has so much less text now on the home page and on category or product list pages or whatever you guys want to call them.
Web Design | | KurtL0 -
301 forwarding during site migration problem - several url versions of the same page....
Hello, I'm migrating from an old site to a new site, and 301 forwarding many of the pages... My key problem is this I'm seeing www.website.com/ indexed in SE and www.website.com/default.aspx in showing as URL when I'm on homepage - should I simply 301 forward both of these? Then for several internal pages there are 2/3 versions of each page indexed. Canonicalization issues. Again, I'm wondering whether I should 301 forward each URL even if there are several different indexed URLs for the same page? Your advice will be welcome! Thanks in advance - Luke
Web Design | | McTaggart0 -
Managing international sites
Hi all, I am trying to figure out the best way to manage our international sites. We have two locations, 1 in the UK and 1 in the USA. I currently use GEOIP to identify the location of the browser and redirect them using a cookie to index.php?country=uk or index.php?country=usa. Once the cookie is set I use a 301 redirect to send them to index.php, so that Google doesnt see each url as duplicate content, which Webmaster tools was complaining about. This has been working wonderfully for about a year. It means I have a single php language include file and depending on the browser location I will display $ or £ and change the odd ise to ize, etc. Problem I am starting to notice is that we are starting to rank better and better in the USA search result. I am guessing this is because the crawlers must be based out of the USA. This is great, but my concern is that I am losing rank in the UK, which is currently where most of our business is done out of... So I have done my research and because I have a .net will go for a /uk/ or /us/ sub folder and create two separate webmaster tools site and set them up to target each geographic location. Is this okay? http://support.google.com/webmasters/bin/answer.py?hl=en&answer=182192#2 HERE IS THE PROBLEM: I don't was to have to run two separate website with two separate sets of copy. Also, I dont want to lose all the rank data on urls like: http://www.mysite.net/great-rank-result.html now becomes http://www.mysite.net/uk/great-rank-result.html. On top of this I will have two pages, the one just mentioned and now adding http://www.mysite.net/us/great-rank-result.html, which I presume would be seen as duplicate copy? (Y/n) Can I use rel canonical to overcome this? How can I don't this without actually running the two pages. Could you actually have 1 site in the root folder and just use the same GEOIP techology to do a smart MOD REWRITE adding either UK or US to the url therefore being able to create two webmaster accounts targeting each geographic location? Any advise is most welcome.
Web Design | | Mediatomcat0 -
Site redesign and links?
I have a real estate website. On my sidebar I have about 16 links to pages on various neighborhoods. I templated my site using dream weaver so the same sidebar and links are on every page. I'm thinking of redesigning the sidebar and having one link that will take visitors to a page where all the neighborhood links will be and then from there visitors can choose whichever link to go to a specific neighborhood info page. I am doing this to clear space on my side bar for other content and links. What impact would this have on my home page? The website is bronxpad.com if anyone wants to check it out and provide feedback.
Web Design | | bronxpad0 -
The ideal SEO e-commerce site
Hi All, I am currently writing a spec for moving our current e-commerce website and it got me thinking from an SEO perspective. We are all usually restrained by the current website set-up / CMS and there are things it can never do despite how hard we push for the changes. If you had the chance to start from a blank canvas (like I do currently) what would be on your wishlist?
Web Design | | RikkiD220 -
Ecommerce Style Wordpress But No Shopping Cart.
Wondering if anyone knows if you can purchase an ecommece style wordpress theme, but not use the shopping cart portion or display pricing. We would like to display our website how an ecommerce is set up, but at this time, we do not sell anything online. We are considering in the near future to sell half of our products. And this would not be very large. Or can ecommerce be added to any wordpress theme. ?
Web Design | | hfranz0