HYWCT: Maintenance

This is the last part of the four part series: How Your Website Comes Together. By now you’ve learned about front-end and back-end code, servers and how they work, and how the internet works. You know about all of the things that go into making a website and having it available online. There’s just one last thing you need be aware of.

If you have a website and you want people to keep coming back, you have to be ready to do some maintenance and go one step further. Keeping your website up to date and secure is just one of the facets of maintenance. Good documentation is a part of maintenance as well as search engine optimization. Here are a few things that go into maintaining a website.

Updates

There will be at least one update to your website at some point in time. The most common kind of update is adding a new feature. As your website starts getting more users, they’ll show you places that you can improve. One way of doing that is by making your website easier to use. Maybe instead of having people type in a regular search box, you have the box do some kind of typeahead prediction for them.

Features aren’t the only way updates come about. Any time you have real users on your site they are destined to break something in an unforeseen way. Fixing bugs is also one of the reasons you’ll be updating code. It could be something as small as a color change or it could be something huge like your payment form not working. Either way, bugs are a part of the web developer’s cycle.

Something else that might need to be updated are the libraries your code base uses. Libraries go through updates as well and that could change the way they work with your updated code. Keep all of your libraries up to date to prevent any potential security leaks and to get the best performance out of them (most of the time).

Documentation

The only time documentation is a pain is when you can’t find it or it’s poorly written. Part of maintaining your website is knowing how your website works. Over time that knowledge fades because of different projects or just because you slept the night before. Leave enough documentation so that you or anyone else could figure out how the website works.

Leave notes on how to get through the sign up process or how to get through any other processes on the site. This documentation is mainly for you so it doesn’t have to be a formal write up with perfect grammar or a certain format. It just has to have enough information to be useful.

Your documentation could be a bunch of pictures with arrows if that helps you and maybe a new person figure out what to do next. Having documentation in your own words will make it easier for you to work more efficiently because you’ll know exactly what to do. Think of your documentation as the instructions you wish you had when you start any new project.

SEO

This is just a bonus for developers looking to go a little further. You can make yourself a more valuable web developer if you know a little about SEO or search engine optimization. SEO is a whole field dedicated to helping web pages rank better in search results. It doesn’t take much extra work as a web developer, but it can make a huge difference in the amount of traffic a site receives.

Once you have all of the content available, you can start focusing on specific keywords in that content. You’ll want to pick one keyword or key phrase that people will probably search for and then tweak your page to add extra emphasis to it. One thing you can do is look at the keyword density. Your keyword shouldn’t appear in the text more than 3–5 times depending on the length of the content.

Another thing you can keep an eye out for is the mobile responsiveness. Search engines lower the rank of pages that have crappy mobile layouts. Make sure your website is easy to navigate through on different sized devices. You can do a quick check by using the developer tools in any browser to change the size of the website. There are even preset phones and tablet sizes you can choose from.

The last thing you want to consider are the semantics of the HTML. When those web crawlers hit your website they use semantics to find some of the data they’re looking for. If you aren’t using tags like <main> and <aside> you’re probably missing out on some easy optimization.

Well, hopefully you’ve learned a bit from this whole web series. Maintenance is one of the things that gets overlooked in the initial process of making a website and I hope this gave you a few things to think about. As a web developer, you don’t have to worry about much other than the code.

But if you want to be a super highly valued web developer, knowing about all of these other things will help you considerably. When you have more of these skills you open yourself to new opportunities for your career and even for higher salaries. This just touched the surface of all the great things you can learn. So make sure you go learn at least one of these things really well (besides the code part). 😉

If you’re having a hard time getting your first junior dev job, don’t feel bad. It took me about 6 months to find that first job after teaching myself for about a year. But I learned some things that made it easier getting jobs after that.

I’m going to share what I learned in a webinar on Feb. 24 so if you’re interested click here to register.

--

--

--

Starting classes soon! | Software/Hardware Engineer | International tech speaker | Random inventor and slightly mad scientist with extra sauce

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

iPad Pro apps for students, academics, and researchers.

How To Deploy Your New Site In 3 Clicks (Literally)

How to Use Starlark with Telegraf

Best 4 Technologies For Cross-Platform Mobile App Development

Why the hell Golmaal 3.0; What the hell is Web 3.0!

Codetrain Hosts the AHK Innovation Challenge 2020

Understand Selenium and Web Driver

An Introduction to Timeline And How To Make Cinematics in Unity

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Milecia

Milecia

Starting classes soon! | Software/Hardware Engineer | International tech speaker | Random inventor and slightly mad scientist with extra sauce

More from Medium

How to learn to program for free

Coolest GitHub Repos For Leveling Up Your Skills

GitHub is a great resource to learn something new

The hottest new API all App developer should have a look at

My first post ( i want to be a Web Developer)