Archive for July, 2009

You have broken links. Now what?

Friday, July 31st, 2009

Arriving at your desk, you open an email with an embarrassing attachment of an error screen from a website you just launched. You thought everything was in place. Be sure to thank them for their email and read on.

Fix it:

  • Link to Google’s index. Google keeps a copy of the page when it crawls to index your website. Unfortunately, Google’s index has an expiration date. Use this option only when your target page is down temporarily. When Google re-indexes, it is known as a fresh crawl. To learn more about indexing, check out googleguide.com.
  • Link to archive.org. This site has archived the web since 1996 and FAQ page will help you get started. Use it proactively as a backup option too.
  • Use services such as WebCite, an on-demand archive, or the Iterasi web archive. Iterasi has some archived site examples that are public if you need to persuade anyone.
  • Perform a Google search to find an alternate copy of a missing page and grab the content you need to reset the link.

Prevention 101 for your 404s:

When moving an article, use a “redirect” (procedure or coded file) to help preserve your search engine rankings:

  • IIS Redirect: You can use Properties in IIS to redirect to another website or directory, single file, or a program. Be sure you are part of the Administrator’s group on your local computer.
  • .htaccess Redirect: (for Apache) Create and add code to a redirect .htaccess file and place it in your root directory.

You should also create custom 404 pages. The main goal is to keep your visitor on the site and direct them to other page links to keep them engaged. You don’t want visitors to close the browser or navigate away.

The first step is to create the HTML page for the custom 404 in your editor. You may want to consult with your Marketing team to get an outside opinion on the copy or graphics. Ideally, you need to reduce the “shock” factor to make it a seamless experience. This way, the viewer is not inconvenienced and barely notices the fact that they have accessed a broken link.

Instructions to insert your custom 404 page can be found online for IIS and Apache.

Finally, test your 404 page to be sure the user experience matches your website goals. You could set up several 404 page designs and track the navigation results to determine the best 404 page option for your viewer.

For those interested in further reading about 404s and best practices, check out alistapart.com and Google. There are also many examples of creative 404 pages on the web to get ideas.


404 error pages

Friday, July 31st, 2009

As you all know one of the great LinkAider’ features is broken link check. Since the early release we’ve seen many 404 pages while working on this great tool. Some are plain old Apache or IIS (Tomcat sometimes) error pages, some are custom crafted pages that tend to help users. But some of them fail to fulfill this mission.

Common and very annoying errors are:

  • Huge 404 pages
    A user is supposed to wait while 50kb or larger hmtl stuffed with irrelevant pictures loads just to see a message that there is no page he was looking for.
  • Missing scripts and/or images
    Some developers just clone their 404 pages from their sites’ codes forgetting to fix file paths. Result: ugly and broken error pages.
  • Misleading error messages
    These sound like: “This item is no longer available for sale. Search for this item in the search box.” (If this item is no longer available what should I search for? And was your faq.php for sale?), “There are no tickets to this event” and similar.
  • Full-page ads
    Well, these are no errors actually, but it is not too polite to show a full page ad for 5 to 20 seconds and then redirect a user to a non existing page.
  • Automatic redirects
    Some websites show their error pages for 3 – 5 seconds telling that the user will be redirected to the main page. Where the error page is stuffed with other content and error message is a thin line hidden somewhere between banners and 100+ line long sitemap. If you are showing error message – get user some time to read it, because sometimes it’s hard to understand why you are redirected out of the sudden.
  • Showing completely different content instead of the old one (while website headers return 404)
    This technique is very extensively used among news sites. And sometimes it’s hard to get why I see an article about shoes when I clicked the link to hat fashion article.

But we’ve also found many nice 404 page designs that really help users who are lost on the internet highway. And here we’ll show you some of our findings:

5ives.com

A Buddhistic message to the visitor

5ives.com custom 404 page

campaignmonitor.com

Clean design and helpful suggestions on what a visitor should do next

campaignmonitor.com custom 404 page

dainese.com

Would you be scared ?

Dainese.com custom 404 page

addons.mozilla.org

Clean, helpful and beautiful

addons.mozilla.org custom 404 page

0at.org

Were you looking for a bat holding a balloon?

a bat holding a balloon

fi.bemmu.com

Cute anime girl pointing to you that there is nothing you were looking for

anime 404 page

newyorker.com

Old-school highway drawing. The road to nowhere

newyorker.com custom 404 page

getmefast.com

Just a nice design

getmefast.com custom 404 page

action-electronics.com

Warning: they have a webmaster who may be coding their site while drunk

action-electronics.com custom 404 page

ibiblio.org

A very neat description in all the possible languages

ibiblio.org custom 404 page

meish.org

Kitty stole your web page…

meish.org custom 404 page

thedisneyblog.com

Danger, Donald Duck!

Danger, Donald Duck! 404!

current.com

No happy ending on the internet highway. Maybe you didn’t click hard enough?

current.com custom 404 page

vimeo.com

No more information available

vimeo.com custom 404 page

cityofheroes.com

A very videogame-like design of 404

cityofheroes.com custom 404 page

observer.com

Another black and white old-school drawing

observer.com custom 404 page

laughingsquid.com

Tentacles “locating a page” in the pool

laughingsquid.com custom 404 page

marksandspencer.com

Suggesting for what you may be looking for

marksandspencer.com custom 404 page

palmbeachpost.com

You got bounced over to this beach

palmbeachpost.com custom 404 page

productplanner.com

A green school board, white chalk, 404

productplanner.com custom 404 page

psphacks.net

ASCII art

psphacks.net custom 404 page

reddit.com

