Mac Computer & keyboard 2
SEO

21 Things Every Web Developer Should Be Doing

 

Ferris Quote 21 Things Every Web Developer Should Be Doing

Bueller, anyone?

If only Ferris knew what was ahead. That quote comes from much simpler, and slower times. With the web and all it’s related technologies, we have seen life change faster than ever. If life was fast during Ferris’ day, it’s at lightning speed now. But the faster life gets, the more we have to slow down to take stock of things. This is no less true in the ever-changing web. But let’s start at the beginning: web development.

This is usually the starting point of a business’ web presence outside of social media. Sometimes, in haste to “get going” business owners look for web developers to build their website quickly, cheaply, and…incorrectly. I think it’s time to slow web development down. To not look at how quickly it can be done, but at the process in which it is done.

What’s the best way to get the desired result? What will produce a website that’s good for today, tomorrow, and is scalable for whatever advancements come in the next few years? What will allow you to take your site and begin the optimization and marketing process without going back and re-doing what was already done, because it was done fast and cheap and wrong, instead of just doing it right from the start?

Let’s look at some web development essentials that you should be asking to be (or your web developers should be telling you are) included in your web development project.

21 Things Every Web Development Strategy Needs

Keyword Research

If you have not performed keyword research before starting on the development of your site, then you are not building a website for your customers. You might as well just look in the mirror and say, “It’s all about me! It’s all about me!” Keyword research gives you a wealth of information on how your audience searches, what phrases have meaning to them and what, specifically, they are looking for. This feeds into the architecture and navigation of the site in huge ways.

Wire Frames

Wait. You are creating a design without putting together wire frames first? Big mistake. While skipping this step may get you a completed design quicker, without wire frames, your pages may end up missing critical elements or have functions in the wrong place. It may seem like a simple fix, but the design frequently distracts us from seeing the things we should be seeing.

That leaves you either approving a design you like, not realizing something is missing, or rejecting a design because something just seems wrong but you can’t quite put your finger on it. Build a wire frame for each unique section (or page) of your site so, without distraction of colors or other visual elements, you can ensure everything you need has its place on the page.

Grayscale Comp

Grayscale comps are common in the print design industry, but for whatever reason, not so much in the web design industry. In my opinion, they are just as important here as anywhere else. Color is a distraction. I’ve seen clients reject a site design because they didn’t like it. Turns out, they just didn’t like the colors! Grayscale comps allow designers to design the site using the appropriate contrasts without yet worrying about what colors the client does or doesn’t like, or how those colors are working together in particular areas of the site. Approve the design, then add color later.

Color Comp

The worst that can happen here is that the grayscale comp is accepted but the first color comp is rejected. Do you have to go back and reinvent the wheel? Nope, just change the colors until you get them right!

Coding & Implementation

Believe it or not, there are some web designers who don’t code websites. You have to find someone else to do that. Nothing wrong with that, just so long as you know this ahead of time. Sometimes you can have one person do both the design and code, and other times it might make sense to have two people with two different skill sets implementing your development in phases. Either way, for a site to work, the code has to be built to accommodate the design and the functionality you require.

HTML5 (Validated)

HTML5 can do some pretty sleek stuff, but many web developers are still coding in HTML4. Sure, old HTML still works, but it ensures your site is obsolete almost immediately. HTML5 is scalable for new media and gives advanced functionality with less code than other forms of HTML. That makes your site sleeker, cleaner and faster! While validation isn’t necessary for a site to work, a developer should be doing clean enough code that the HTML will validate properly. There are some exceptions to this (especially when using 3rd party tools) but validation should be considered a necessary component of good code development.

CSS3 (Validated)

HTML5 and CSS3 go hand in hand. CSS3 offers lots of cool tricks that used to have to be accomplished with excessive JavaScript code or even having to use images which slow site downloads. CSS3 plays a significant role in speeding up page downloads and giving your site a fresh, interactive feel. Again, your CSS should be validated too!

Search Engine-Friendly Architecture

