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
-
My news site not showing in "In the news" list on Google Web Search
I got a news website (www.tapscape.com) which is 6 years old and has been on Google News since 2012. However, whenever I publish a news article, it never shows up "In the news" list on Google Web Search. I have already added the schema.org/NewsArticle on the website and have checked it if it's working or not on Google structured data testing tool. I see everything shows on on the structured data testing tool. The site already has a news sitemap (http://www.tapscape.com/news-sitemap.xml) and has been added to Google webmaster tools. News articles show perfectly fine in the News tab, but why isn't the articles being shown on "In the news" list on the Google web search? My site has a strong backlink background already, so I don't think I need to work on the backlinks. Please let me know what I'm doing wrong, and how can I get it to the news articles on "In the news" list. Below is a screenshot that I have attached to this question to help you understand what I mean to say. 1qoArRs
Web Design | | hakhan2010 -
How to make my site title H1?
Hi In my Header.php I have the following php code for my title: <title><br /><?php<br />// Generate Page Title dynamically<br />if (is_home()) {<br /> bloginfo('name'); ?> - <?php bloginfo('description');<br />} elseif (is_category()) {<br /> single_cat_title(); ?> - <?php bloginfo('name');<br />} elseif (is_single()) {<br /> single_post_title();<br />} elseif (is_page()) {<br /> bloginfo('name'); ?>: <?php single_post_title();<br />} elseif (is_404()) {<br /> bloginfo('name'); ?> - <?php _e("Page not found", "fungames");<br />} elseif (is_search()) {<br /> bloginfo('name'); ?> - <?php _e("Search results for", "fungames"); echo esc_html($s, 1);<br />}<br />?><br /></title> This generates a good title different for every page/post I have on my site. But is now H1. I want the same code if, but with H1 tag somewhere in it. Cant figure it out how to do it! Can u help please?
Web Design | | Catinas970 -
Is anyone here managing or doing SEO for a site using GoECart?
We are preparing to update/migrate to a new ecommerce platform. We are in the process of choosing right now. One of the things we know we want is faceted navigation, but I am well aware of the problems this presents for SEO. Are any of you amazing people here using, managing or have experience with GoECart? I am interested to know your feedback, particularly from an SEO viewpoint. Thanks in advance! Dana
Web Design | | danatanseo0 -
Is it common to have some of error/warning(currency duplicate,redirect, etc...) in most website that rank well?
Hi could any body could give me some idea on 'on page optimisation' Currently in my campaign I have around 3000+ errors, 14,000+ warning, 7000+ notices for the following reasons: Overly-Dynamic URL
Web Design | | LauraHT
Temporary Redirect
Title Element Too Long (> 70 Characters)
Duplicate Page Title
etc... First of all I know these have negative effect on SEO. Now to fix towards those issues it involve lots of works and times. At the same time most of our important keywords/url rank position have not changed over the last 12 months. Does that mean the above has only limited negative effect? I just want to know is it worthy to invest the man/hour/money to clean those issues. As it involves decent development time. Is it common to have some of error/warning in most website that rank well? (e.g. I 've seem may big website have duplicate title/meta-desc on their currency variant page)0 -
International SEO issues for multiple sites
We currently have 3 websites: oursite.co.uk oursite.fr oursite.ch We also own Oursite.com, and that URL currently redirects to Oursite.fr. We are considering a complete site redesign and a possible merge of the 3 sites. Assumptions: ** the 3 sites currently receive organic search traffic to varying degrees
Web Design | | darkgreenguy
** Oursite.ch is almost identical to Oursite.fr in terms of the site content
** Our target market is NOT the USA for English-language searches. It is the UK. With a re-design, we see our options as follows: Merge the 3 sites and make Oursite.com the "main site" and then have subfolders as follows: /uk /fr /ch Keep the 3 sites as they are. We see Option 1 as the best in terms of saving time when updating the site, and saving money paid to the site developers (1 site vs 3 sites). We see Option 2 as the best in terms of ability of the site to rank, as well as confidence of searchers when seeing our site in the search results (in other words, a person searching in France would be more likely to buy and/or submit a form on our site if they saw Oursite.fr vs Oursite.com/fr). I guess we're looking for some suggestions/guidance here. Are we missing any big issues? Does anyone have experience with an issue such as this? Thank you in advance...
-Shawn0 -
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 -
Are tables OK in e-commerce sites?
I know that for best results with search engines, tables should not be used. However as I look to redesign our older e-commerce site, I find that not only our website but many other e-commerce sites use tables. Is it acceptable to use tables in e-commerce or am I just viewing outdated e-commerce sites. Could you recommend a good shopping cart solution? We currently use volusion. Thanks for your time and see you in Boston next week!
Web Design | | Lael0 -
What's the best was to structure Product page information on my site?
Hi - I run a hobby related niche new / article / resource site (http://tinyurl.com/4eavaj4). One of the most critical components of the site is our product database. We don't actually sell anything directly - instead we monetize them by displaying relevant affiliate product feeds and price comparisons. However since the Panda update was implemented in February my traffic (particularly my long tail, product related traffic) has dropped off considerably. I had about a 20% drop in overall traffic, but have made up some of the ground in the past week. However I want to know once and for all how I should structure my product related information as I have a ton of great content that is ready to be published in this section but want to be sure I structure it the best possible way from a SEO standpoint. Here are a few different options I've come up with for displaying information about products on my site. For the purpose of these examples I am going to refer to all of the information that makes up my product pages collectively as "product profiles". Please let me know which is the best SEO wise (or if you have a better way of doing it let me know): - Option 1 - Current Method - Divide Content Sections into different pages / urls Example: http://tinyurl.com/4tpdlbl This is how the majority of my product profiles are currently structured. I did this to improve load times and to keep the total number of links per page down. In addition to the core product profile subpages: "Product Details","Compare Prices", **"**Product Review", "Hot Auctions", and "Checklists", I have the Checklists area further segmented by subset, each of which is on its own page that is only accessible through the main Checklists tab of the profile. - Option 2 - Everything on one url / page the old fashioned way, with everything available by scrolling vertically. This would make the page go on forever though. - Option 3 - Everything on one url / page, but visually segmented using css / javascript tabs. Example: http://tinyurl.com/4kqhauh I looked at the source code and all the page text is there, so it looks like it would be spider-able but you tell me. Or would another method of tabbing be better? My site is wordpress based so the functionality comes from a plugin. - Option 4 - Use post tabs that are technically all on the same page, but make each individual tab be accessible through its own suburl, all of which share the same core canonical url. Example: http://tinyurl.com/4bs9pjs Clicking on any of the individual tabs will result in something like ?postTabs=2 being appended to the core url. Example: http://tinyurl.com/4gvgufc Any input would be greatly appreciated asap! Thanks Mike
Web Design | | MikeATL0