Flash banners are useful because they can convey more information than you would normally be able to if you were using static images and unchanging content alone. This is especially true if you’re looking to communicate more than one point or display more than one photo, and if you only have a limited amount of space to do that.

As the designer, it’s important that you convey to a client that while making a Flash banner is easy for you to do, making an effective one (and incorporating it onto the website) is another story.

Here are some of the content and design considerations that I talk about with my clients in order to make their Flash banners as effective as possible.

Content considerations

• Keep it short and simple – If you’re using a banner with transitioning content, keep the written words short enough so that people can read them quickly and so that you can maintain a decent transition pace. Short phrases or no more than 1-2 sentences are ideal.
• Use call to action words – Flash banners attract attention because the motion catches people’s attention. Take advantage of that and emphasize your call-to-action in your banner. Keep the content you include in them action-oriented, and you’ll definitely help your own cause.
• They’re not good for SEO – Content embedded in Flash banners can’t be found by the search engine crawlers, which only find words on a page. Make sure to emphasize any keywords or content within your Flash banner elsewhere on the page where the crawlers will be able to find them.
• Remember to style links in them – You can include links in your banner, even if the banner itself isn’t SEO-friendly. Just remember that you should style those links to look like links should – after all, how the links are styled helps make them effective and usable.

Design considerations

• Use to shorten the homepage – Flash banners are a great way to convey more information in a limited amount of visual space, which is perfect for designers concerned with homepage usability. This will help make your homepage shorter, more concise, and more usable.
• Use on the homepage only – A Flash banner on a website’s homepage is a great-looking accent. A Flash banner on every page of a website (in the header, footer, etc.) is just distracting and becomes annoying after only a few visits to the website. Use it once, and leave it at that.
• Leave long gaps between transitions – When rotating content, leave a long enough gap so that people have time to really notice what the content is saying or what message the photo is trying to convey. Slow and steady is the key – transitions that come too quickly will overwhelm your visitors.
• Use photos to match your message – Photos can say a lot about your organization or business, so make sure to use ones that really emphasize what you want to convey about yourself. You don’t have to use a lot of them – 4-6 are usually enough to make the point.
• Shouldn’t be overwhelming in size – Your Flash banner shouldn’t be so large that it visually dominates and overwhelms the homepage. Limiting the banner to perhaps 2/3 the width of the main content area and floating it to one side is enough to achieve the effect you want.

2 key things to remember

• Get it right the first time – You have, at most, one chance to get someone to watch your Flash banner in its entirety, and that’s when someone is visiting your website for the first time. Once they become return visitors, they’re much more likely to go right to the content that they’re looking for and skip your banner – or your homepage – altogether.
• Not the primary means of delivering content – While Flash banners are great as accents, they shouldn’t be a primary means of delivering content on your homepage. If you want to incorporate content or a vital link within a banner, make sure to place it elsewhere on the page. You should always assume that the banner won’t be watched in its entirety and the content in it won’t be delivered.

Thoughts?

Do you have any suggestions for how make Flash banners more effective that I didn’t mention here? If so, share them or any other useful information with everyone by leaving a comment below!

While some of these things fall into what I would call basic design practices that should always be done, others are what I think of as the little extra touches the designer can do to make a website that much better.

No matter what you call them, what everything on this list has in common is that they’re extra value that clients are receiving for their financial investment. It’s something that I communicate to them when giving a cost estimate for their project because it shows both how I’ll be spending the time and what they’re getting for what they’re paying.

See how many of these things you do when working on a website for a client – and if you’re not doing them, consider adding them to your regular design process.

Design and Navigation

• Create an error page – You may have checked every single link on your website, but it’s still inevitable that some visitors will type a URL wrong or somehow get to a page that doesn’t exist. A custom 404 error page will help your users find what they’re looking for when that happens.
• Add a favicon – Favicons are the little icons that you see at the top of a browser window and in your bookmarks list. They’re a great finishing touch for any website to have, and can even have some small usability benefits – great reasons for why websites should always use favicons.
• Validate the site markup – Make sure your website adheres to web standards before you launch. Validated websites load faster, better, and on more web browsers, and are also “future proof” in the sense that all web browsers will handle the website as you designed it.
• Cross-browser test – Your website should look and functions the same in all of the major web browsers and on all of the popular operating systems. Most of the popular cross-browser testing tools, such as Browser Shots, also test your website in various screen resolutions as well.

Server Optimization

• Resize images accordingly - If you’re calling an image from the server and the image files is really large even though it’s being displayed much smaller, resizing ahead of time will speed up the load time of that page, and help keep the amount of server space you’re using up at a minimum.
• Put javascript in the footer – If you’re calling external Javascript within your website, putting them in the header means that the server will try to load them first before loading your content. Putting them in the footer loads the content first before fetching the script – much more desirable.
• Clean up server of working files – While developing a website, I often find myself with extra files on the server that I had used at some point but am not using any longer. I delete those unnecessary files so that what’s on the server is only what’s being used somewhere on the website.

