Ch. 041 SEO and HTML Settings for your sites

SEO and HTML Settings

In this area, you can add or edit the default SEO (Search Engine Optimization) and HTML settings for every page of this site. The SEO settings for the product, category or store can override these settings. Your Options: Informational, B2B, and B2C sites each have their own specific options.

In this chapter:

Informational Sites

Besides setting your default SEO information, you can: 

  • Make Page Title Adjustments
  • Edit Share Script Area
  • Edit HTML Head Content
  • Edit Analytics Script
  • Edit Robots.txt Contents
  • Edit Sitemap.xml Contents

Below is an example of the setup for an Informational site:

 

B2B Private Portals/Storefronts 

Because B2B sites are private stores, there is no concern for SEO and site analytics. The following options are available for B2B sites:

  • Edit HTML Head Content
  • Edit Share Script Area
​Below is an example of the setup for a B2B site:

B2C Public / Retail Sites

B2C sites have the most options since both SEO and Analytics are very important. The following options are available for B2C Sites:

  • Besides setting your default SEO information, you can 
  • Make Page Title Adjustments
  • Edit Share Script Area
  • Edit HTML Head Content
  • Edit Analytics Script
  • Edit Checkout Conversion Analytics Script (available in B2C only)
  • Edit Robots.txt Contents
  • Edit Sitemap.xml Contents

Below is an example of the setup for a B2C site:

Setting the SEO information for Informational and B2C Sites

This info will be applied to every page on your site. You will be able to override the content you enter here on a page, product, and category level. Any SEO field left blank in any of those areas will use this default information. 

Keep in mind that search engines can index your site, even while under development. To prevent search engines from indexing your site, we recommend taking the following two steps:

  1. In Site Settings > SEO, edit the Robots.txt file to contain the following information only:
    • User-agent: *
     Disallow: /
  2. In Site Settings > Sitemap.xml enter "none"
  3. Click Save
  • Page Title - To override the title of the page, enter the information here.  The page title appears in the tab of your browser.  It is also significant for SEO purposes
  • Author - This feature lets you define the author of pages by inserting a meta tag in the head of the page. 
  • Content-Language - The language attribute tells search engines what natural language the website is written in (e.g. English, Urdu or French)
  • Robots - The robots attribute, supported by several major search engines, controls whether search engine spiders are allowed to index a page, or not and whether they should follow links from a page, or not (e.g. noindex, nofollow).
  • Copyright - The copyright META tag defines any copyright statements you wish to disclose about your webpage documents. 
  • Revisit-After - The Revisit META tag defines how often a search engine or spider should come to your website for re-indexing (e.g. 1 Days, 10 days). 
  • Description - The description attribute provides a concise explanation of a web page's content. 
  • Keywords - Provide keywords pertaining to the site's content. 
  •  
  •  
  •  

While Pressero provides the functionality you need for good SEO data, we are not SEO experts and do not give advice on what information should be entered into these areas. You should refer to the many helpful resources for SEO or consult an SEO expert. We do have helpful information in our support portal and occasionally we also have webinars on the subject to help you. 

Support Resources for SEO

Page Title Adjustments

Page title adjustments are available for B2C and Informational sites. This non-required option lets you customize prefixes and suffixes for product detail pages (B2C sites only), category pages (B2C sites only), and content pages (B2C and Informational sites). For example, if you enter “Affordable” as the product title prefix and “in Chicago” as the product title suffix, then if you have a product named “Business Cards,” the product detail page’s title will automatically become “Affordable Business Cards in Chicago”. This is an optional adjustment; the best approach is to fine tune the page title in Site > Pages, Site > Products, or Site > Categories. However, the prefixes and suffixes option is a convenient way to apply some enhanced SEO to all your product, category, and/or content pages in one quick area.

  • Product Title Prefix - Text entered here will be added to the beginning of the title of all product pages for the site. (B2C only)
  • Product Title Suffix - Text entered here will be added to the end of the title of all product pages for the site. (B2C only)
  • Category Title Prefix - Text entered here will be added to the beginning of the title of all category pages for the site. (B2C only)
  • Category Title Suffix - Text entered here will be added to the end of the title of all category pages for the site. (B2C only)
  • Content Title Prefix - Text entered here will be added to the beginning of the title of all content pages for the site. (B2C and Informational)
  • Content Title Suffix - Text entered here will be added to the end of the title of all content pages for the site. (B2C and Informational)

Settings for the HTML area

Edit Share Script Area

Paste javascript code here for bookmarking, social networks (Facebook, LinkedIn, etc.), live chats, etc. See http://www.addthis.com/ for examples. 

Edit HTML Head Content

A "computer geek" option, this can be used to inject the contents into the head area of the site, such as Facebook Pixel, etc.  It can be used to override external css, some special js, etc. See below for some examples and links to related articles.

Edit Analytics Script

