+1 877 893 5257

Archive for July, 2010

Understanding Search Engine Optimization (SEO)

You might have heard of Search Engine Optimization (SEO) before but those who haven’t might ask, What is Search Engine Optimization (SEO)? SEO is the on going optimizing of a web site by updating and improving the external and internal aspects in order to increase the sites traffic from search engines. SEO deals with many aspects from building links and marketing the uniqueness of your site, to making it search engine friendly, to recognition of key terms and phrases that help generate traffic. Search queries, the words that users type into the search box which contain key terms and phrases most suitable to your site, carry exceptional value. The ultimate goal is to gain as much search engine traffic as possible to gain exposure because exposure can make or break an organization.

Understanding Search Engine Optimization (SEO)

The next question you might have is how do search engines find your web site or sites you are searching? Search Engines need a way to “crawl” the web and index all the different sites and documents, the way they do that is by using links. The link structure of the web assists to bind together all of the pages on the web. Search engines automated robots called “spiders” or “crawlers” can reach billions of interconnected documents through the links. Once the pages are found they are stored into gigantic hard drives to be recalled when needed in a query.

When designing your web site you might want to make a checklist to make sure that your site will be found by the search engines.

Understanding Search Engine Optimization (SEO)You want to make content indexable to the search engines, the way to do this is make the content HTML text format, or else the search engines will not be able to read it. The engines can’t read images, flash files, java applets and other non-text content, actually they are virtually invisible to search engine spiders. There is a way to make images in gif, jpg or png format visible to spiders by assigning them “alt attributes” in HTML, this provides the search engines a text description of the visual content. Also, with flash or java plug-in contained content can be repeated in text on the page.

The link structure of a site needs to be crawlable so that the spiders can browse through the pathway of a website in order to find all the pages on the site. Even before that though, search engines need to see content so they can list the pages in their enormous keyword based indices. Your website might have great content, keyword targeting and marketing but that won’t matter if the spiders can’t reach those pages.

Understanding Search Engine Optimization (SEO)

The keyword usage and targeting are very important to website. Keywords are the building blocks of search and language. When the engines crawl and index content of pages, they store all the keyword based indices. The search engines have millions of small databases based on keyword terms or phrase. They measure keywords that are used on a page to determine relevance of a document to a query. The keywords are prominently used in titles, text, and meta data.

Title tag is the title on top of the website and should be a clear, concise description of a page’s content. 70 characters is the maximum amount that will display in the search results. Keywords should be included in the title tag because it helps with your site ranking. Start your title tag with a brand name mention to increase brand awareness and higher click through rate. Make sure that title tag is captivating so that you will pull in visitors to your site.

Understanding Search Engine Optimization (SEO)

Meta Tags are intended to provide a substitute for information about a website’s content. Meta robot tags can be used to control search engine spiders activity on a page level. The meta description tag exists as a short description of a page’s content. The meta description advertises what your website has to offer, this draws users to your site. Meta descriptions shouldn’t be longer than 160 characters.

Usability and user experience are second order that influences on search engines ranking success behind keyword placement, links and site structure. Search engines are able to measure the sites popularity, which lets the search engine know that the site is of high quality or is not up to par and no one wants to link to it. Crafting a thoughtful, empathetic user experience can almost guarantee that users will come back to your site. Encouraging sharing, bookmarking, return visits and links signal to search engines and contribute to higher ranking.

URL structure is important because you want users to be able to easily and accurately predict the content you’d except to find on the site, so make sure your URL are appropriately descriptive. Minimizing length and trailing slashes makes your URL easier to copy and paste and fully visible to search engines. If your targeting keyword terms or phrases they should be included in your URL. Create a simple static URLs. Use descriptive real words, instead of meaningless numbers or figures nobody can remember. Use hyphens to separate words in a URL.

Understanding Search Engine Optimization (SEO)

There are many ways to get links and link building is a big part of SEO work. Many sites offer directories or listing of relevant resources that you can submit your site to. You can get customers to link to you. Building a company blog and make it a valuable, informative and entertaining resource. Create content that users want to share with others and inspires natural linking. Lastly, build content that can be shared through a citation based licensing agreement.

CSS3 Multiple Backgrounds for Internet Explorer and legacy Mozilla Firefox

New Version Available! Updated October 21, 2010

Updated July 29, 2010

Have you been using wrapper DIVs to achieve rounded corners in your designs? Do you wish you could use CSS3 multiple backgrounds and stop inflating your markup? You can, using this jQuery library. Multiple backgrounds have been supported by Webkit-based browsers like Safari and Chrome for a long time. Firefox only recently implement them in version 3.6. Of course, Internet Explorer has never supported multiple-backgrounds. This library brings support to Internet Explorer and Firefox by reading the CSS code from style and link tags.

background: url(left.gif) no-repeat 0 0, url(right.gif) no-repeat 100% 0, url(middle.gif) repeat-x 0 0;

