5 Easily-Overlooked Final To-Do's For A Website

These 5 easily overlooked final to-dos for a website are things that only take a few moments, but will make a noticeable difference for you and your customers.

• Check Browser Compatibility. Often times you create, add, and make changes to your website using the same browser that you use for your regular web search, shopping, etc. However, just because it is your go-to browser doesn't mean that it is your customers' go-to browser.  You will want to check your website in all the major browsers to make sure that it looks and works correctly in all of them. The main ones I check when I am creating a website are FireFox, Chrome, Opera and Safari (all of those can be on Mac and PC), as well as Internet Explorer on a PC.  If you really want to over-achieve, you should also check your website on a few different tablets and mobile devices.
   
• Enable Google Analytics. This one is purely for you as a merchant.  Google has many tools that merchants can use to track visitors, sales, and to submit your website to search engines or to clean up your code.  Google Analytics along with Google Sitemap are two of my favorites.
  http://www.google.com/analytics/
   
• Add a Favicon. When you go to a website, and on the tab of your browser there is a tiny little square logo, that is a favicon.  It is a nice finishing touch that customers will notice when they come to your website.
  http://codex.wordpress.org/Creating_a_Favicon
   
• Validate Your HTML and Speed Check Your Site. I talk about these two a lot.  The two sites below allow you to enter the URL for a page on your website, and they will check for errors and speed, and will tell you how to clean up your code so your page is fast and smooth.
  https://developers.google.com/speed/pagespeed/insights
  http://validator.w3.org/
   
• Keyword Target Your Meta Tags. Each one of your store pages should have a title tag, meta keyword tag and meta description tag that is specific to that page.  Don't include words that are not found on the page, even if they are found on the rest of your website.  Do highlight your top keywords in the meta and title tags, as well as heading tags, strong tags, and anchors.

Better For Visitors. Better For Search Engines

SEO isn't about tricks in your code to make it look better for search engines, or about stuffing in unnecessary content. Websites can optimize for search engines the same way they optimize for customers.  Below are five ways to optimize your website for both search engines and your customers.

1. Speed It Up. I know I harp on this a lot, but having a slow-loading website will make your customers get impatient and leave, and will be ranked lower by search engines. Streamline your website so that your web pages load quickly for pleasurable viewing.  Especially since mobile browsing over a mobile network rather than internet is becoming more popular.
    
2. Make It Engaging. Having exciting content on your pages, and clear calls-to-action are both good for your customer so they want to stay on your website, and for search engines to easily 'see' what your page is about.
    
3. Give It Good Structure. This step should come before starting your website, but since many merchants already have their site setup, I am going to assume this is post-initial website setup. Take a good look at your website from a customer's point-of-view.  What does your customer want to find?  What links is your customer looking for? If you don't have a large majority of your customers calling you on a regular basis, don't include your "Contact Us" link in the header.  If Google Analytics says that customers rarely search by brand, don't have a "Brands" option as a main search option.  Use your interactions with your customers, and your information from Google Analytics to make your most popular pages, easy to get to, and the focus of your home page.  Do this for all your main landing pages. Also, during this process make note of your site's top keywords or what you want your website's top keywords to be.
    
4.  Use Proper Tags and Code. Your pages should be structured in a way similar to a written out paper (yes, we are using some of those skills from English class).  Place the title of your page in a heading tag <h1>Title here</h1>.  Subtitles should be in <h2>, <h3>, <h4>, etc, tags respectively. Headings should not have "Description" as a title, but should incorporate keywords for that page such as "Sock Materials."
    
5. Helpful URLs. Each page should have its own keywords, which are included in the page title, possibly some subtitles, the meta tags on the page, and then again used in the page file name. File names should be helpful for the customer and descriptive for search engines. Uses dashes to separate words, and keep pages as close to the root of your domain as possible.

Responsive Design vs Mobile CGIs

I am often asked what are the pros and cons for doing a responsive design website verses using the mobile commerce CGI feature available in ShopSite.  So hopefully I will clear up some of the muddiness now.

I would like to start by saying that the trend for websites (and a trend that many believe will quickly become the norm) is to be completely responsive design.  Besides the fact that it is just plain awesome, it is much more compatible on the many devices used for surfing the web, and will be less maintenance as new devices are developed. That said, CGI driven mobile commerce is much easier to implement, has less bugs and is less expensive.

Now to the nitty-gritty.

Definitions
Responsive Design.  A web page where the browser width changes will change the look of the site.  You are not sent to a different page; A new page is not created for you. You stay on the same page, with the same code, it just looks different width different widths.  Below is an example. You will see that there are 6 navigation links on the full version, 5 on a typical tablet, and 3 on mobile. You can also see that on a desktop and on a tablet, there is a banner image (slightly different sizes) but on a mobile device the image is removed.

Mobile CGI Driven Pages.  This is where ShopSite takes your page and product databases, and recreates your pages when a customer comes to your website using their mobile device. These pages are created on the fly, so they only exist when a customer views your page, and they do take time to be 'built.'

	Responsive Design	CGI Driven Pages
