Google Plus One Button from Numinix and Schema.org itemprops

Hi there,

I am on zen cart 1.5.1, and using the zen light box, and also Google Plus One cont from Numinix.

I am trying to control the image that google displays when you plus one a product (at the moment it is not the product image)

I have followed the following thread:

http://pro-webs.net/blog/2012/09/25/customizing-google-snippets-with-schema-org-microdata/

It all works apart from the product image part (the bit I want the most to work!)

When I do as this post suggests, every image on the page has itemprop="image" in front of it, all the template parts, every image called on the whole page, not just the product image.

I have been poking around in the site to try to add the itemprop="image" in with just the product image <img src but just cannot find how to do it.

Anyone help?

bump anyone?

Best to ask in the forum for the addon versus general questions

kobra:

Best to ask in the forum for the addon versus general questions

Adding schema.org tags is not an add on? Or is there a Schema.org tag forum I missed?

Google Plus One Button from Numinix
Addon from Numinix

If you read my post you will see that my question relates to adding schema.org tags, which apply to zen cart sites in general and many addon's, and which as far as I can see does not have its own area, and fits well in the general forum?

As I said above please show me if there is a schema.org place?

Sorry if I sound rude, would be good if we could stay on topic.

Anyone? Is this not possible?

phil99:

Anyone? Is this not possible?
phil99: I have been implementing schema.org markup in several of my Zen Cart stores, including http://prohealthcareproducts.com. I'm not only marking up the general product information (product name, price, description, etc.) similar to the link you referenced, but I'm also inserting other schema.org elements where appropriate. For instance, each of the product links on my category pages (e.g. Human Anatomy Models) are now marked up using http://schema.org/MedicalDevice. You can use Google's rich snippet testing tool to see how they view the page. Schema.org seems to lean heavily (for now) toward medical related vocabularies, so this particular store - ProHealthcareProducts.com - is a good experiment. I have noticed an increase in traffic (higher percentage of click-throughs) from Google and Bing from the markup. It would be awesome if someone would develop a Zen Cart plugin that integrated the schema.org vocabulary in to the Zen Cart core, at least for marking up the http://schema.org/Product entity.

Here's how I've been including schema.org markup into my Zen Cart store. This gets a bit technical, but it can be done by most people who are browsing through these forums.

1. Find the item you want to markup. Find the item using "Inspect Element" in Google Chrome. For instance, if you want to mark up the product name, highlight the name, right-click, and select "Inspect Element". Find a property of the html (e.g. <h1 id="productName"... on the product page) that is unique for that item.

2. Find the file in the Zen Cart system that contains that html property. I use this Linux script to find it on my Linux hosted server: find . | xargs grep "productName" -sl to find the file in Zen Cart that spits out the product name, which happens to be tpl_product_info_display.php.

3. Go to the file where the html is generated for the property you want to markup (in this case, the product name). The steps from here are similar to what is described in pro-webs.net. You just need to wrap the Zen Cart html generation php code with the schema.org markup.

I always keep a copy of the old files as they were before I marked them up so that I can keep my store from breaking when I do an upgrade.

This may seem like a hacked way of inserting schema.org markup into a Zen Cart store, but I felt like it was worthwhile enough to start experimenting with adding microdata, and I don't want to wait for a module to be built. Google has touted the semantic web for some time now - http://www.google.com/insidesearch/features/search/knowledge.html - and their search results agree with what they've asserted.

Melanie Prough has on her blog a set of instructions on how to embed rich snippets. I started to develop a similar procedure but adopted Mel's approach as it was virtually identical to the work I was doing.