The Parrot Place Kerikeri

This site is for a thriving wife-and-husband business in Kerikeri, http://theparrotplace.co.nz, a bird park and breeding centre also selling pet products online.

Their WordPress-driven site had been using an outdated e-commerce system. Urban Legend converted it to the now-standard WooCommerce, which streamlines product management for the site owner, and vastly improves site useability for visitors.

We designed and coded the new theme, which went live in June 2016, based on the business’ colour motifs and logo.

Besides optimizing your product pages for user experience, you want to make sure these pages are as good as possible for SEO as well. Obviously, you might think. In this post, I’ll show you two not so obvious (at least for most website owners) elements of product page SEO and tell you why it’s so important to take these things into account.

product page SEO - beware of the panda and penguinBasics of product page SEO

A product page is a page as well, so all the SEO things that matter for your content page, go for product pages as well:

  • Add a great title, focusing on the product name (including a manufacturer name, if applicable). If your product is, for instance, a small part of a larger machine (screw, tube), include the SKU as well. People might search that specific. I would.
  • Add a proper description of the product. Most of the times, that isn’t the description the manufacturer shipped with the product. That description might be used on hundreds of websites, only to be duplicate content and a sign of low quality for your website (to Google). Prevent duplicate content due to manufacturer descriptions at all times. If all your content (content pages, category pages, blog) is unique, and the content used on thousands of product pages isn’t, most of your site isn’t. Think about that and don’t take that lightly. Google’s collection of black and white animals is waiting for you. Create unique content.
  • Add an inviting meta description. Usually, a product page contains a lot of general information as well, varying from dimensions to terms of service. To avoid Google using that unrelated text in a meta description, you want to add a meta description to your product pages, even more than to content pages. In most cases we have come across in our website reviews, meta descriptions are added in some kind of templated way, where just the product name is changed per product. That’s ok to start with, but ideally all meta descriptions are unique.
  • Add images with proper ALT text. Include the product name in at least the main product image.
  • Add all the things mentioned in my Product Page UX post. UX is an important part of holistic SEO.

You can go even more into detail when discussing product page SEO, but for now this will be your basic optimization. The remainder of this post will be about some more technical product page SEO. I’ll show and explain a bit about schema.org data and Open Graph data for your product page.

Schema.org/Product

I’ll jump right in by showing you this example from our valued customer Arnoldservice.com:

Product Page SEO: Schema.org in Arnoldservice.comClick to enlarge.

What are we seeing here? I highlighted two parts. These two parts show schema.org declarations for product elements. The importance of this for your product page SEO is that the major search engines came up with this markup, not the W3C consortium. Google, Bing, Yahoo and Yandex agreed upon this markup, so they could identify product pages and all the product elements / characteristics more easily. Why would they want that? So they could a) index these pages a lot better and b) show you rich snippets like this:

Product Page SEO: Arnoldservice.com in Google

Schema.org markup consists roughly of two main items:

  1. The itemscope (the type of schema declaration)
  2. The itemprop(s) (the elements within that specific schema)

For Arnold’s Services, there are two itemscopes in this example, being Product and Offer:

  •  The Product schema, or Product itemscope, tells the search engine more about the product. It could include characteristics like product description, manufacturer, brand, name, dimensions, and color, but also the SKU I mentioned earlier.
  • The Offer schema includes more information on price and availability, like currency and stock. It can even include your accepted payments in an itemprop called acceptedPaymentMethod.

I have to say that there are a lot of options that I haven’t seen used in a website, to be honest. There’s a lot that can be declared, but it’s usually just the basics that are included in the templates of webshops.

As you might have noticed, Google actually picked up on the Schema items:

Product Page SEO: Schema in Google

That is why you want to add Schema.org data for Product Page SEO: easier to recognize for Google, and it makes sure to include important extra’s in Google already. This is actually also expectation management. Your visitor knows your price up front, and knows that the product is in stock. How’s that for user experience!

Open Graph Product tags & Twitter’s Products Card

Open Graph tags and Twitter Cards are actually pretty similar to schema.org markup. It divides the product page into easy-to-digest chunks, but this time these chunks are not for Google, but for social websites like Facebook, Instagram and Pinterest.

You can highlight things like product images, and prices and availability. For WordPress websites, we have developed a plugin, Yoast WooCommerce SEO, that will make this a breeze.

In the next example, you’ll find og:type and twitter:card. These are similar to the itemscope in schema.org. These items tell the social media platform that the page is about a product. Click the image below to enlarge it.

Product Page SEO: OpenGraphs and Twitter Card