Paste javascript code here for Google Analytics, Google Tag Manager, Google Remarketing Tags, or similar. This can also be used to track visitors through checkout. 

  • Signup for Google Site Analytics.
  • In Google Analytics, signup for E-Commerce Analytics.
  • Paste the Google Analytics js code into the Analytics area. Nothing should be needed in the Checkout Conversion analytics area (below).

** Please note that as of 11/2014, Google Universal Analytics is also supported.

Edit Checkout Conversion Analytics Script

This is used for Google AdWords Conversion Tracking through the checkout process. A code snippet is placed on the checkout page of your storefront so statistics on users who click on a Google AdWords ad and complete a conversion (purchase, sign-up, page view, or lead) can be collected and viewed in your reports. The Google code snippet will be provided when you sign up from the Conversions page located under the Reporting tab in your AdWords account. See http://adwords.google.com/support/aw/bin/answer.py?hl=en&answer=115794# for more details, or search "AdWords Conversion Tracking Setup Guide"

*** Please note - Manually inserting analytics scripts via the HTML Head Content section or via a custom skin should not be done. Analytics scripts should only be inserted in the tow analytics sections.  Checkout analytics are generated by the Pressero system based on the script you add here.

Edit Robots.txt Contents

Creates a file to tell a search engine what to catalog and what not to catalog.  It automatically generates it if not provided.

Edit Sitemap.xml Contents.

Similar to the Robots.txt in concept. Pressero automatically generates an XML sitemap file to tell search engines what to catalog. You can override the autogenerated file by pasting your own XML sitemap in this control. Note: If you are submitting a sitemap to Google Webmaster tools, you must submit an XML file. To generate an XML sitemap of your site, append "/sitemap.xml" (without quotes) to the end of any of your store URLs, or go to http://www.xml-sitemaps.com/ and use their tool.

Turning Off or Changing Page Elements

The information below is not a CSS training guide, it is intended only to clarify the operation of this area for those who already understand CSS. If you are familiar and comfortable with CSS—including identifying element "class" selectors in page source HTML—you can use it to turn off (not display) certain HTML elements of a page or to affect text formatting of some HTML elements of a webpage. 

We do not recommend using "id" tags as they can, do, and will change over time, rendering your code useless. We recommend using class tags instead.

All storefronts have an HTML Head content admin area (Sites > Settings > SEO/HTML for B2B's, or Sites > Settings > SEO/HTML tab > edit HTML head content for B2C's). This area can accept CSS. Any current code in this area may contain CSS and you should not simply replace it.
 

CAUTION: Some class tags may be used in more than one area of the storefront, not just on the page you want to modify. Be careful when making changes. Make sure to test changes a verify they are not affecting the operation of other pages in the store.

 

Note:  Technical support for any code or content you add to this section is not included in your plan and will incur a charge if we need to fix your site as a result of you making changes here. If you have any trouble on a page that you altered the CSS on please indicate that to the support team if you need our help to fix any unwanted behavior.

You may also want to talk to us about having custom skinning work done to your site instead. The types of changes we are discussing here are best for a small number of changes to the site. We have two options for custom skinning, giving you access to the CSS or having one of our programmers do the skinning work for you.

Example 1

Basic Format. Paste CSS style tags into the Header content area using the standard formatting:


<style>

    .(class name){CSS property: value;}

</style>

"#" precedes an id name, while "." precedes a class name. You can affect more than one element by separating their id or class selectors with a comma.

 
Example 2
Estimate Shipping Country Menu (id Selector). Say you don't want the country selector displayed on the storefront's Product page. You view the page source to determine the ID's associated with the country selector and add the following code to the HTML head content. The sample below will turn off the country menu that normally displays on the Product detail page by the shipping estimator:

  <style>
      #detailPage_shippingCalculator    #detailPage_shippingCalculatorPostalCode-Country,     #detailPage_shippingCalculator select{display:none;}
  </style>


Example 3
Add to Cart (Restricting Specific HTML Elements to be Affected by a Class). You can turn off the Add to Cart element for a specific product, by using the class name for the product (found in the page Body tag) and then adding the class name for the Add to Cart button. Notice there is no comma separating the two since we only want the button turned off for this "a test" product, not all products:

<style>
    .pageName_a-test .addToCartButton{display:none;}
</style>



Example 4

Unit of Measure Grid (Class tags). Say you don't want the Unit Of Measure pricing grid displayed on the storefront's Product page. You view the page source to determine the classes associated with the grid plus associated text and add the following code to the HTML head content.

<style>
    .pricingGridTable,
    span.pricingGridSelectionsUnits,
    .pricingGridUnits{display:none;}
</style>



Example 5

Bolding Text (Class tags). Say you want the Quantity and Selection text for a Unit Of Measure pricing grid displayed in bold on the Product page. You view the page source to determine the classes associated with the grid plus associated text and add the following code to the HTML head content.
<style>
        .selection {font-weight:bold;}

</style>

 

Knowledge Base articles related to SEO and HTML settings