Search Engine Optimization

• Generate a sitemap – Creating a sitemap is useful for your users as a navigation tool, but for the search engines perspective it will help them find new content on your website faster than by relying on their crawler to find it. This will help you get more of content noticed and more links followed.
• Submit URL to search engines – If you’re launching a new website, the search engines won’t know about it unless you tell them to come and crawl your website. This one of the simple steps to bolster SEO on your website, so at a minimum submit the URL to Google, Yahoo, and MSN.
• Create a robots.txt file – This file tells the search engine spiders what they can and can’t crawl on your website. If you don’t want them to look at certain directories, this is where you would specify that. One way this might be useful for SEO is as a way to avoid duplicate content on your website.

Content

• Proofread your content one last time – There’s no excuse for spelling or grammar mistakes on a website. If you’ve written content for a website, such as links, intro text, etc., having extra eyes looking at it to make sure everything sounds good and is written properly will make sure any errors are caught.
• Check for broken links one last time – You can spend all the time in the world making your website as great as possible, but if you have broken links on it, the website looks bad. Before you launch, click through all the links on the website to verify that everything works properly.
• Set up Google analytics – Understanding what content your visitors are looking at on your website is absolutely essential in order to make it as effective as possible. Google Analytics is not only free, but incredibly popular and easy to use, which is why I use it on all my client websites.

Thoughts?

Is there anything that I didn’t list here that your normally do when you launch a new website for a client? Share your thoughts with everyone by leaving a comment below!

Titles and sub-headers have the ability to not only break up your text into manageable chunks, but to engage your readers in what you’re writing about. Since people scan web content quickly, titles and sub-headers are what they’ll notice first – which is why they play such a big role in whether your content gets read or not.

Below are my tips for improving your content’s titles and sub-headers – recommendations that both web content writers and web designers can implement to make them more effective.

5 tips for the Web Content Writer

Writing great titles and sub-headers is easier said than done. It’s a skill that you need to develop as a writer, especially given the unique ways that people read content on a website. Here are some of tips for how to write more effective sub-headers in your web content:

• Keep them short and concise – Your goal should be to keep your titles and sub-headers to 8 words or less. At that limit, they will be long enough to make your point, but short enough so that they don’t wrap onto a 2nd line on the page based on how the designer has styled them.
• Strive for clarity, not creativity – You shouldn’t get so creative with them that people don’t know what comes below. Rather, sub-headers should convey information quickly so scanners can get an idea of what the content below is about without having to stop and think about it.
• Don’t re-state what comes below – When you can’t come up with an effective sub-header, the tendency is often to re-state what’s contained in the content below. That’s why writing great titles and sub-headers is a skill to develop – re-stating what comes below is the easy way out.
• Move the keywords forward – Put the keywords you’re writing about at the start of the sub-header for even greater emphasis. Scanners tend to notice only the first few words, so this will help emphasize what comes below in your content. (It can’t hurt for SEO purposes either.)
• Pose a question – Another way to get your readers to read your content is ask them a question within the sub-header that they’ll have to read the paragraph below to find the answer to. If you can do this effectively, it can be a great way to get people to look at your content.

5 tips for the Web Designer

Creating effective sub-headers isn’t just the content writer’s job. Web designers play a large role by giving the titles and sub-headers the visual qualities that will best capture the visitors’ attentions. Here are some design tips that you can use to make them more noticeable:

• Make them a different color – Rather than just making them plain black, choose a color from within your website’s color scheme to make them stand out. Go for a darker color though, especially on a white background, in order to give it enough contrast.
• Make them big and bold – You should always be able to tell what the headers are based on how big they are in relation to the rest of the content on the page. Make them bigger in size – enough so that were you looking at the page in black and white, you could tell what the sub-header is.
• Move the copy in – To make the sub-headers stand out even more, considering giving an indent to the rest of the content beneath them. An indent of 10-20 pixels should do – it will be subtle, but the effect is enough to give your content the desired visual separation.
• Keep the size proportionate to importance – Page titles should use the <h1> tag, which should always be styled the biggest; <h2>’s, <h3>’s, etc. should be used as sub-headers, and should all get smaller as you move further down the list.
• Keep the fonts simple – Since people are scanning, you don’t want your sub-headers to be styled in a fancier font that might take them longer to read and interpret. Style your sub-headers in simple, clean fonts like Arial or Verdana in order to make scanning as easy as possible.

Thoughts?

Do you have any common practices when it comes to either writing titles and sub-headers, or designing how they appear on the page? If so, share your thoughts with everyone by leaving a comment below!