In the screenshot above – which is actually the same product page as the examples used at schema.org – I’ve highlighted the elements that matter for product page SEO that aren’t included in other pages. og:title / twitter:title is the product name, og:description / twitter:description is the product description. These elements have the same function in content pages. It will show the title and description as used in for instance Facebook posts.

Note that “adding Open Graph tags to your website won’t directly affect your on-page SEO, but it will influence the performance of your links on social media, so that means it’s worth looking into.” The same goes for Twitter Cards.

The extras that are added for making your social sharing a whole lot more attractive and professional, will improve the CTR to your product page. Which helps your product page SEO. Social media is like a conventional marketplace. If people are talking about your products, your products must be worth it. Adding Open Graph tags and Twitter Card data is like providing all the people that share your product with a nicely designed product brochure.

In our plugin, you can set a separate image for this. That is actually pretty important, as Facebook won’t add the image if it isn’t of high quality / large dimensions. Here’s a short overview of the preferred dimensions:

  • Facebook: 1,200 x 628 pixels – validator tool
  • Twitter: 1,024 x 512 pixels – validator tool
  • Pinterest: 735 x 1,102 pixels – validator tool
  • Instagram: 1,080 x 1,080 pixels – uses Facebook’s validator tool

Source: Bufferapp.com

TL;DR

If you’re serious about optimizing our product page SEO, you shouldn’t focus on the regular optimization alone. You’ll have to dig a little deeper into the technical aspects of your product page:

  1. Add schema.org Product tags so Google can easily index all the details about your product and show these in search result pages already.
  2. Add Open Graph tags (for Facebook and Pinterest) and Twitter Card meta data (for Twitter) so social networks will show nice, informative snippets for your products.

Be sure to add all of the above.

The above site, headlamp.co.nzWooCommerce engine, and a theme designed and customised by Urban Legend web.

It features affordable, convenient, powerful head lamps.

It is mobile-friendly, and uses hand-coded additions to a WooCommerce template, as well as HTML5 and elements of Bootstrap.

The design is aimed at a target market for these headlamps – active outdoors people.

volksart,co.nz

This site, featuring designer T-Shirts for New Zealanders, is designed by Mark Tyrell of Elan Design .

Urban Legend web was contracted to customise the functionality of the WordPress WooCommerce-driven site.

In terms of design, that included a mobile-friendly and heavily-customised theme based on the Gantry framework.

In terms of functionality, the site is again heavily-customised, including;

  • implementing security and content module customisations to WordPress & WooCommerce
  • a two-tier sign-up and pricing system which distinguishes between retailers and shoppers
  • a flexible and user-friendly front-end ordering system which allows buyers to choose mutliple products and variants from a single page

The content is managed by Elan Design.

We’ve rebuilt our Google Analytics eCommerce tracking plugin and added support for WooCommerce! Read on to learn why you should buy it today. If you want to optimize your shops sales, you need to make sure you connect your visitor data to your transaction data. This plugin does just that. We’ve made transaction tracking so reliable that we can now confidently say our plugin should not miss a single sale.

eCommerce tracking allows you to do all sorts of nice reporting in Google Analytics, on which Thijs will be writing a few posts in the coming months, but let me show you the sort of reports you can get just by enabling the plugin and enabling eCommerce tracking in Google Analytics:

eCommerce overview - Google Analytics

99.9% reliable eCommerce tracking

Google introduce a new feature with Universal: a collections API that allows us to send calls on the server side instead of with JavaScript. This means that when a customer finishes a transaction, the plugin can immediately track it, instead of hoping the customer will reach the thank you page. The plugin can do this while still connecting the sale to the customers session. Because of that, your Google Analytics eCommerce tracking becomes almost 100% reliable. Almost, because there might be the odd occasion where your server errors in sending the request and we don’t want you suing us ;)

This new tracking method also means that when you refund a transaction, the transaction gets reversed in Google Analytics. This makes your Analytics data even more reliable and therefore much more useful.

This Google Analytics eCommerce tracking extension is the first premium extension specifically made for the new version 5 of our free Google Analytics plugin. From $49 for a single site, you can have the best e-commerce reports available.

Super simple installation

The plugin has no settings. You install, activate, enter your license key and activate the license so updates will flow in and you’re done:

installed analytics ecommerce tracking

 

WooCommerce bundle

woocommerce logoAs some of you might have noticed, this is our second WooCommerce offering; we also have our WooCommerce SEO plugin. We’ve bundled the two together in a new Yoast WooCommerce bundle for our most loyal users! If you use both our WordPress SEO plugin as well as our Google Analytics plugin this bundle will save you a lot of money.

Check out the Yoast WooCommerce bundle here or read more about the GA eCommerce tracking plugin!

This post first appeared on Yoast. Whoopity Doo!