Archive for the ‘web design’ Category

SEO for interactive copywriters – Part 3

Wednesday, July 29th, 2009

We have posted before about SEO for interactive copy writers and web designers, but this time we are talking about the things NOT to do for SEO Copy writing.

1. Don’t shove as many key phrases into the copy as humanly possible.

 Which pages land at the top is decided through a series of calculations far more complex than any simple ratio. When you overload copy with keyphrases you sacrifice quality and user experience. Don’t hack up sentences and stuff them un-naturally with search phrases

2. You have two audiences with SEO copywriting: the search engines and your site visitors. Balance between writing good, quality content that will keep your visitors interested, want to hare the information and keep coming back for more and keeping sure that your keyword densities are proper and pages are designed well for search engines rankings.

3. Don’t use keyphrases that don’t apply to the page. 

If you operate a site about web design, don’t try to force a search term about web development into the copy just because it pulls a lot of traffic. (A) Unless you sell, web development, it won’t be applicable. (B) Even if you manage to get the page ranked well for the phrase [web development], once the visitor clicks to your site and realizes you have nothing to do with web development, they will leave.

4. Don’t use misspellings and correct spellings on the same page.

 Sometimes we understand that misspellings will come up in search engine results but, it makes for a poor user experience for your visitors.

5. Don’t use keyphrases the exact same way every time.

 There are lots of ways to use keywords in copy, not just one. In order to sound natural, get creative with your keyphrase usage. One way is to break up phrases using punctuation or using conjugations of words. Since search engines don’t pay attention to basic punctuation marks, you can easily write something using the search term, while the punctuation such as periods and commas are omitted in the spider’s eyes.

6. Don’t use all types of search phrases for every situation.

 Long-tail keyphrases should be reserved for pages deeper in your website that get more specific than on the home page. Broader terms are typically best for a home page.

7. Don’t neglect ALT tags/image attributes.

These tags are the ones associated with images on your pages and they carry a good deal of weight especially if the image is used as a link. The ALT text counts the same as anchor text in a text-based link.

8. There’s a method to the SEO copywriting madness. The idea is not to get as many different keyphrases onto a page as possible. Rather than having 12 different search terms used only one time each, you should use two to four keyphrases (depending on the length of your copy) per page. The title, META tags, ALT tags, other coding elements and on-page copy need to support each other as far as keyphrase use goes. Your goal is to let the engines know that you have original, relevant content about a narrow topic.

 Pick two or three terms which are closely related and use them several times each along with mentioning them in your tags.

When your copy writing, web development and design follows these SEO guidelines, you’ll find your copy flows much better, is more natural-sounding and ranks higher.

Share and enjoy this web design link:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • NewsVine
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati

Web design fonts options

Saturday, July 25th, 2009

New techniques coupled with new Web browser capabilities promise to elevate web design typography from its current monotonous state into an actual creative discipline, and this might happen more quickly than expected.

This problem for web designers is dealt with either by making the most of the few fonts we have, or by entirely replacing our heading-text with images. Replacing and creating a few text header images is only okay when there are a set number of headings, but what about when the website is updated every day or even several times per week ?

Web Safe Fonts

Windows includes around 16 fonts and Macs have a little over 30.
Web design has suffered greatly, with the same 5 fonts being used over and over and over.

There are many tools out there to tackle this problem, but they are not widely used considering the number of web designs out there.

Download-able Font Services

Both Firefox and Safari now include the ability to download the two most common font file format types Open Type (OTF) and True Type (TTF) and Opera will soon follow suite. The only hold out, is Internet Explorer, which currently holds the majority of the Browser market.

• Kernest: Uses a link to tag to an external CSS file, which includes the @font-face rule sourcing a file specific to the browser type of the end user.
• TypeKit: Uses JavaScript to embed the font-file directly into the page.

Font Replacing Tools

sIFR 3
(my personal favorite because it appears to be SEO friendly)
A free web design tool for replacing text with Flash text images. It is useful for displaying fonts that aren’t generally on a Mac or Microsoft computer.

Cufón
This aims to become a worthy alternative to sIFR. Cufón consists of two individual parts – a font generator, which converts fonts to a proprietary format and a rendering engine written in JavaScript.

P+C DTR
This allows you to take a standards-based (X)HTML web page and dynamically create images to replace and enhance page headings using only PHP + CSS.

FLIR
This solution dynamically generates image representations of text on your web page in fonts that otherwise might not be visible to your visitors. The generated image will be automatically inserted into your web page via Javascript and visible to all modern browsers.

SIIR
The SIIR program serves to basically change dynamic text on your website into generated images with any font you choose.

DTR
A pretty old JavaScript and PHP technique by A List Apart.

Typeface.js
Instead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally.

IFR
By using a dynamic Flash movie, some slick JavaScript and well-structured mark-up the same consistent branding can be achieved while greatly reducing production time and preserving the cleanliness of the mark-up.

PHP+CSS DTR
PHP+CSS Dynamic Text Replacement is a JavaScript-free version of the Dynamic Text Replacement method originally created by Stewart Rosenberger. This is the P+C DTR version with word-wrapping and the ability to use inner tags.

STR SwishMAX Text Replacement
Similar to sIFR in that it uses Flash movies to replace text in an HTML document. STR does not, however, use Macromedia Flash to create the movies. STR uses a combination of Flash, CSS and Javascript, leaving the markup semantical and minimal.

CSS Image replacement [static]
Several text image solutions were developed in 2004 and continue to be developed with .php, ASP, Java servlets and other server-side programming.

Share and enjoy this web design link:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • NewsVine
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati

Web designing with one thing in mind

Thursday, July 23rd, 2009

Once upon a time, at the dawn of the internet.
Chaos and clutter reigned.

( visual: a website from 1998 with everything thrown up in a 3 columns )

Then… an awakening!

The Single Function Websites
• Clear – have no clutter
• Simple – require no learning curve
• Do only one thing – straight to the point

( visual: google home page )

Check out this website that includes trends, analysis, reviews and new discoveries involving web design and web development for today’s citizens!

singleFunction

http://singlefunction.com

check out the showcase – there are some very cool website designs up on there.

Share and enjoy this web design link:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • NewsVine
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati

Art & Copy

Tuesday, April 14th, 2009

Art and Copy

http://artandcopyfilm.com/

For all of the art directors and copy creatives out there in advertising…Art and Copy is a new film by The One Club, a non-profit organization dedicated to the craft of advertising headquartered in New York. The movie plays in May in New York City.

“The movie looks at advertising not as products flying off the shelf but as the work of a few American heroes who feel passionately about their craft, ideas, and the ability of ideas to change how people feel.”
-Mary Warlick, CEO of The One Club

ART & COPY captures the creative energy and passion behind the iconic campaigns that have had a profound impact on American culture. Featuring rare interviews with the aforementioned industry legends, the film seeks to identify the elements that transform an slogan into a pop culture catch phrases.

Share and enjoy this web design link:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • NewsVine
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati