Friends and I were recently debating the finer points of serving a 410 versus a 404 response code when a brick and mortar retail analogy was born. I hope you'll have half as much fun reading through these amateur comics as I've had putting them together. You might also come away with an extra line of lingo when explaining HTTP Response Codes to clients or colleagues.
What are Response Codes?
When a search engine or website visitor makes a request to a web server, a three digit HTTP Response Status Code is returned. This code indicates what is about to happen. A response code of 200 means "OK, here is the content you were asking for." A 301 says, "Gotcha. That page has moved, so I'll send you there now." And so on.
Einstein once said, "If you can't explain it simply, you don't know it well enough." It is in this spirit that I present to you my brick-and-mortar retail store analogy.
A man walks into a store looking for a particular model water gun. In each scenario, he is greeted by a different Sales Associate (our response codes).
200 OK
A 200 is the most common type of response code, and the one we experience most of the time when browsing the web. We asked to see a web page, and it was presented to us without any trouble.
301 Moved Permanently
We were expecting to find a web page in a particular location, but it has been moved. No worries though, the web server has sent us to the new location. Most users won't notice that this has happened unless they watch the URL change.
302 Found (Moved Temporarily)
You're in the right place, but the page has moved temporarily to a new location. Just like a 301 the user doesn't usually notice anything because the web server seemlessly moves them to the new URL.
Important SEO Implication: A 302 isn't a permanent move. Any SEO strength that the original page had won't be granted to the new URL.
401 Unauthorized
We've requested a page, but a username and password are required to access it. We're presented with a way to login.
Important SEO Implication: Search engines won't submit a username and password for entry. If you have content hidden behind a login, it won't show up in the search results.
403 Forbidden
We've requested a page that we don't have permission to access at all. This page isn't for us.
404 Not Found
We've requested a page, but the web server doesn't recognize our request. The page can't be shown because the server doesn't know what it is.
Important SEO Implication: Most default 404 pages are a dead end for users and search engines. Look at using a custom 404 for these cases.
410 Gone
We've requested a page and the web server knows what we're asking for, but the page is gone.
Important SEO Implication: There is some debate in the SEO world as to the advantage (if any) of using a 410 over a 404 in certain cases. This post by Barry Schwartz is a good place to start your own research.
I prefer to use a 410 when removing unfavorable (perhaps penalized) content from a website. Perhaps the website has some bad links pointing to a bad neighborhood within an otherwise quality site. I'd use a 410 to say, "We know what you're asking for, but we've deliberately removed it from the site, permanently."
500 Internal Server Error
We've requested a page, and in return, we get a generic error message. No information is given. It is like looking a sales associate in the eye, asking a question, and recieving a blank stare in return.
503 Service Unavailable
We asked for a page, but are told that it is temporarily unavailable. Something is wrong. Perhaps the website is down for maintenance.
Status Code Readers & Additional Reading
If you're like me, you came to SEO out of an interest and background in Marketing, rather than approaching it from a start on the Techology side. I understood the meaning of the basic response codes for SEO (301, 302, 404) long before I understood what was technically happening. I needed to see it before I really got it. If you're feeling the same way, you can use a browser plugin to watch the communication between the your browser and a website behind the scenes as you browse the web.
Try these:
- Chrome: HTTP Headers
- Firefox: HttpFox
- Explorer: HTTP Analyzer ($)
There are a number of excellent resources available to help you better understand HTTP Status Codes and determine when to use them to your best advantage for user experience and SEO.
- Here at SEOmoz there is a nice summary and infographic that breaks down the impact on users and search engines in each scenario.
- Ian Lurie placed a solid post on SearchEngineLand that covers .NET and IIS solutions nicely.
- Another way to look at the information is SEOgadget's infographic parralell with London's Tube. Just click the link. You'll see. :)
Happy optimizing!
Great explanations! Another helpful resource is HTTP Status Cats.
Oh man. Those are funny. Thanks for sharing. LOL.
Brilliant! I always pictured a 500 error as a stoner with a thought bubble saying "Dude.... what?"
Ha ha ha! Now that you have put that image in my head, I will never be able to think about it any other way :)
I am impressed so much with this post that I am comment on this blog first time :). It is awesome way to explain anything.
I think you need to address the very important error 418 from the HTCPCP extension. I created an image for you: https://0nk.net/IWmUyw
haha I love this, thanks for taking the time to make the image. :) Here's another link to it https://0nk.net/IWmUyw.
I never really understood redirects until now. Thanks for the information.
Brilliant explanations & metaphors - perfect for passing on to clients :)
Hi Linday!Perfect way to explain and visualize with cartoons. That's a great possibility to explain the response codes to customers.
Could you provide us the cartoons as a pdf?
Good question. What format would you like to see? Just the cartoons on one or two pages?
Just the cartoons would be perfect. Thank you!
Excellent analogy Lindsay!
Made me smile because I used the same approach to illustrate an answer in Q&A recently...going to find it and add a link to this post :)
Sha
Find it! Find it! I'd love to see what you came up with.
I love this blog post!!! The cartoon explanations are awesome!
This is so good and so funny. Nice job.
Nice!
What a clever and fun way to explain a really dry subject! Kudos!
This amused me during my procrastination hour, thanks
Wait. You get an entire hour dedicated to procrastinating? :D
I agree with everyone else....Awesome post. Thanks for making it so much fun!
You should have done one for a 420 'enhance your calm' ;)
Will definitely use with clients.
Maybe even with other SEOs....it's surprising how many don't understand the meaning of these status codes.
This is excellent and a great way to explain this to clients and students alike.
well done!
haha, love that 500 server error!
I echo the others really well done! I'll be using it to explain to my clients. So far I've been using a postal change of address analogy for 301's (what I usually have to explain) but this is better!
Fantastic post! Recently, I've tried explaining response codes to clients and I can see the heavy looks of confusion on their faces! Now, I can simply pass this on to them! - Great illustrations!
That was great! Would make a fantastic infographic - might have to make it into one for you when I get some time : )
Hi Lindsay you did a great job!! this is a good and easy way to explain about response codes thanks for your article here...
Lindsay,
The article was really helpful!
Thanks!
Yoseph
Thanks Lindsa!!!
What a post!!!! I am very thankful for this. My all queries about response codes have been solved. And knowledge of all these response codes can be beneficial for internet marketing.
Regards
Deepak
[link removed]
This is such an awesome post! It's oftentimes difficult to explain the technical side of SEO when working clients and this is a really great visual guide to help non-SEOs understand how each of these work and when and where they should be used.
Thanks for the post. Explaining those types of technical redirects with the pictures is so good I have seen Matt Cutts explaining about the importance of permanent (301) and temporary (302) redirects in a video published in Webmaster help forum. I understand if we redirect a page A to B with 301 redirect, the page rank and all other reputations, points achieved by page A will be given to B. and A will no more visible in Google (after the cache).
Very clever! Good job
Lindsay! What a great way to explain error codes! Perfect for training and educating clients! Such a simple idea that I'm glad you've brought to life!
Couldn't help but smile through the whole post - good job :)
Hi Lindsay, loved this post.
Really appreciate your effort in bringing up this topic. A brilliant work of creativity and explained with simplicity. Could not have been better in any context. The graphical representation (Cartoons) is phenomenal. On the contrary, I too now have been thinking about using of 410 instead of 404 and its impact.
Great Metaphors!! Was fun to read!
Wow.. awesome explained about reponse code through funny way:(
Lindsay,
Let me join all the rest of the people here and state that it's a very fine piece of art, which I intend to print out and hang on my wall :-) Thanks!
Great idea. I just experienced a 405 yesterday but perhaps that one is difficult to explain in one panel.
Hi-larious. Super well done, Lyndsay!
Nice post...very well done. FYI, when I am asked ot log in after I have pressed on one of the thumbs up button or comment, after I log in, I am not taken back to the top of the post.
Kind of annoying. You should bring me back right where I was before I needed to log in.
Just some feedback for you.
Mary Kay Lofurno
Great post Lindsay. The way you explain it is really awesome. After a long time I enjoyed reading any post.
This is awesome!! So using this in the future with clients!
Great way to explain, i enjoyed the whole post while reading.awesome!!!!!!!
Very helpful thanks...but I just kept wondering what Stone Cold was going to do with that watergun.
Now you have me envisioning Part 2. Maybe "Stone Cold" will use the water gun to manage the flow of link juice around his website. Yeah? LOL.
Haha great way to explain response codes!
I'm hearing more and more about the benefits of using 410s vs 404s. What's the general consensus on SEOmoz?
Actually I think it is more a question of precision, as 410 is telling to search engines that the page is "completely gone".
By the way, Google is still (officially) considering 404 and 410 almost as they were the same.
I've had some success flushing garbage pages with poor links out of a site with a 410. My opinion is that it is more efficient to use a 410 than a 404 in penalty situations. At worst, a 410 will behave the same way as a 404. At best, things will move a little more quickly on Google's side with a 410 and seem like a more permanent decision on the part of the webmaster.
There is uncertainty on this topic in the search community.
Interesting idea. Am not very keen on trying out but one never knows :-)
How fun! Thanks for this.
Great Post it looks awesome. You clearly define all status code that can be understandable even for a newbie. The best part is you add a humor in you pictures.
Thumbs up for you.
Great information and is definitely worth sharing. What could be the best possible redirects when we move our website to a new location and when there is a lot of link juice available on the previous website.
A 301 redirect on a page-to-page level is likely your best bet.
Good explanations about all responce codes.. thankx
Brilliant and Amazing! Can't be better...
This is awesome, Lindsay! :D
An old thing in new clothes. By the way, good work. Infographics is brilliant. I would have expected more detail explanation from SEO point of view. Other postes referenced here are good than this one :)
I agree. There are much better posts, like the ones I linked to, for explaining response codes in detail. I didn't want to rewrite something that has already been covered well by others. Instead, I hoped to present a new angle and as you said, put an old thing in new clothes.
I must admit I Googled "Ultra Water Blaster 2,300" :D
Perfect guide.
I got scared for a minute and did the search myself. Even though I made the product name up, you never know! Phew.
LOL - great post Lindsay! What an awesome way to start the work day! :)
lol this is funny. Im not sure if it helped or confused me.. but it was fun ;)
Great Post it looks awesome. You clearly define all status code with excellent graphic representation that can be understandable every one.
Being primarily a Web Designer/Developer, I really enjoyed seeing this on SEOmoz!
Very well done, much appreciated!
I agree with everyone how awesome this is!
Personal request: Can you do one with hard vs soft 404s? (Want to use these for a client but that is the toughest one to explain to them)
Gracias and great job!
Brilliant explanation! ,
I must say that I was dissapointed that you didn't show code 418 : I'm a teapot (RFC 2324).
https://tools.ietf.org/html/rfc2324
I almost included the 418 but didn't want to end up too far 'out there'. LOL. Now I'm wishing I'd added a teapot in the background on a shelf with a 418 price tag. That would have been great.
I was hoping for 418 as well! It's my favourite response code.
These pictures definitely help understanding what is happening in each case. The switch from link juice to the graphic is still something that needs to be explained on the side nonetheless :)
Agreed. I could have gone into a ton of detail and made this post even better. This time I tried to link out to some deeper resources and keep this one simple.
such a great and simple explanation of all the codes. It is really easy to understand for those new to the internet marketing industry.
LOL. Brilliant, Something clients can "get".
Ha, an excellent graphic representation - well thought out congrats!
Great job.....
Jajakallah....
really helpful and informatic. thanks for good post