What is duplicate content?

Simply put, duplicate content is any text on your website that either completely matches, or is similar to, content elsewhere on your website. While there are acceptable kinds of duplicate content – print-only versions of a web page, for example – in other cases people intentionally use duplicate content across multiple domains in an attempt to get more traffic to their website from search engine results.

It’s the latter usage of duplicate content that is the reason Google and the other major search engines penalize you for having it on your website. There’s no way for them to understand the intent of why the content might be duplicate – even if you aren’t duplicating content maliciously – so they just penalize it altogether.

That being the case then, optimizing your website so that it avoids duplicate content is something you need to do if you’re interested in your website’s placement in search engine results.

(For more tips and explanations from Google about duplicate content, read through their page on the subject in the webmasters/site owners guide.)

5 ways to avoid duplicate content

When you install WordPress out of the box, it’s not duplicate content proof – and that especially pertains to your blog posts and how they’re displayed. For example, if you have your category, archive, and home pages all set up so that they display the full text of your blog posts, guess what you have? Duplicate content.

Here are 5 simple changes you can make to avoid duplicate content on your WordPress website:

• Display the full text once and only once – My rule of thumb is that the full text of a blog post should only be displayed on the actual page of the blog post itself. Everywhere else your recent blog posts are listed, you should either have the excerpt appear, or just the name of the post and a link the full text of it. To display the excerpt only, you can either update your theme files, find a plugin to do it for you, or just use the <!–more–> tag when writing your content.
• Fix your page header – You should insert the following code into your theme’s header file to make sure that certain pages (such as the homepage, posts, pages and category pages) are indexed by search engines spiders, while certain others (feeds, archives, etc.) are excluded :<?php if((is_home() && ($paged < 2 )) || is_single() || is_page() || is_category()){
echo '<meta name="robots" content="index,follow" />';
} else {
echo '<meta name="robots" content="noindex,follow" />';
} ?>
• Be aware of comment pagination – In WordPress 2.7, you have the option of separating your comments onto multiple pages rather than lengthening the actual post page. The only problem with this is that for every page of comments, you’re duplicating the content that people are commenting on. This function is enabled by default in WordPress 2.7, so if you don’t have a need for your comments to be paginated, go to the “Discussion” area under settings and uncheck that option.
• Add unique META descriptions to each post – I’ve written about META tag issues in WordPress previously, but the most important META tag to consider here is your description. If you have the same META description on all of your blog posts or pages, that’s duplicate content. I recommend the All-in-One SEO Pack plugin (what I use on this website) because it lets you use your excerpt (or whatever text you want) as the META description, thus avoiding duplicate content.
• Update your robots.txt file – If you don’t want search engine spiders to find unintentional duplicate content on your website, put some instructions in your robots.txt file that tells them what they shouldn’t crawl. In WordPress, that means making sure you exclude your feeds and any other auxiliary pages that duplicate content you have elsewhere. The following code will do the trick – just copy and paste it into your robots.txt file:
  User-agent: *
Disallow: /wp-
Disallow: /search
Disallow: /feed
Disallow: /comments/feed
Disallow: /feed/$
Disallow: /*/feed/$
Disallow: /*/feed/rss/$
Disallow: /*/trackback/$
Disallow: /*/*/feed/$
Disallow: /*/*/feed/rss/$
Disallow: /*/*/trackback/$
Disallow: /*/*/*/feed/$
Disallow: /*/*/*/feed/rss/$
Disallow: /*/*/*/trackback/$

Thoughts?

If you’re a web designer or developer and have a WordPress website (or have built WordPress websites for your clients), how do you help them avoid duplicate content on their websites? Are there any tips or suggestions that I didn’t mention that you feel would be useful to others? Share your thoughts by leaving a comment below!

(If you don’t know what breadcrumbs are and want to find out more about why and how to use them, read through my previous post on the subject, “Hansel and Gretel Would be Great Web Designers“.)

By adding some code

If you feel comfortable working with your WordPress theme’s files, here are 3 different ways to incorporate breadcrumbs into your WordPress website. Choose a method depending on what content you want to use them for on your website.

Simple breadcrumbs for individual blog posts

A post over at WP Hacks details how to make simple breadcrumbs menus using basic PHP template tags. All you have to do is insert the following code into the single.php file wherever you want the breadcrumbs to appear:

<a href="<?php bloginfo('home'); ?>">Home</a> &raquo; <?php the_category(); ?> &raquo; <?php the_title(); ?>

You can style this with CSS to make it look a little nicer; my recommendation is that you wrap everything in a list like as follows, which will give you more options when it comes to styling:

<ul>
<li><a href="<?php bloginfo('home'); ?>">Home</a></li>
<li><?php the_category('') ?></li>
<li><?php the_title(); ?></li>
</ul>

