Glossary Item Box

Squirrelcart v6.1.0

SEO - Metadata

Overview

Metadata is used to describe your web pages to other systems, like search engines, social networks, and browsers.

 

Squirrelcart supports four different types of metadata:

 

 

Standard HTML Title Tag, Description and Keywords Meta Tags

Tag Overview

Squirrelcart will automatically set the following tags inside the <head/> tag of your storefront pages, based on what is currently being viewed:

 

Title Tag

<title>Digital Camera | Your Store Name</title>

 

The title tag also controls the title of the page, seen in your browser:


 

Keywords Meta Tag

<meta name="keywords" content="16mp digital camera" />


 

Description Meta Tag

<meta name="description" content="16 Megapixel camera with long lasting battery life. | Your Store Name" />

PHP Code

For this feature to work, the following lines of code must appear inside your <head /> tag:

 <meta name="keywords"    content="<?php print $Keywords ?>">
 <meta name="description" content="<?php print $Description ?>">
 <title><?php print $Title ?></title> 

This code is present by default in the store_main.tpl.php. 

 

 

Settings

The settings to control the default values for these tags are on the SEO and Metada settings page in your control panel:

 

You will find fieldsets on this page to control the default values for these tags, for different pages throughout your store, as follows (see text inside each image for detailed info):



 

 

 

 

 

 

 

 

 

 

Settings for Products and Categories

On your product and category records, you'll find a Page Metadata fieldset like this:


Title Is

By default, the Title tag for product and category records will be set to match the name of the product or category. You can override this on a per record basis by changing this field to specified below and entering a new title in the field that will appear below it.

 

Page Description
This controls the description meta tag for this product or category's page.

 

Keywords

This controls the description meta tag for this product or category's page.

 

 

 

Facebook Open Graph

Overview

Open Graph is an open protocol created by Facebook. It is a standard which allows you to add additional meta tags to a page to aid other systems in understanding that page.

When Open Graph meta tags are present on a webpage and you share that page on Facebook, Facebook uses those tags to help determine how to handle that page. By adding Open Graph meta tags, Facebook can better handle your pages. While created and used primarily by Facebook, it is also used by other systems.

Product Page Example

When enabled, Squirrelcart will automatically include open graph meta tags specific to the page being viewed. Here is an example for a product page:

<meta property="og:title" content="Digital Camera | Your Store Name" />
<meta property="og:url" content="http://www.example.com/digital-cameras/16-megapixel-digital-camera" />
<meta property="og:description" content="16 Megapixel camera with long lasting battery life. | Your Store Name" />
<meta property="og:type" content="product" />
<meta property="og:site_name" content="Your Store Name" />
<meta property="og:image" content="http://www.example.com/sc_images/products/263_large_image.jpg" />


Enabling Open Graph

Open Graph is enabled by default. To enable/disable:

  1. Open your SEO and Metadata settings page:
  2. Check the Open Graph field, in the General fieldset:
  3. Click Save Changes

Enabling Facebook Domain Insights

Facebook Insights gives you information about how Facebook users are interacting with your website.

To enable, enable Open Graph (see above). Then:

  1. Find your Facebook numeric ID # associated with your Facebook user account:
    http://findmyfacebookid.com/
  2. Open your SEO and Metadata settings page:
  3. Enter your Facebook numeric ID in the Facebook ID # field., in the General fieldset:
  4. Click Save Changes
  5. Login to Facebook
  6. Go to the Insights Dashboard:
    https://www.facebook.com/insights
  7. In the Domain Insights section, click Add Your Domain
  8. Enter your domain name in the Domain field and choose your username in the Link With field.
  9. Click Get Insights
  10. After doing this, when you go to the Facebook Insights Dashboard, you'll see a link corresponding to your domain name. Clicking it will give you insights about your domain.

Schema.org Microdata

Overview

Schema.org Microdata is an open standard similar to Open Graph. It is used by many search engines and other systems. This is Google's preferred means of specifying metadata. Using Schema.org Microdata on your pages will help Google and other sites better understand your pages.

When enabled, Squirrelcart will automatically add the correct Schema.org Microdata to your pages, using a combination of <meta/> tags inside the <head/> tag of a page, and tag attributes throughout the page.

Testing with Google's Structured Data Testing Tool

When Schema.org is enabled, you can test your store page URLs to see how Google sees them by using their Structured Data Testing Tool:
http://www.google.com/webmasters/tools/richsnippets

Product Page Example, with Aggregate Rating