A broke reddit character

reddit.com custom 404 page

scrapblog.com

Pink, beach, girly. Have you lost your way?

Pink 404

crowdspring.com

The site owners feel embarrassed about their errors

crowdspring.com custom 404 page

vanityfair.com

Diplomacy on the shoestring: blame the third party!

vanityfair.com custom 404 page

versionsapp.com

Plain and simple

versionsapp.com custom 404 page

secure.wufoo.com

Dinosaur shouting out “404!”

wufoo's 404 Dino

Yahoo! News

Extremely helpful: if they can’t find what you’re looking for, they redirect you to Yahoo!’s search page

Yahoo! 404!


Stranded on Highway “404″: 
How Broken Links and Linking Pitfalls Ruin your Rankings

Wednesday, July 22nd, 2009

Ever-increasing content demands from individual users and budget-conscious companies are changing how websites are managed. More and more people run their own blogs, websites, online software, or social sharing applications.

So, after more than ten years, you would think that the 404 error would no longer be an issue. Yet, as we all “Stumble”, build sites, code, and develop applications, bad links still sneak through. Unfortunately, even basic typos can affect website ratings and the quest for quality Search Engine Optimization.

Here are some types of bad links:

Inaccessible Links: Web spiders can’t index these links because they are coded into JavaScript or Flash. If they can’t be found, the search engines can’t index them. Think twice before displaying content this way. Talk your clients out of it altogether if they are asking for SEO and are truly content-oriented.

Also, these links won’t be available to people who need to alter their computer settings to accommodate poor eyesight or other disabilities. Translation software may also be affected by embedded links whose characters are unavailable. Making your site accessible to others is a courtesy that has indexing benefits, as well as good “public relations” for the site’s overall reputation – especially if you are promoting a brand.

Link Polluters: Spammers make comments and create links randomly to various sites to increase their indexing results. This may have very negative consequences if your site is one click away from a porn or warez (illegal software) site.

If you decide to link to other sites without checking them out, SeoMOZ’s ranking factors report says that external links to low quality sites may impact your search engine rankings. Investigate your links – are they related to the message you want to get across? Do they contain good quality content? How do their own links score when you evaluate their rankings and other data? Google states:

“some webmasters engage in link exchange schemes and build partner pages exclusively for the sake of cross-linking, disregarding the quality of the links, the sources, and the long-term impact it will have on their sites. This is in violation of Google’s webmaster guidelines and can negatively impact your site’s ranking in search results.”

Broken Links: Even minor disappointments (like 404 pages) will drive away potential visitors and customers.  They might even find a competitor because of a typo. Have someone else scan your code and an end-user test and re-test your links.

Think about your print media too. Work closely with your marketing team to ensure that everything is ready. Don’t spend the money on a colour ad and have a typo, broken link, or a URL that is not up and running. Test, test, and test again.

Untrustworthy (Hidden links): Some people have embedded white font text and used other style sheet formatting tricks to position key words or other links behind images and colours. This type of thing will catch up with you. Here’s what Google has to say:

“If your site is perceived to contain hidden text and links that are deceptive in intent, your site may be removed from the Google index, and will not appear in search results pages.”

One Way Ticket to Bad Links: 6 Examples to Avoid

  1. A Webmaster/Blogger re-uses a piece of code from the Internet, such as a WordPress plug-in for dynamic menu generation. The links are generated using script (flash).
    Result: Links are invisible to web spiders and all of the pages in the “drill-down” structure do not get indexed.
  2. A Webmaster/Blogger puts some external links on their website. The target domain URL expires and gets acquired by spammers.
    Result: Link to a porn or warez site directly from your website!
  3. A Webmaster/Blogger adds some links to YouTube, Flickr, etc. The targeted content is then removed because of a copyright infringement.
    Result: 404s
  4. A Webmaster/Blogger upgrades a WordPress installation and a plug-in malfunctions, such as a tag generation plug-in.
    Result: Many internal 404s (or even internal server 500s)
  5. A Webmaster/Blogger codes a typo or misspells a word in a URL.
    Result: 404s
  6. Automated link exchange software is being used at your organization.
    Result: Spam infiltrates the system. The final links page gets more than 100 links and your site gets flagged as a link farm.

Improved look. New features. Registration is open!

Monday, July 20th, 2009

Howdy!
We are excited to announce that after more than a month of hard work we’ve added a bunch of new features. The following improvements are available to all LinkAider subscribers (if you are not one – signup now for free):

Improved look & feel. Now LinkAider is more handy to use for your daily tasks:

  • It is much easier to create a task; “quick add”" form is available straight from app’s homepage
  • All tasks are in one list on the app’s dashboard
  • Improved summary report: we display more aggregated info and lots of numbers are ‘clickable’
  • Smarter and richer data filters in “links” and “pages” reports
  • Added column sorting
  • Export to CSV
  • You can save data filters for reports and use these filters for your other sites/tasks;
  • LinkAider now shows redirect info for redirected links

And there is more:

Besides the new features in report data filters and Summary report, LinkAider is showing you ETA of your running tasks and you can see live how many pages/links LinkAider found for running tasks at any moment.

New crawler features:

  • You can provide custom robots.txt for your website so LinkAider will go only where you want it to go on your website;
  • You can skip link checking if you want a task to finish faster or you can check only internal links of the website.

Thanks to all of you for your feedback. We listen to you and work hard to be more usable every day.

We’ve also significantly improved our crawlers’ performance and now we are happy to open registration for all! So go on and sign up, and invite your friends and colleagues!

Furthermore, you can follow us on Twitter to get more real time updates and see what we are into.