I understand coding a site can be a daunting task, especially when you’re adding in unique functionality. But that’s no excuse not to code a site with search engines in mind!

Developers need to consider common architectural issues that hinder a site’s performance in the search results, including poor navigation implementation, excessive internal linking, readable URLs, unspiderable links and pages, slow-loading pages, and more. While most developers don’t have search engine optimization experts on staff (even if they claim to!), it’s important to have someone to look over the work being done to ensure the architecture of the site won’t cause problems for you later.

Duplicate Content Prevention

Along with the SE friendly architecture, developers must make sure that your site solves any potential duplicate content problems before the search engines spider a single page. There are many duplicate content workarounds and band-aids, which can be applied after the fact, but a good developer will consider this when building the website from the beginning.

Off-Page Styling

This is also a component of a search friendly architecture, but it bears its own commentary. One thing developers must understand is the less code there is on each page, the better the site tends to perform for visitors. That’s not because visitors care about the code, but because the code can impede their on-site experience. Styles and JavaScript code should, as much as possible, be moved off the page into external sheets that can be downloaded by the browser separately. This makes pages run faster and eliminates the need to downloaded all that code with each page they visit.

Size Optimized Media

Using any media on your site? If so, is it optimized properly? Often they aren’t, and that’s a problem. Everything from images to video should be optimized for speed and search friendliness. Most media can be compressed to be smaller in size (file size and display size) so they download faster.

There is usually a keyword optimization component in alt tags or captions which can be implemented as well when the media is being created. Most video can be optimized for YouTube and images can be optimized for image search. These considerations are an important part of the development process.

ALT Text For All Images

Speaking of images, if ALT tags are not used on images in the development stage, then when? Oh, right, they have to be done after the site is developed. Again, why go back and re-do what should have been done to begin with?

CSS Image Sprites

Another way to speed up page load times is to use image sprites to consolidate several small images into one. Each image download places a certain amount of strain on the server. One larger image causes less strain and quicker downloading. This is especially true for images used on multiple pages. Use CSS to display the relevant portion of the image

Mobile Reactive

Not concerned about what your site looks like on a mobile device? You should be! Even if your customers don’t complete transactions on your site from their mobile devices, mobile is often the start of their research process. This is usually the first place branding occurs.

If your site doesn’t work or isn’t visually appealing in a mobile environment, you blew your first chance to make a good impression! Yet, with the growth of mobile devices, you can be sure if your audience isn’t using mobile widely today, they will be tomorrow. If you’re not there, you’re not for them.

Scalable at Various Resolutions

Scalable images1 21 Things Every Web Developer Should Be Doing Your site must scale well across multiple resolutions and screen sizes. It’s not just mobile that have multiple screen sizes and resolutions (iPad, iPad mini, smart phone, over-sized smart phone, etc.) but desktop screens rang from 19″ to 24+”. Your site needs to work well across the board by being responsive.

Site Optimized For Speed

I’ve talked a lot about site speed in different points above, but site speed warrants its own commentary. After you’ve optimized everything else for speed, look again to see what is slowing the site down. Is it a plugin that should be hard-coded? Is it an unnecessary bit of functionality that just looks cool? Speed is an important factor of a visitor’s experience and the developer needs to look for additional ways to speed the site up.

Install Analytics

All this web design stuff is great, but if you don’t have analytics code installed then you have no way of knowing how your new site is performing. Adding analytics code is easy and shouldn’t be an after-thought. It should come standard on all new websites.

Broken Link Checks

If I had a dollar for every broken link that I’ve found on a brand new site or re-designed site, I’d have a whole lot more money than I do now! Ensuring the site rolls out without any broken links is the developer’s job. Period. That’s part of ensuring the site works correctly on all fronts and preventing user frustration.

Extensive Testing

Under no circumstances should a developer give you a completed site without extensive live testing. There is just no excuse for a new site to be buggy and broken after the developer turns it over to you. Time for testing should be worked into the timing for site development. Under no circumstances should the site be rushed out before the bugs are worked out and tested– it’s worth it to wait!

Custom 404 & Favicon Branding

