Glossary Item Box
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" />
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.
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:
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:
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:
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:
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.