Pricing (the biggie)	over $1000	Free in ShopSite (Mgr and Pro)
SEO Friendly	Great for SEO	Doesn't harm SEO
Buggy?	Can be. You often need to check ALL web pages.	Not really. Custom code could mess things up, but for the most part its not buggy.
Speed	Loads as fast as your regular site (same code).	Built on the fly. Slower, but negligible.
Set Up	Lots of work initially.	Minimal work initially.
Adaptability	Responds to different screen sizes, so will adapt as new devices come out.	Only responds to mobile devices (not tablets), and is a little more specific on width of devices.
End User Comments	No "view full HTML site" link.	Must switch to full HTML site for some features.

Which is right for you?

Do you have a lot of mobile or tablet visitors?
You can check this in your Google Analytics account.  If you have lots of mobile visitors, then I would highly recommend responsive design.  If you don't have many yet, you can start with the CGI mobile pages and see if that has an impact on your mobile visitors.  You may also be in an industry where mobile is not as important, and you may not want to put forth the investment for the type of return you would get.

How large is your website?
If you have a smaller site (less than 100 pages, including product more information pages), then you may want to lean towards responsive design. It isn't too time consuming to go through 100 pages or less to double check that they all look the way you want.

Things To Consider

Be ahead of the curve
It is always better to get your mobile setup in place BEFORE you need a mobile setup.  This gives you time to trouble shoot without being inundated with mobile visitors.


What is the quick/mobile important information?
With both responsive design and CGI driven design, you typically want to remove some things from the page, or make them much less noticeable. Don't try to display everything that you have on your main site on a mobile device.  Mobile customers are typically going to your site with a purpose.  Make the main products, main contact links, or other focus information easy to navigate to (one click).

Have fun with mobile
I find mobile browsing and testing really enjoyable.  It is fun to see your website on many different devices, with slightly different looks, and even some different focuses. Whenever you make a change, note that change in your Google Analytics (or other tracking software) so that you can see what improves your website, what your customers respond to, and what may not be worth putting as much time into.

Using Google Sitemap

Within your Google Webmaster Tools account, you can click on your website, and on the left side, click "Optimization" then "Content Keywords." Here you should see a list of your website's top 20 keywords.  These are your top keywords throughout all the pages included in the sitemap that you had uploaded to Google.  If you are using ShopSite's Google Site Map integration, then this is all of your pages and product more information pages. Take a look at these keywords. Do the top 20 keywords on your website reflect what your website is about?  Are the main keywords you use in your meta keywords, title, and meta description tags match those that are found here.  If not, you will want to do two things. First, is locate and replace the keywords you don't want in this list with ones that you do want.  Second, re-work your meta keywords, titles and meta descriptions to contain more of the top 20 keywords of your website.  This second option is more obvious, so below I will provide more information on the first fix.

If you go through your list of 20 keywords, you might wonder why some are coming up.  For example, some common ones I see when I do this for websites are "jpg" "product" and "page." The main reason for "jpg" is because your images may not have alt tags attributed to them.  When you upload an image via the ShopSite Image Uploader in the back office, if you don't specify an alt tag, then the image file name is used.  If I upload "blue-shirt.jpg" the default setting will have the image tag looking like:
<img src="media/blue-shirt.jpg" alt="blue-shirt.jpg">
This makes "blue-shirt" a keyword on your website, then "jpg" after the period, a keyword on your website.  You will want to change this by going to Images > Edit Image, and in the alternate text field, replace "blue-shirt.jpg" with "Blue T-Shirt" or whatever keywords you want.

The next big ones I see are "product" and "page." These keywords often come up because merchants will write intro paragraphs which say something like "This product..." or "This page contains products that are..." Often times this is used so that you don't sound repetitive when writing descriptions. There are two approaches to fixing this.  The first is manually going through all your page text fields and product text fields and replacing all the pronouns with the actual name or category.  This can take a long time if you have tons of pages and products.  The second approach is making the change with a text replacement equation within a spreadsheet application such as Microsoft Excel. Don't be afraid that your descriptions are going to be too repetitive; many times customers ignore the text or just skim for bullet points.  The text is in large part for search engines.  You are still giving the customer useful page and product information, just using the full page/category/product name.

You can download your product (you can repeat this for pages) database with just the unique identifier field (either the product name or the product SKU) and the text fields. If your unique product identifier is the SKU, you will want to download the product name field just for pronoun replacement.  Open your database in Microsoft Excel.  You should have 3-4 columns.  In the first empty column, type "="the"&name-column-and-cell".  So for example, if your product name is in column 1, then the equation would be "="the"&A2". In your next empty column, type the equation "=(SUBSTITUTE(description-column-and-cell,"this product","the-name-column-and-cell")).  So for example, if you have the following:
Column A(name) - Blue Shirt
Column B(sku) - b-tee
Column C(description) - The blue shirt is great for crafts.  This product is made out of 100% cotton.
Column D(more information text) -
Column E(first empty column) - ="the"&A2
Column F(second empty column) - =(SUBSTITUTE(C2,"this product","E2"))
The end result in column F would be "The blue shirt is great for crafts.  The Blue Shirt is made out of 100% cotton." This is a quick way to replace text for all your products. When you upload the database back into your ShopSite store, ignore your original description field, and your first empty column.  have your second empty column be uploaded in your description field.