CSS3 introduced the ability for multiple backgrounds on elements. Using this new feature is very simple; simply place each background like you normally would and separate them with commas. CSS3 browser support extends to background-image, background-position, background-repeat. This library only implements its own property for the shorthand style background property. The W3C provides information about multiple backgrounds.

(more…)

7 Web Design Tips To Blow Away Your Competitors!

July 7

Chico Web Design has been crafting websites for over 7 years and has experience developing countless websites and online software solutions for businesses both locally and around the country. Last week, during our weekly CWD meeting, we were discussing some of the attributes us as designers thought made for a quality online user experience based on our knowledge of the industry.

7 Fundamental Aspects of Great Website Design

1.Professional Appearance

When designing a website for a client we often ask some basic questions such as; what is the target demographic? What will your clients or customers be looking for? Knowing your audience or target demographic is key to help building a professional look and feel for your website. If your target demographic is other businesses (B2B), then perhaps you may not want to build a website with florescent text and technicolor blinking backgrounds. Potential clients will leave your website even if you have great content. A theme for your website should be kept consistent so every page looks alike and is easily readable. There are a lot of websites that are difficult to read due to font choice, size or color. Make sure that there is enough contrast between the color of the text and the background because we don’t want users straining their eyes to read the content on the page. You have three seconds to capture their attention. You better act fast!

2.Clear, Concise, and Consistent Navigation

If users cannot figure out how to navigate your website quickly, they will most likely exit your website. Throughout your website it is ideal to keep your navigation structure consistent. When designing navigation for your website make sure that your links stand out and do not look similar the rest of the text on the page. There should be a navigation link to go to the homepage on every page of your website. A common practice is to make the main logo a link to the homepage. The desired content should never be more then “2 clicks” away.

3.Professional Photography

Professional Photography “A picture can speak a thousand words.” This is a very old but true statement. Not all users enjoy reading. In today’s world, everybody wants everything right now. And there’s no better way to illustrate what a piece of content is about than a visually striking image. Making your website visually stimulating is the goal. When adding an image to your website make sure to give it a file name related to the image. Search engines like Google and Yahoo cannot read images but can read titles, file names, and alternate descriptions. Image alternate descriptions lets the Search Engine fully understand your image by adding alternate attributes to your images. These alternate attributes should include keywords describing your image. Reducing the images file size is very important because people who have slow Internet connections or people using PDA’s will lose interest if the page takes too long to load. You want to give users a fast load time by having the highest quality image and the lowest possible file size.

4.Load Time/ Page Speed

Load Time/ Page SpeedResponsive and fast loading websites make users feel empowered and in-control. You can get faster load times by properly sizing images, audio, and video. If not resized properly they can drastically reduce your page load speed. “Who wants to sit around for 10 seconds and wait for a page to load?”…Not us! The benefit of a fast loading time, from a search engines point of view, is that faster loading pages provide a better browsing experience for the user, which translates into the kind of quality links that they strive to deliver. Recent statements from Yahoo and Google about slow load times is that it may effect your website’s Search Engine rank.

5.Cross Browser Compliancy:

Cross Browser Compliancy

By definition, cross browser compliancy refers to the ability for a website, web application, HTML construct or client-side script to support multiple web browsers. It is important for your website to be usable across all operating systems, web browsers, devices, mobile devices, and any other platform that displays your website. The problem with cross browser compliancy is that there are new browsers and devices debuting what feels like monthly, yet we still have the older web browsers like Internet Explorer 6 lingering around. In order to maintain cross browser compliancy, you must adhere to standards based compliant HTML code. This will ensure the highest likelihood that your website will look identical on all devices and browsers.

6.Quality Coding Structure:

Quality Coding StructureWhen developing your website it is imperative to make sure that it is coded properly using standards based HTML and CSS. HTML provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. The title tag is what is displayed at the top of your browser. This gives users a brief description of the content on the page. Search Engines display the title tag when listing results of a search. CSS deals with the website layout, color, font, backgrounds, and other items. CSS defines how HTML elements are to be displayed. Styles are normally saved in external [.css] files. External style sheets enable you to change the appearance and layout of the pages in a website, just by editing one single file.

7.Content:

ContentGood quality content on website is vital. It is important that your content is relevant to your website. Paragraph lengths should be brief and only be about 1-4 sentences long. It is recommended to not have long blocks of text. The sentence length should be about 10 words or fewer. If you do have medium to long sentences they should be spread out and not clumped together. Lists are a great way to make the page look more organized. Bullets and numbered lists help keep those long sentences out of your content. Your content should contain numerous terms that are related to the keywords you wish to target, as well as variations of those keywords. Spelling and grammar should be double checked to ensure that Search Engines will not drop your rank due to misspellings. It is recommended that you or your company frequently update your content as much as possible. This lets your users and Search Engines know that your website is being maintained and that new content is added on regular basis.