Category Archives: Web Design Tidbit

SEO Checklist for Your New Website

By | seo, SEO Tidbit, Tips and Tricks, Web Design Tidbit | 6 Comments

A checklist to use during the development process
Are you ready to build a website for your small business or for yourself? There are simple search engine optimization steps you should consider during the development process.

The following 12 step optimization checklist will bring you one step closer to maximizing your revenues with smart web design.

1.) Choose a domain name, that is a URL, that is descriptive of what your website will represent:

  • Your business name (ex. WestwardStrategy.com)
  • Your first and last name (ex. KristyCrabtree.com) or
  • Keyword specific phrase (ex. WestwardDesignGroup.com)

2.) Decide what keywords and/or phrase targets the visitors you are looking for, and that best describes what your business offers.

3.) Sub directory names using keywords or phrases should use hyphens in the url: http://url.com/descriptive-keyword/

4.) Title tags are the words that appear on site visitor’s browser tabs as they navigate through your site. Clearly define your title tags for each individual web page making sure that it is accurate and descriptive of the page’s content. Keep it 70 characters or less.

  • (Example 1) Primary Keyword – Secondary Keyword | Brand Name
  • (Example 2) Brand Name | Primary Keyword and Secondary Keyword

5.) The meta description is the primary source of information search engines review, and this is also the information that appears along with your site name in the search engine results. Clearly define your meta descriptions for each individual web page making sure that it too is accurate and descriptive of the page’s content. Keep it 155 characters or less

EXAMPLE: Keyword/Phrase Search Results

Key Word/Phrase Result Image

6.) Develop keyword rich content on all pages including the keyword and/or phrase within the content

7.) Use descriptive words for your navigation when it makes sense

8.) Name all images on website with descriptive image names:

  • (Example) chocolate-lab-running.jpg vs. img0893.jpg

9.) The title tags are the words that visitor’s click to reach the hyperlinks behind them. Add descriptive title tags to anchor links

  • (Example) title=â€? Descriptive Title Tagâ€? vs. title=â€?Click Hereâ€?

10.) Setup Google Analytics and see who’s visiting your website and who’s giving you referral’s: http://www.google.com/analytics

11.) Create a sitemap and submit to Google Webmaster Tools and other search engines. The free tools give you a look under the hood at your website performance: https://www.google.com/webmasters/tools

12.) Add new website to local free business listings and other free directory sites

__________________________________________

Contributed by Kristy Crabtree
Westward Strategy & Design Group

Web Design Tidbit – July 27th, 2009

By | Tips and Tricks, Web Design Tidbit | 5 Comments

Cheat sheets can be time and life savers. Even if you develop websites all the time there are probably more than a few html tags or CSS techniques that you forget on a regular basis. For me it’s the font-style property.

Even if you are a CSS and html rockstar (like yours truly!), it doesn’t hurt to have a few resources up your sleeve. Luckily for the purpose of this post, this Mega CSS Resource Roundup was just published this weekend. I can vouch for the quality of several of the CSS cheat sheets, the html entities resources and the layouts from Layout Gala. Also, if you haven’t been over to CSS Play you are missing out on an exceptional resource for all things CSS. You can also use the W3 Schools website as a quick reference for properties and all of their values – like the font-style property.

See you next week for another tidbit!

Web Design Tidbit – July 6th, 2009

By | Tips and Tricks, Web Design, Web Design Tidbit | No Comments

Creating a print stylesheet from scratch can be a time consuming matter and is more often than not overlooked when nearing the end of a web design or development project. One of the quickest and easiest ways to deploy a print stylesheet is to use the Hartija CSS Print Framework.

This is not an end solution and you will need to modify it to add your classes and ID’s, but it is a big boost over starting from scratch. When you’ve completed your print stylesheet simply link it like your other stylesheets.

<link rel="stylesheet" href="print.css" type="text/css" media="print">

Just make sure to set your media to print!

See you next week for another tidbit!