If you have a business online, you’re probably quite familiar with the edginess and vulnerability that comes with putting yourself out there on the web.
Your site is a digital representation of you and your business, and it can be a challenge to separate your sense of self from your website. That’s why, I believe, it’s embarrassing when something on your site goes wrong or just plain looks bad.
I know that kind of embarrassment intimately, and in hopes of helping you avoid it, I’ve put together a list of common mistakes that people make on their websites.
I know about many of these mistakes because I’ve made them myself (and if any English majors read this post, I’m sure they’ll spot some of them right here.)
Here are 14 things to avoid on your site if you want less embarrassment and more sparkling digital representations of you on the interwebs!
1. Pixelated logo
The first place most people look when coming to a new site is the logo. It should be crisp and clear with a typeface that is readable.
If your logo was created at one size and then made larger, it will get pixelated, or fuzzy looking. Make sure this doesn’t happen and that your logo is as sharp as it can be in terms of graphical crispness. Crispy logos….yummy.
2. Images not optimized
When you put any kind of images on your site, they’ll need to be optimized, which means that some of the visual information is pulled out so that the file size is as small as possible while keeping the image looking as good as it can (which is to say, crispy!)
Un-optimized images cause your site’s pages to load slowly.
There are many ways to optimize an image before putting it on your site, such as using Adobe Photoshop, Adobe Fireworks, or using a WordPress plugin called Smushit that will do it automatically for you when you upload images into WordPress.
3. Site hacked and taken down, or a horrible page showing up instead of your site
Having your site hacked sucks. There’s no two ways about it.
When a site gets hacked, sometimes it will just be taken down completely, which means people will see a server error page, or just a white page within nothing on it.
That by itself is very embarrassing (not to mention infuriating), but there’s another unfortunate thing that can happen as a result of getting hacked: the hacker, or their automated scripts, will replace your lovely site with a horrid looking page that has animated blinking letters and some bizarre message about your site being hacked by [insert ridiculous hacker alias name here].
There are a few things you can do to keep an eye on your site for this kind of thing:
- Set up a Pingdom account to monitor your site for downtime.
- Monitor your site with Sucuri so you know the moment any malicious scripts are injected into your site’s files.
- Get into the habit of checking your website manually every day. Just go to your homepage and one other page and make sure everything is running smoothly.
4. Typos and grammatical mistakes
Having typos or grammatical errors in the copy of your site is like having your zipper down when you’re on stage. These things can be hard to catch yourself, so it’s always good to have someone proof your copy. (Hopefully my zipper isn’t down in this post.)
And here’s a great infographic on 15 Grammar Goofs That Make You Look Silly, from Copyblogger, to help you avoid common grammar mistakes.
5. Text right against images
When you insert an image right into a page or post on your site, it looks best if you give it a little breathing room between the edges of the image and any text that’s wrapping around it.
The image on the right has a margin of 15 px on it’s left side so that the text isn’t bumping up right next to the image. A little air around an image goes a long way.
6. Bad stock photos
Stock photos are a great tool to use on your site. I use them myself. But there are some stock photos that are obviously stock photos. Usually, they’re photos of people where they don’t look very authentic.
Try to avoid using stock photos that look like stock photos and instead spend a little more time searching for good ones that have a bit of artistic sensibility to them.
It can take longer to find the good stock photos, but your website will thank you for it.
7. Cute but confusing menu items
When you have full freedom to create menu items with whatever name you can dream up, it can be tempting to get very clever and cute.
The danger that you run into is that you can end up creating menu item names that people won’t immediately understand, like a menu item labeled “The Good Stuff.” That makes people think for a moment, and if that happens, they probably won’t click on the cute menu item name.
It’s best to stick with standard web conventions when labeling menu items, such as Home, About, Contact and so on.
Whatever menu item label you choose, just make sure it’s super clear and that people see what they would expect to see if they click on a given menu item link.
8. Video playback problems
If you’ve got videos on your site, one of the most important things to have happen when someone clicks play is for the video to play smoothly, with no playback problems.
With certain video streaming platforms, such as Youtube or Vimeo, you’ll sometimes see playback issues such as the audio being out of sync with the video, or the video stalling every 30 seconds while it buffers. Your visitors no likey that.
9. Site mangled by Internet Explorer
Friends don’t let friends use Internet Explorer. If you’ve spent any time having a website built for you, or building one yourself, you’ll likely understand my disdain for Internet Explorer.
In my opinion, it is the worst browser on the web. You’ll have your site looking all nice and spiffy in other browsers and you’ll check it in Internet Explorer and it’s like it ate your site for lunch and vomited it out onto the web.
Once you get all the Internet Explorer bugs fixed, which can take a while, check your site with it every so often, particularly when any changes are made to your site’s design.
Personally, I cringe every time I open my site to check it in Internet Explorer. Sigh.
10. 404 page not found errors
404 error pages are what appears when people try to go to a page on your site that isn’t loading for some reason.
The causes of this happening are many, but in general, keep a watchful eye on links to the pages of your site, and the urls for each page.
If you change any urls to your pages, and if you’re not using a 301 redirect, or a redirect plugin, you’ll be causing that 404 page not found error to show up for people.
Redirects essentially redirect an old url to a new url, which prevents the 404 error page from coming up if you ever change the url to a page.
11. Slow loading pages
If pages on your site take longer than 3 or 4 seconds to load, research shows that many people won’t stick around to wait for it.
The longer your pages take to load, the more people you will lose.
The goal should be under 3 seconds.
12. A blank page with a “coming soon” message on it and nothing else
If you don’t have content ready for a page on your site, don’t create the page and put a “coming soon” message at the top with nothing else on the page. Most people find that annoying.
They clicked on a link expecting to see something when they got there and instead see a “coming soon” message.
I’d recommend just waiting until you have the actual content ready for a page before you create new pages on your site.
13. User needs to horizontal scroll to see content on your site
If a visitor to your site needs to horizontal scroll to see content on any page of your site, something is wrong with your site somewhere, such as a bug or a poor layout/design decision.
It’s rather difficult to horizontal scroll anywhere on a computer for most people, so it should be avoided if at all possible.
14. Causing links to other sites to open in a new tab/window
This one has been debated in the webdesign community for years, and continues to be.
The debate is around whether or not you should cause links on your site that link to other websites to open in a new tab/window, or to have them open in the same tab/window that your site was in.
The big usability experts, like Jakob Nielsen, have strong opinions about not causing links to other sites to open in a new tab/window, while other folks say it helps make it easier for people to get back to your site if links to other sites open in a new tab/window.
You can read more about this issue here (look for topic number 9 on that page.) As an example, notice that when you click on that link, my site will be replaced by Jakob’s site in the same tab/window that you were reading this post in.
I’ve only recently stopped causing links to other sites to open in a new tab/window myself, so I’m coming over to the usability experts side of this debate.
I hope this post helps you avoid the “zipper down” embarrassment with your own site.
If you see me making any of these mistakes, feel free to call me out on them!