I include the code here because this method is so simple to use. I’ve used it before, and it serves it purpose if you only want to include the breadcrumbs on your blog posts. The only drawback is that there is no flexibility to use it anywhere other than the posts on your WordPress website.

Advanced breadcrumbs for both pages and posts

When you want to add breadcrumbs to more than just blog posts, you need something a little more advanced in order to do that. Here are 2 different methods; both incorporate more advanced code to display breadcrumbs on both pages and posts:

• How to: Breadcrumb function for WordPress
• WordPress Breadcrumbs

With both methods, you just have to copy and paste some code into your functions.php file, and then insert some PHP code into your theme’s files wherever you want the breadcrumbs to appear.

I haven’t tried either one of these out myself, so if someone has used them, or tries them out on their website, leave a comment below and let me know your thoughts.

By using a plugin

If you’re not comfortable editing the code in your WordPress theme’s files, there are plugins available that give you the ability to style and manage them through the WordPress admin section, such as:

• Breadcrumb NavXT
• Yoast Breadcrumbs
• Breadcrumb Trail by Justin Tadlock

I haven’t tried out any of these plugins myself, so I can’t speak from personal experience about how well they work or if one is preferable over another. If you have used one of them or have any feedback about these plugins (or others I didn’t mention), leave a comment about it below.

Thoughts?

Do you have a preferred way of creating breadcrumbs on your WordPress website? If so, share your thoughts with everyone by leaving a comment below!

#1 – It’s not informative

It’s an established fact that most people don’t really read the content of a website – they scan it. This applies to almost all written content on the web, and people tend to do it for a number of reasons, such as:

• They are too busy to read something fully
• They are looking for a specific piece of information, and once they find it they want to move on
• There’s a lot of information out there that is competing for their attention
• They might have other issues that make it harder for them to read content online, such as screen resolution, screen glare, tiny font sizes, contrast, etc.

When someone writes content for a website, they have to keep in mind that it’s probably not going to get read except by those who have an inherent interest in doing so.

Most people are going to scan it instead, and when they do, certain things will jump out at them – links being one of them. Of course, that will depend on whether the web designer styled the links properly by making them underlined and a different color from the surrounding text.

Yes, people scanning content will still see your link even if it says “click here”. But using “click here” as the link text doesn’t take that next step of telling them where the link is going to as they scan over it quickly.

The bottom line is that people like to – and want to – know where a link from your website is going to lead them. Using the words “click here” just doesn’t do that for them, and here’s a good example:

• Bad - If you want to learn more about this, click here to read this article from the New York Times
• Good - Learn more topic about this by reading this article on the New York Times

The second one tells people at a quick glance not only that there is a link, but that it’s to an article on the New York Times website. What does “click here” tell you? Only that a link is there for them to click on.

#2 – It’s not action-oriented

Most websites want people to take some action as a result when they are visiting it. People respond to action words, so those who write content for a website will want to keep that in mind by writing link text that encourages visitors to take the desired action. Here’s an example:

• Bad – Enjoy what you see? Click here to subscribe to our blog for free updates!
• Good – Enjoy what you see? Subscribe to our blog for free updates!

Notice the difference? The second one has the desired action contained within the actual link text, which will be much more obvious when someone is scanning the content quickly. Using “click here” doesn’t convey that desired action – again, it only tells them that a link is there for them to click.

#3 – It’s not SEO-friendly

Search engines such as Google use the strength of your links in their algorithm when they determine your placement in search engine results. While the number of links (both internal and external) on your website is important, how those links are worded can be just as important. Here’s an example:

• Bad – Click here to read more web design articles by Addicott Web
• Good – Read more web design articles by Addicott Web

The second one is the much-more friendly link. When you use “click here” as your link text, all that you’re doing is letting the search engines know that your content contains a link. If you want to also help them estimate how relevant that link is though, start using keywords in the link text instead.

#4 – It’s not modern

During the early days of the Internet, people defended the use of “click here” on the grounds that if it weren’t used, most people wouldn’t know what to do when they came across a link. Content writers came up with it as a solution that gave users the hint of what action they were supposed to take – literally, click here.

Needless to say, that’s drastically changed as more and more people have become familiar with websites in recent years. If you continue to use “click here” in your content, you can give your visitors bad impressions that you don’t want them to have, such as:

• That you don’t respect their intelligence enough to know what a link is
• That your website or the content on it hasn’t been updated in years

You always want to make a positive impression of who you are through your website, and most people nowadays think that websites that still use “click here” are just plain old-fashioned. I would venture to guess that that is definitely not the impression you want to convey about your business or organization.

Thoughts?

Do you still use the phrase “click here” when you’re writing links? Do you have clients or people you work with who still use it and don’t understand why they shouldn’t? Share your thoughts on this topic by leaving a comment using the form below!

