Make Use of Open Source Fonts!

Open source fonts are certainly not new, but as support for open source fonts continues to grow, the days of being limited to using only Arial and Verdana on the Internet are finally disappearing! The same goes for Times New Roman, Courier New, Trebuchet, and Tahoma. There are now hundreds of free fonts available, from various sources, for use on your website with new ones being continuously added to the mix.

Why Use Open Source Fonts?

One, for SEO; you can now use search-engine-friendly fonts instead of creating images of those typefaces. Two, for speed; using searchable fonts is not only better for SEO, but downloading fonts is quicker than downloading images. And finally, for the obvious reason, for visual interest; who isn’t ready for better looking websites?

How is it Done?

With the use of open source fonts such as Google Web Fonts, you can now add beautiful web fonts to any website by simply using a specific stylesheet link in your HTML document, then referring to that font in a CSS style. Below is an example of how to use the Tangerine web font.

An Example of an Open Source Font!


Coding Example:

To use the web font, first add a stylesheet link:
<link rel=”stylesheet” type=”text/css” href=” http://fonts.googleapis.com/css?family=Tangerine“>

Then either use a css class:
.yourclassname {“font-family: ‘Tangerine‘, serif;”}

Or an inline style to call your font:
<div style=”font-family: ‘Tangerine‘;”>An Example of an Open Source Font!</div>

Does it Work in All Browsers?

Not all browsers support open source fonts yet, but their support is growing. Only older browsers, such as Internet Explorer 5, as an example, will not work.

Therefore, until there is full support in all browsers, it may still be a good idea to use “graceful degradation.” This means, that if a browser cannot display your desired font, then it will present the font you declare to use as a backup. And if consistency is important, then by picking fonts that are similar in looks, visual size, or spacing, your website will “degrade gracefully.” In other words, viewers in unsupported browsers will never know what they are missing, but your website will still display correctly in its formatting of the layout even though it may not be your preferred look.

Where Do I Get Open Source Fonts?

Here are some of the leading developers in open source fonts and links on where to get them:
Google Web Fonts:    http://www.google.com/webfonts
The League:    http://www.theleagueofmoveabletype.com/
Open Font Library:    http://openfontlibrary.org/
Free Font Manifesto:    http://www.designwritingresearch.org/free_fonts.html
Vitaly Friedman’s Font List:   http://www.alvit.de/blog/article/20-best-license-free-official-fonts

Endless Possibilities, but Please, Be Mindful!

Just because you can doesn’t mean you should, is the answer to “can I use as many fonts as I want?” Please, still use good design techniques and do not overload the viewer’s visual experience with too many fonts! Too busy is still too busy!

The good news is that with each typeface having a personality of its own, this resource adds yet another avenue to complement and enhance your website. And with so many fonts now available, endless possibilities continue to grow in creating a unique and enriching visual experience for the Internet.

The Search for Good SEO

SEO - Seach Engine OptimizationIncreasing your search engine ranking with keywords

You have a great Website, but can it be found? A Website is a big investment. And, if you manage the content yourself, it’s a lot of work too. Unfortunately, having a great Website doesn’t ensure that potential customers will be able to find you.

Competition for the top search engine ranking position is fierce. In some industries you will almost certainly have to pay for a top spot. However, in most industries it is possible to get a first- or second-page position with organic search engine optimization.

Website SEO begins with keyword identification

The most important step in optimizing your Website is to identify your keywords, or key search phrases. You need to determine what your customers and prospects are actually searching for so that you can optimize your site for those search terms.

Each page of your Website should be optimized independently. We cannot stress this enough. To be effective, Website optimization needs to happen on a page-by-page basis. You should develop a list of keywords for each and every page of your Website. Yes, this is a lot more work than making one generic list for the entire site. But, Google™ will be ranking your site based on relevancy. A broad list of keywords just cannot be relevant on every page of your Website.

When choosing keywords, the three most important factors to consider are search volume, relevancy, and relative competition. In other words, you need to ensure that people are searching for your term in sufficient quantity, that the term is relative to your page, and that you’ve chosen a keyword that has the least amount of competition possible. How do you find this out? There are many tools for assessing keywords to be found online. We use and recommend the free Google AdWords™ Keyword Tool.

For each page, you should identify your top keyword, then select 5 to 10 diverse, but related, keywords for optimization. There are many tricks to finding related keywords – the Google AdWords Keyword Tool can certainly help you. However, a more effective method is to use the Google search engine itself to give you some clues.

Go to Google.com and begin typing in your top keyword. As you begin to type the keyword into the search box, Google will attempt to autocomplete your query. These suggestions are often your most valuable keywords as they are based on what other users have searched for and are also the keywords Google is recommending to its users.

You have your list of keywords, now what?

So, what do you do with all those keywords? You want to make sure your keywords appear in the right spots, and that your content is relevant and easy to read.

Keywords should appear naturally in the flow of content. Do not ‘load’ the page with keywords. Google and other search engines reward Websites with good and relevant content created for human beings. Bold, italic and linked text has more importance than standard body text, but don’t be tempted to overdo it. A page loaded up with nothing but bold, italic and linked text is hard to read and may be penalized in the rankings.

Important keyword locations:

  • Page title (meta title)
  • Description meta tag
  • H-tags (h1, h2, h3)
  • Internal site links
  • Bold or italic text

Begin by writing your page’s meta title – this is the title that shows up in the bar at the top of your Internet browser. The meta title should include your page’s top keyword and perhaps another related keyword and geographic location (if applicable), and should not be more than 70 characters (with spaces) in length. Look at Concentre’s Website as an example; we’ve determined our top keyword phrase to be ‘brand marketing agency,’ but we’ve also included ‘advertising agency’ as an important related keyword.

When writing your page content, keep in mind that people skim, more than they read Websites. Your text should be written in short, easy-to-read paragraphs. Include bulleted lists to highlight important information, such as product features and benefits. Use relevant headers and sub-headers (h1, h2, h3) to break up the copy and make scanning easier.

Be sure to use your most important keyword in the h1 tag. This is the most important headline tag, and should appear at the top of the content and be relevant to the content of the page.

End each page with a call to action, learn more feature, or links to related content. The idea is to keep your customers engaged until they’re motivated to take further action, i.e., make a purchase or contact you.

And finally, test, test, test. Search engine optimization is not a once-and-done project. Search engines, like Google, Yahoo™, and Bing™, are constantly changing their ranking algorithms. And the competition will be trying to wrestle that top spot away from you.

Is Your Website Organized for You or Your Customers?

You need to organize your Website so that it will be easy for your customers to accomplish their goals. Don’t confuse them by organizing it by what you’d like rather than what your visitors and customers need and the information that they’ll be looking for.

Look at your Website just like you would your brick-and-mortar building, such as good location, storefront and interior. To ensure you reach your customers and prospects, you need a Website that has curb appeal and is easy to navigate. Maximize your layout. Customers only give you a few seconds to find what they want or they’ll leave and not return.

Your Website copy also must have powerful words that convince your potential customers to keep reading it and gain their trust. Features don’t sell, benefits do. Solve your customers’ dilemmas. Address their problems, interests, values and how they like to receive service. And, take action. A call to action is a crucial marketing strategy. Don’t let any reader go past any information on your site without being exposed to a call to action phrase. You need it to motivate a customer to convert them into buying your product or service.

Also, be smart about your Web design and navigation. Consider the pros and cons of elements such as frames, a big splash page or a shiny flash video. These represent a design aesthetic that is no longer appreciated; many times they simply annoy your customers. And even worse, using these features makes it harder for search engines to index your site, rank your Website and hinder your search engine optimization (SEO) abilities.