Yet another relatively small task that developers don’t think about. While they are usually not huge issues, it’s a nice added touch of “completion.” Ever see the little image that appears in the URL bar when you’re on a site, or in the tab title of a site you have open? That’s the favicon. A small visual piece but one that can make a huge impact.

So can a custom 404 page that is accessed when a visitor lands on your site via a bad link. A custom designed page keeps the visitor engaged on your site rather than a generic “page not found” message that often sends them back where they came from.

Printer Friendly

Finally, all sites should be printer friendly. It is quite common for visitors to print pages for later review or reading. When pages are not printer friendly the text is often difficult to read, multiple blank pages are printed, or other ghastly annoyances turn up on the page. Using CSS, each page of your site can be printed with minimal junk, while making sure the content they want is readable to boot!

 

Whew! That’s quite a list. And it’s by no means comprehensive! But these are things that many developers just aren’t doing for the sites the build. Sure, cutting corners always saves money at first, but it often costs you more money later. This happens quite a bit in the web marketing industry. However, when a site is developed right it’s ready to be marketed to the search engine. Your SEOs can then spend their time (and your money) bringing in new targeted traffic and less time fixing your web developer’s mistakes.

Oh, if only web developers were web marketers. Some are, but those are few and far between.

That’s okay. You can take this list to your developers and make sure they build your next site correctly.

 

Featured Image via splitshire.com | Image #1: Anatolii Babii via 123rf.com

 21 Things Every Web Developer Should Be Doing

Stoney G deGeyter

Stoney deGeyter is the President of Pole Position Marketing, a leading online marketing strategy company helping businesses improve their online presence since 1998. Stoney is a frequent speaker at website marketing conferences all over the US, and has published hundreds of helpful SEO, SEM and website marketing related articles. If you're looking to velocitize your web marketing, Stoney and Pole Position Marketing are the crew you need. Follow me at @StoneyD, and @PolePositionMkg.
 21 Things Every Web Developer Should Be Doing

Comments are closed.

11 thoughts on “21 Things Every Web Developer Should Be Doing

  1. I agree with the most part of your post, but about the keyword research i’m not sure. For instance I took a long tail keyword with little competition and made a page about it. With this I made some backlinks to it, but even after three weeks I’m not even in the top 100. My believe is that the algorithm of google works his own way and not necessarily judge on keyword or the keyword density. But judge about the importance of the article. When google can’t find the information people are looking for, then your article is presented.

    1. Sui-Lin, the type of keyword research you are speaking of is more for online marketing than for website development. The research done during the development site is more for the short-tail “core” phrases that should be used for primary site navigation.

      But to your point, keyword research, on-page optimization, and link building isn’t the whole of web marketing. There are a lot of factors beside that as well and each need to be considered before ruling anything out. Google will rank information that is important to the query, but good keyword optimization is an important part of allowing Google to discover what your content is about.

  2. As designer/developer that values and enjoys SEO, I’d agree that SEO and Content Strategy should be considered before the design/redesign of a site for many reasons other than just optimization. However to expect a developer to be skilled in all these various areas is challenging. I think that there needs to be a better job educating and getting clients to know that quality is far better than the $300-$500 website they’ve paid and undrrstanding for thr involvement of several professionals early on in the development of their web presence. I think this article should be rewritten for the client rather than the developer and delivered to the right audience (the non-SEJ reader).

    1. “However to expect a developer to be skilled in all these various areas is challenging”

      I agree. This is why I consider web design and development to be a function of web marketing, where many developers mistakenly consider web marketing a function of development. Only when you approach development from a marketing perspective will you get it right. Is it a challenge to get developers to do these things? Absolutely. But that makes them no less necessary.

      As for the target for this article, if I was looking for web development and marketing for my site both SEJ and my article would be a great resource. I’m not speaking only to the developer here, but for the client assessing web development companies. If they don’t do these things then the business owner should pass on that development company.

  3. i totaly agree with you. This is perfect list. Nowadays a lot of website has wrong optimization. They shoud use those things..