I’m working on a few WordPress websites for clients at the moment, so I’ve discovered these plugins as I’ve been searching for solutions to some of their design requirements. Finding these plugins just reinforces for me one of the best things about working with WordPress – that for almost anything that you’re trying to do, chances are that there’s a plugin that already exists to meet that need.

(I also wrote last year about some of the other reasons why I want to build your website in WordPress – the availability of plugins being only one of those reasons.)

Without further ado, here are 6 more plugins that you should be using on your WordPress website or blog…

#1: Easy Contact

Easy Contact is a good plugin to use if you’re looking to incorporate a basic contact form into your website or blog. What I like most about it is that unlike the previous contact form plugin that I had been using (the Secure and Accessible PHP Contact Form plugin), the additional CAPTCHA security question is an optional choice on the form.

Why is that important to me? I used the other form for one of my past projects, and they kept telling me they were having problems with the contact form – specifically that people said they had sent a message through the form, but the client never received it. Turns out what was happening was that people weren’t answering the required CAPTCHA question, so the form results didn’t go through, even though the form page refreshed – giving people the impression that the message had gone through.

In any case, the Easy Contact plugin should help avoid that confusion (the security question is optional to display), while still enabling the basic functions that you would expect from a contact form. You can style it however you want to as well, although that’s pretty standard for most plugins of this nature.

#2: Thank Me Later

Thank Met Later is a great plugin to incorporate into the functionality of your comments area. Once you install this plugin, it will send a thank you message to people who leave a comment on your blog or website. There are a lot of ways to customize your message, from the content to when the thank you note is sent out, making it really versatile.

Why would you want to send out a thank you note to people who leave a comment? I think doing so is useful as another way for you to reach out to, and interact with, people who are coming into contact with your website in some way. Sending a little note can put a more personal face on your website, encourage them to subscribe to your RSS feed or email newsletter, start fostering relationships with your commenters, etc. – all things you want to do to help build your brand and reputation.

#3: WP-UnitPNGFix

The name may be difficult to read, but this plugin is definitely getting added to my must-install list. WP-UnitPNGFix fixes the problem that occurs in Internet Explorer 6.0, where PNG images that are supposed to have a transparent background instead have a grey block behind them.

Firefox, Safari, and newer versions of Internet Explorer don’t have a problem rendering transparent PNGs, but since so many people are still using Internet Explorer 6.0, us web designers still have to account for it in our design. (Yet another reason why I hate Internet Explorer 6.0 so much and why I wish people would upgrade already.)

#4: Thumbnail for Excerpts

On some blogs, you’ll see photos used next to the post excerpts as a way to attract people’s attention to particular posts. A great example of a blog that uses this technique is PSD Tuts – visit their website and you’ll immediately see what I mean.

I think that this effect works nicely for when you’re using WordPress as a content management system for clients, rather than just a blog post. The current projects I’m working on fall into that category, so posts are really being used as news updates about particular events. When that’s the case, having a small thumbnail photo is a nice touch that can help accentuate the posts page.

What Thumbnails for Excerpts does in particular is look for the first image within the post, and that becomes the thumbnail that’s displayed next to the excerpt. You can easily specify the size of your thumbnail, and then it’s just a matter of styling the image for how you want it to appear.

#5: Multi-Level Navigation

Drop-down menus are always a contentious topic in the web design world, but I think they do have their uses and can be an important way to help your users dig deeper into your site’s content.

The Multi-Level Navigation plugin lets you have drop-down menus in WordPress, which otherwise would involve some complicated coding in order to have.  This plugin lets you customize everything through an easy-to-use interface. You can add up to two levels to your drop-down menus (which in most cases is probably the most that you should have anyways), style it however you want to, determine the contents for the menus, and more.

#6: Embed iFrame

The reason for using the Embed Iframe plugin is somewhat obscure, and truthfully most people probably won’t have use for it on their websites. Simply put, an <iframe> is a means of embedding one HTML page in another. The projects I’m working are regional websites for a national organization, and they want to be able to include content from the national website without having to duplicate it on the regional websites – so that’s why this is coming in handy.

But there’s also another more common use for an <iframe>, and that’s if you want to include a Google calendar on your website. Calendars are certainly a useful feature to have on your website, especially if they’re used to highlight programming and events. Google calendars are certainly popular and easy to use for your users.

In order to display your Google calendar on your website, after installing this plugin all you would do is reference the URL of your Google calendar within the iframe code on your page, and you’re all set!

Thoughts?

Do any of these plugins sound like something you would use on your WordPress website or blog? If so, let me know what you think of them. Or, if you have any other WordPress plugins that you think might be useful for everyone to know about, share them by leaving a comment below!