When enabled, Squirrelcart will automatically include open graph meta tags specific to the page being viewed. Here is an example of the Schema.org Microdata meta tags for a product page:

<meta itemprop="name" content="Digital Camera | Your Store Name" />
<meta itemprop="description" content="16 Megapixel camera with long lasting battery life. | Your Store Name" />
<meta itemprop="image" content="http://www.example.com/sc_images/products/263_large_image.jpg" />
<meta itemprop="itemCondition" content="New" /> 


Squirrelcart also includes some Microdata within the page, to include pricing and review info (if the Reviews module is installed).

When testing the above example using Google's Structured Data Testing Tool, the preview looks like this:

Product Page Example, with Inventory Details

Squirrelcart allows you to specify optional data about your products, such as Brand, Condition, Product Code, ISBN, and more:

<meta itemprop="name" content="Test Product | Your Store Name" />
<meta itemprop="image" content="http://www.example.com/sc_images/products/image.png" />
<meta itemprop="brand" content="Levis" />
<meta itemprop="gtin13" content="0004294967295" />
<meta itemprop="manufacturer" content="ACME" />
<meta itemprop="mpn" content="19KQ-2" />
<meta itemprop="model" content="47A-ULTRA" />
<meta itemprop="sku" content="888271172" />
<meta itemprop="itemCondition" content="New" />
<meta itemprop="productID" content="isbn:7820009187222" /> 

Enabling Schema.org Microdata

Schema.org Microdata is enabled by default. To enable/disable:

  1. Open your SEO and Metadata settings page:
  2. Check or uncheck the Schema.org Microdata field, in the General fieldset:
  3. Click Save Changes

 

Twitter Cards

Overview

Twitter Cards , as described at https://dev.twitter.com/cards/overview:

With Twitter Cards, you can attach rich photos, videos and media experience to Tweets that drive traffic to your website. Simply add a few lines
of HTML to your webpage, and users who Tweet links to your content will have a “Card” added to the Tweet that’s visible to all of their followers.

 

With Twitter Cards enabled, Squirrelcart will automatically include meta tags based on the current page being viewed.

Product Page Example, with Inventory Details

Squirrelcart allows you to specify optional data about your products, such as Brand, Condition, Product Code, ISBN, and more. Here is an example of the Twitter Cards meta tags that Squirrelcart can include on your pages:

<meta name="twitter:card" content="product" />
<meta name="twitter:url" content="http://www.example.com/test-product" />
<meta name="twitter:title" content="Test Product | Your Store Name" />
<meta name="twitter:image" content="http://www.example.com/sc_images/products/image.jpg" />
<meta name="twitter:site" content="@Squirrelcart" />
<meta name="twitter:creator" content="@Squirrelcart" />
<meta name="twitter:label1" content="Price" />
<meta name="twitter:data1" content="149.00" />
<meta name="twitter:label2" content="Brand" />
<meta name="twitter:data2" content="Brand Name" />
<meta name="twitter:label3" content="GTIN13" />
<meta name="twitter:data3" content="0004294967295" />
<meta name="twitter:label4" content="Manufacturer" />
<meta name="twitter:data4" content="ACME" />
<meta name="twitter:label5" content="Mnf. Part #" />
<meta name="twitter:data5" content="19KQ-2" />
<meta name="twitter:label6" content="Model #" />
<meta name="twitter:data6" content="47A-ULTRA" />
<meta name="twitter:label7" content="SKU" />
<meta name="twitter:data7" content="888271172" />
<meta name="twitter:label8" content="Condition" />
<meta name="twitter:data8" content="New" />
<meta name="twitter:label9" content="ISBN" />
<meta name="twitter:data9" content="7820009187222" /> 

Enabling Twitter Cards

Twitter Cards are enabled by default. To enable/disable:

  1. Open your SEO and Metadata settings page:
  2. Check or uncheck the Twitter Cards field, in the General fieldset:
  3. Optionally, you can enter a Twitter @Username corresponding to your site, or yourself as the creator. Use the Site @Username and Creator @Username fields to enter this info if desired.
  4. Click Save Changes

Validation and Approval

You can validate your Squirrelcart Twitter Cards by entering the URL to a Squirrelcart store page here:

https://cards-dev.twitter.com/validator

 

For a Twitter Card to appear in a tweet, it must be approved. For approval, use the above URL to validate a page and click the link to request approval. Once approved, the Twitter Card will appear in tweets that mention the corresponding page.

 

 


© 2001-2017 Lighthouse Development. All Rights Reserved.