I thought it might be insightful to give you a list of the plugins that I use on this website, and that I commonly install for clients when I build a website for them in WordPress. They fall into four basic categories – commenting, SEO, administration, and content.

See how many of them you use on your WordPress website or blog or have heard about. If you don’t have some of these installed, give them a shot and see if they help improve your website or blog in some way.

One note – all the plugin links below are to that plugin’s page in the WordPress plugin directory. By going there, you can download each plugin, but you can also find out more information about installing or troubleshooting it.

Commenting

Want to make it easier for people to comment on your posts? Try some of these plugins, which help accomplish that goal.

• Subscribe to Comments – Lets commenters sign up to receive an e-mail notification when another comment is made to the post they commented on. The plugin also includes a subscription manager that your commenters can use to unsubscribe to certain posts, change their notification e-mail address, and more.
• Better Comments Manager – Allows you, as the blog administrator, to respond to comments from within the admin panel rather than by going to the website.
• No Self Pings – A pingback (or trackback) is a notification you receive when someone links from their website to a post on your blog. If you’re writing a post and include a link to another one on your own blog, there’s not really a point in notifying yourself about that.

Seach Engine Optimization (SEO)

These plugins help you accomplish some of the simple steps to incorporate SEO into your website or blog, as I’ve written about previously.

• Google XML Sitemaps – Automatically creates XML sitemaps of your website, which you can then submit to the search engines to help them crawl your website easier.
• All-in-One SEO Pack – Lets you optimize your title and META tags with content and keywords of your choosing, while also helping you avoid the duplicate content found on WordPress websites.

Administrative

As the administrator of a WordPress website or blog, there is plenty to think about in addition to just the content. These plugins help you with some of those essential tasks, making administering it easier and less time-consuming.

• Database Backup – Allows you to back-up your WordPress database in case something catastrophic happens to it. You can have the backups e-mailed to you or saved automatically to your server, and can schedule how often the back-ups should take place.
• WP Super Cache – Helps you speed up your WordPress website or blog significantly by reducing the workload on your server when someone visits it.
• Akismet – Checks your comments to see if they look like spam or not. You can review the spam it catches in a separate section from your regular “Comments” admin page. If you have commenting enabled on your WordPress website or blog, this is an absolute must to install.

Content

You have a website or blog because you want to share content with your visitors, right? These plugins can help you do that in ways that emphasize the usability of your website – something I’m always in favor of.

• Similar Posts – Displays a list of posts that are similar or related to the current post. How the list of similar posts is determined can be customized in many different ways, but the basic way similarity is judged is according to the post’s title, content, and tags.
• Popular Posts – Displays a list of your blog’s most-viewed posts. This plugin was created by the same people that made the Similar Posts plugin, so you can use the same options to customize how this list is displayed as you can for the Similar Posts list as well.
• ShareThis – Provides a quick, simple to use, and unobtrusive way for users to either add your post to many social bookmarking sites or e-mail the link to someone.
• Lightbox – Creates a sharp, modern-looking overlay for images on the page, useful when you have thumbnails of an image and want to allow your visitors to view an enlarged copy. This looks much better than having the enlargement open on a blank page.
• WP-Pagenavi – Adds a more advanced page navigation system to your blog archives for when you start to accumulate a lot of posts over time.
• GD Star Rating – Allows you to set up a rating and review system that lets your visitors provide feedback on how useful a particular post, page, or comment is. There are many different options you can set for how the rating stars should be displayed and how things are rated.

What did I miss?

If you have a WordPress website or blog, or design them for clients, what plugins do you use that I haven’t listed here? Let everyone know by filling out the comment form below!

In the year or so that I’ve been in business for myself, I’ve continually looked to improve both my design abilities and how I communicate to potential clients the ways that my knowledge can benefit them. I’ve been making great progress on both fronts, but I’d really like to thank you especially, because it wasn’t until I saw your work that I became totally confident in my abilities in both areas.

A few months ago I approached the dental practice I go to with some thoughts I had about improving their website through a redesign. Their website at the time was in pretty rough shape and badly in need of improvement. The main dentist there told me that they had just contracted with you for the project, since you specialize in websites for dental practices. I wished him the best of luck on the project, and said that I looked forward to seeing their new website when it was ready.

I was thinking about that conversation this weekend. Since it had taken place 3-4 months ago, I figured that the new website would be launched by now. I did a quick Google search and confirmed that I was right – it had indeed been launched.

See, I specialize in creating custom websites for my clients that not only look great, but are also highly functional from both a usability and an SEO perspective. I like to talk to my clients and get a sense of who they are and what they need before I build them a website. I don’t think those are high standards to meet, and I thought that most other web designers shared a commitment to those ideas as well. But as I learned from seeing your work, that’s not always the case.

For a small business like this dental practice, the website that you gave them doesn’t truly meet their needs. I really believe that a redesign should be a big improvement over what it is replacing, but in this instance, I would even go so far as to say that it is a step backwards from their previous website.

Some of the things you did really stuck with me – in particular:

• Not taking advantage of their former #1 Google ranking for “dentist Chicago” - I’m sure you already know how difficult it is to optimize a website for generic keywords and have good results with them. Their previous website already already did that for them, even if those benefits weren’t intentional or they didn’t know how or why that was happening. Now, when you do a search for those terms, their practice isn’t anywhere near the first results page anymore.
• Not using their existing URL – For some reason the new website was created at a separate URL than the old one – www.their-website-url.com instead of www.theirwebsiteurl.com. But both URLs are still appearing in Google search results, so it will make people wonder which website is accurate. If I were some random person searching for a dentist and had to think about the difference between the two, you can bet I would just keep searching rather than stick around to find out the answer.
• Not creating a custom design - It’s very obvious after a few clicks through the website that the design is based on a template. That’s fine I suppose, although it’s not something I would personally choose to do for a client. On top of that, there are a lot of basic things that just look sloppy – such as the alignment on your list items, for example. Sloppiness can give people the impression that the business is unprofessional – which is probably not what they want to convey.
• Not understanding the role that colors have on a website - This particular dental practice markets itself as a dental spa. What that means, I’m still not quite sure, even though I’ve been going there for almost 4 years; I just know they offer a free shoulder massage after I get my teeth cleaned. But in any case, for a business that markets itself as such, I would have chosen colors that were much more reflective of what they are all about – perhaps colors that convey a sense of relaxation and ease, such as light blues and greens. I’m afraid that the dark purple and grey combination that you gave them just doesn’t give off that vibe.
• Not styling your links so it’s obvious what is a link and what isn’t - Website users associate blue words as links, so the way you styled words for emphasis in the headers and content gives the impression that those words are links, even if they aren’t. If you would have chosen another color for emphasis and used blue for your links instead of the dark red you used instead, it would have gone a long way towards making the text links as usable as possible.
• Not making it easy to find their address - You put “Northside of Chicago” in the top right area of the header, which is valuable real estate on a website. As a visitor, it’s good to have of where the practice is located in the city – but since the north side is somewhat/sort of a big area, it would have been more useful if you told me their address in that spot instead. Instead, you put the address in a place that’s more difficult to find and where I have to scroll down to find it.
• Not making the home page useful – Their business offers some unique services, so it would be useful to visitors to tell them on the home page what exactly they offer that differentiates theirs from a regular dental office. You could have put links to those services that they get the most business from, for example. Filling one-third of the home page with a lifestyle graphic strikes me as unnecessary, especially if you could could convey those emotions through a better design and color scheme, as I mentioned above.
• Not making it easy to find what it is they do - The procedures and services offered at their practice is why they’re in the business in the first place, so you want people to know about these things in as many ways as possible on the website. Making a list out of the almost 40 different things that are offered and only making it available from within the sidebar of their procedures section just doesn’t cut it. Neither does not alphabetizing or sorting the list in any way either. Next time, perhaps organize those links by categories or some other way to make it much more user-friendly.

Still with me? Good, because I’d like to thank you for everything that you did, however poorly it was done.

Why would I want to thank you for all of these things that I would do differently? It’s quite simple actually. As a web designer who is still perfecting my craft, it’s often helpful to get a sense of what not to do on a website so that I know what to do when I design my own. And by looking at your work, you just gave me the perfect example of what not to design when designing a website for a client.

Call me an idealist, but I believe that when we, as web designers, work with clients, we have a responsibility to deliver more than just the product that they are paying us for. We have a responsibility to really work with them so that they understand two main things – how:

1. Having a great website can really help their business
2. The unique knowledge that we have is necessary to achieve those benefits

That is the value proposition for why clients hire you. I know it’s mine, and it’s also why I am so committed to good design, usability, and SEO. All three are vital to a successful website, and a successful website can be vital to their long-term success. It’s up to us to incorporate these three concepts and to do a good job at doing so. I don’t know about you, but if I ever delivered a website to a client like the one that you delivered, I would not be able to call myself a professional any longer.

For my own success, I truly believe that being able to communicate these two points to our clients – and doing so in terms that they understand – is what really convinces people to hire me and what will ultimately make me successful as a web designer.

I hope that you feel the same way, and that you take these comments constructively as a way to improve the product that you deliver on future projects.

Sincerely,

Addicott Web

P.S. Next time I’m at the dentist, I’m going to follow up with them about their new website, and am planning to present some of my suggestions to truly improve their website. I hope I can show them that they don’t necessarily need to hire a firm specializing in a particular niche market in order to have a great website. They just need someone who is committed to creating a website that reflects their purpose and is fashioned with good design, usability, and SEO in mind. That is what will really benefit their business in the long run.

What are breadcrumbs?

Chances are you’ve seen breadcrumbs before, as many websites feature them in some form or another. But for those who are new to the concept, what exactly are breadcrumbs?

Simply put, they are another form of navigation that your visitors can use to find their way around your website when the main navigation doesn’t quite meet their needs. Breadcrumbs are almost always implemented the same way:

• Progressing from the highest level to the lowest, one step at a time
• Starting with the home page and ending with the current page
• Having a simple text link for each level, except for the current page
• Separated by a one-character symbol between the levels, usually an “>” or a “/”

Of course, the ideas behind using them are slightly more complicated than that, which is what I want to talk about here. I’m going to go over the main usability benefits from using breadcrumbs before giving some pointers on how to use them in ways that will both benefit your visitors and SEO.

Why should you use breadcrumbs?

There are a few main reasons why breadcrumbs should be used on a website:

• Pinpoint your location - Like the large maps at the mall, breadcrumbs show people where they in relation to the rest of your website. They can also show people where the page that they’re looking at is relative to higher-level content as well.
• Help rescue those who get lost – Most people tend to ignore breadcrumbs until they get to a page that isn’t quite what they were looking for, and want to find their way back up to a more familiar page on the website. Breadcrumbs are just another way that you can help your visitors do that, especially if they parachuted into a very specific but inappropriate place on your website and want to get their bearings.
• Open up the information hierarchy – Breadcrumbs allow your visitors to jump more than just one level of content at a time because by nature they show the exact pages that led to the page that they’re currently on. (Note: this is different from showing them the exact pages that got them to where they currently are.) This can give your visitors a better sense of how the website is organized.
• People are familiar with them – Breadcrumbs are common enough now that most people are somewhat familiar with them. Because they are one of those little touches, your visitors might not notice if they are there, but they also might miss them if they’re not there.
• Consistency leads to usability – Breadcrumb trails are for the most part styled the same way, making it easy for people to immediately know how to use it when they see it. Just remember to keep your breadcrumbs styled according to common conventions so that you don’t leave people guessing about what those links are.

How to implement them correctly

Now that you’ve made the decision to use breadcrumbs on your website, you need to make sure that they’re well-designed in order to have an impact on your website’s usability. Here are some tips for using them:

• Proper placement is key – My personal belief is that breadcrumbs should go in your main content area, directly above the main title of the page. Of course you don’t want them to be so obtrusive that they take up a lot of room there, but you also want to make sure that they’re easy to find. Putting them in a spot that will at least visually register with your visitors is important, because then if they go looking for the breadcrumbs, they know where to find them.
• Style them appropriately – As I’ve written about previously, how you style your text links is important from a usability perspective because it helps people know what are the links and what aren’t. When I’m styling my breadcrumbs, I like to make the links underlined and colored differently from the last breadcrumb level, which is the page the visitor is on.  I’ve seen breadcrumbs on many websites where all the text, links included, looks the same, and I can never understand why someone would choose to style it that way.
• Show site hierarchy, not user history – Breadcrumbs are not meant to be a trail of how the user got to that page, but rather should be thought of more as beacons that pinpoint the page location relative to the rest of the website’s content. The user can just as easily click their web browser’s “Back” button to return to where they came from – they don’t need breadcrumbs to do that.
• Focus on how they’re written for additional SEO benefits – If you’re focusing on ways to incorporate SEO into your website, breadcrumbs are another great opportunity to mix in some of those keywords you’re optimizing for. Just make sure that your breadcrumb links provide enough detail about what the pages are about, without being overly lengthy. I generally try to keep my breadcrumb links to within 1-3 words, at most.

Breadcrumbs can’t solve all your usability problems

It’s not absolutely essential that a website incorporate breadcrumbs, even though if they’re done right, they can enhance the overall usability of your website. But if you are going to use them, there’s one catch, and it’s a big one.

They’ll only work if the overall content and structure of your website make sense in the first place.

If people can’t find what they’re looking for on your website to begin with, having breadcrumbs on your content pages isn’t really going to help them very much. Chances are, if your navigation is that bad, it will already have made such a poor impression of your website that the visitor won’t even have made it that far anyways.

As a web designer, your first priorities have to be creating a site hierarchy that makes sense and then constructing a navigation to make the content easy to find within that hierarchy. That being said though, don’t just throw in the breadcrumbs as an afterthought. Badly implemented breadcrumbs might do more harm than good, so if you want to incorporate them, spend at least some time making sure they’re implemented properly.

Thoughts?

If you don’t already have breadcrumbs on your website, do you plan to incorporate them? If you already have them, what do they look like, and what have you found that works or doesn’t work? Share your thoughts about these questions and more by filling out the comment form below!