Now that you’re ready to build your first website it’s time to start planning, but where do you begin? Let’s talk a little (actually, a lot) about what you’ve got to do.
What we’ll see:
Setting up your first website:
- Choosing our platform (WordPress, Joomla, WIX etc)
- Getting your Domain Name ( eg: thisismywebsite.com )
- Setting up your hosting ( Bluehost etc)
- Installing your platform and getting your awesome site LIVE
Building your Site:
- Getting familiar with WordPress
- Selecting your theme, installing it and getting started
- A little on responsiveness and it’s benefits
- Getting started with blogging
- A few content ideas
Disclosure: Some of the links below are affiliate links, so, if you click and make a purchase, I earn a commission at no extra cost to you. Thank you for supporting all my work and enabling me to continue keeping this site live.
– Which platform?
This is just what the name implies; it is the base that your website will be built on, think of it as your foundation. For beginners, WordPress is one of the most popular choices. It’s a CMS (content management system) platform. It’s used by millions of website owners and developers because it’s free, powerful and relatively easy to use.
Unsure of what a platform, web host, domain or even blog mean? Master the most used blog terminology here.
Other free CMS options include Joomla and Drupal, which are also very functional, with a slightly bigger learning curve. There are also drag and drop options like WIX, SquareSpace, and Websitebuilder.com (they offer a free version but do charge monthly fees for a fully functional website).
Need some help deciding between WordPress and a drag and drop builder? Here is a comparison between WordPress and WIX. WIX is one of the most popular drag and drop builders with about 60 million websites powered by it. I’ve used WIX in the past and personally love it.
– Domain Name
One of the first things you will need to buy is your domain name. This is the web address (URL) of your site. When it comes to choosing a name, ask yourself these questions:
- What will your site be called?
- What is your website about (your niche)?
- What is your focus?
Use these answers to come up with a name. Write down several and then check online to see if the one you want is available. You can purchase a domain on a website like GoDaddy, Namecheap or Domaincheap.com.
I’ve used NameCheap for all my domains, I find they give the cheapest deals of them all. They also have a nice hosting program.
It may take a few tries to find one you like that no one has taken. It is a good idea to associate with your business, niche or topic so that people will have a good idea of what your website is about just by looking at your URL. You also want to keep it as short as possible so it’s easy to remember. Buying a domain name will cost a few dollars for a year’s registration, but it’s worth it to have your own business name.
– Web hosting
You can’t have a website without a host. The hosting service is where your data will be stored, on their servers. Depending on how much space you need now and in the future, it might be worth a few more dollars a month to ensure that your site won’t crash or get turned off. Keep in mind that there are free web hosting services, which is fine for a personal blog, but they usually don’t provide enough bandwidth for a business website and most of them display ads on your web pages.
For our hosting, I’ve been using Bluehost for the longest time. I’ve made the switch after my website got hacked on my previous hosting. Bluehost is so secure and the best part about them is their prompt customer service. A good customer service is a biggie when I have to choose any service and Bluehost gets 10/10 in this.
Before you begin building your website, you need a plan. Creating a site map can be as simple as jotting down a list of pages you need on a piece of paper. You can also sketch out your pages: headers, content, images and positioning of these elements.
My preference is to use a note card for each page I plan to build, that way I can lay them out on my desk and arrange the way they will link to other pages, how they will link, pull down menu options and the like. Knowing roughly how you want it to look will help the building process go much smoother.
– Install your platform
For this, we are going to assume you’re using WordPress. This can be installed with one-click from inside your hosting account. Here is a great tutorial on how to do it on Bluehost.
Here is a Playlist of Tutorials on WordPress: From Installation to Being a Master.
Once it’s installed you can then log into the dashboard, have a look around and see how to set up pages, edit posts, upload content and more. There are many options with WordPress you can create a simple website with only a few pages or set up a full-blown e-commerce site ready to take sales.
– Start building
Now it’s time to start building, WordPress offers a variety of options that make your job easier. From free themes for design to plugins and widgets that add functionality. These are all available from your dashboard. Don’t be afraid to click around and test out different themes until you find one that looks good, you won’t break anything.
This website is built on Genesis Framework by StudioPress. They offer very high-quality themes. You might have seen it on many websites. In fact, when I got started with using Genesis and got familiar with it, I was surprised to see how many sites used it. But, this should not have surprised me given the amazing quality!
If you know a little bit of coding, you can use HTML or CSS to change the pages to look like you want them to. HTML can be used in a simple text editor to get your content to show up the way that you want it.
Or, if you want to mix the ease of drag and drop with WordPress, Divi by Elegant themes is a wonderful solution. You even get a plugin with it, which you can use to build drag and drop pages on any theme. We’ve used the theme on many sites, and we use the plugin on this site as well! This set I find has been a decent replacement for Leadpages and has been saving us $$$.
These steps will work for Joomla and Drupal as well. If you decide to go with a drag and drop builder like WIX, they should provide you with all the documentation and tutorials you need to get your website up and running.
While you are designing your website pages, it’s a good idea to keep the “big picture” in mind. It’s the detail that will make or break your website. They are what separates a good website from one that people click away from after a few seconds.
[box]This is true for everything from spelling errors to images that don’t load quickly. If you want your visitors to stick around, then you must have a website that is both functional and aesthetically pleasing.[/box]
With that said, it is your job to make sure that your website up to snuff. This may require you to take a step back from your design so you can see what you couldn’t before. You may also want to ask a trusted friend to look at your work from a visitor’s viewpoint to find any errors you may have missed.
Here are a few more tips to help you make your website visitor friendly:
It used to be that the only way that websites were viewed was from a desktop computer. Now, just about everyone has a mobile phone or device and that means your website must load well on multiple platforms.
– What Is Responsive Design?
Have you ever accessed a website via your smartphone and had to scroll around? Maybe you turned it sideways to see the text on one screen or kept resizing with your fingers to read the text. It’s frustrating.
What responsive design does is code each web page so that it automatically adjusts to the platform you’re using to view it. Whether a tablet, large smartphone, small smartphone, laptop or a stationary desktop computer, each person will see the page in an optimized fashion for their device. Sounds great, doesn’t it. So, why isn’t everyone using it right now?
Updating your website with responsive design tools right now will have several positive effects.
– Higher conversion rates
People aren’t stationary and neither are their devices. Someone who wants to check out a product on your website to compare a price with something they see in the store wants an immediate response. A mobile-ready site allows them to click a few buttons and order the lower-cost product you offer instead of paying more in the store.
– User experience
Responsive design says to a user that you are meeting their needs. For someone who uses their mobile device 90 percent of the time, this is huge. They can make dinner reservations, make appointments, book a hotel and even shop, all from their phone using websites that have implemented responsive design.
– Less work
Using responsive design from the beginning allows you to focus on the most important aspects of your site and deliver that to viewers on a smaller platform. From there, it is easier to add more content for larger devices.
– Better search engine rankings
Make Google happy with responsive design web pages. It is the same website but optimized for viewing on different devices. This is easier for you and the search bots than utilizing a separate mobile site.
Your site will automatically adjust to multiple devices. You can add different content to be seen on each device as added value. The content will expand to fill the space given on each device, with the main content and design remaining constant across all devices for a seamless experience.
Let’s talk about some of the most common design mistakes, so you can avoid them.
No doubt that you want your website to get noticed and a unique design is one way to stand out from the crowd. This is a danger zone for first-time site builders because it’s not hard to go overboard with the bells and whistles, which isn’t always a good thing! Before you’re tempted to add every cool effect, you can think of to your website let’s look at some of the more common mistakes you should avoid.
– Poor navigation
The first thing your visitor wants to know when they visit your website is how to get around. They need menus and map. Menu’s need to be clearly visible and self-explanatory. While it might seem like a good idea to use catchy words as menu links to your pages, like “good stuff” for your blog or about us page, you’ll get a better response if you just use “Blog” or “News” instead. It’s also a very good idea to create a site map with a list of all your pages and put a link to it in your website footer.
– Fancy fonts
It might seem cool to use a gothic style font on a costume website, but for your visitors, who are trying to read it, not so much. Fancy fonts are hard to focus on and it’s important to keep in mind that just because you have the font on your computer, doesn’t mean that your visitor will, which means your page will look different to them than it does to you. Worse yet, sometimes your text will be unreadable.
You can have as many pages as you want on your website. Everything doesn’t have to be packed on the same page. In fact, too many images, buttons, text, and sounds lead to sensory overload. Only include content and images that are relevant to the topic of the page and don’t forget to leave a little space between your text blocks. It makes it much easier for your visitors to consume your content.
We have touched on this before, but it is important that your website has the right degree of contrast. This can apply to more than just the colors on your site. It can include the different headings, font and images sizes that you use on your pages. For example, a dark font on a dark background or dark images with a dark font won’t be easy for your visitors to digest, which means they will most likely move on after a few seconds of straining to read your content.
– Keep it cohesive
Images and color schemes should add to the purpose of your website.
[box] From page to page, vary the images and content but not the color scheme to provide continuity.[/box]
Too many styles mixed together gives a chaotic feel to the entire site and visitors will become distracted easily.
Creativity does make your site unique, but too much of it and it can quickly become a disaster. Do your best to avoid some of these more common mistakes while you’re building your website and you can rest assured that your visitors will thank you.
Finally, we are going to go over a few ways that you can keep your website fresh, so your visitors will keep coming back for more.
Not only do search engines love regularly updated sites, so do your visitors. A visitor who continues to find the same old content or images on your pages will eventually stop coming.
Adding fresh content regularly solves that problem by enticing visitors to check back often. It also makes the search engines happy and helps your site get indexed better, which is a whole different topic that you should dive into after you get your website online because it will help you generate traffic.
Now let’s go over a few ways to keep your visitors keep coming back to you for more:
What do visitors want when they search online? They want information!
Whether it’s and information about a product they are thinking about buying or help with a problem they are having, the first thing most people do is start surfing.
To keep people coming back, the best practice is to deliver what they want. The first place to start is by updating your site with fresh content on a regular basis. Consistency counts, whether it’s daily, weekly or bi-weekly it’s a good idea to set a schedule and stick to it.
– A blog
A blog is a great way to do that. If you are using WordPress, then you’ve got this. Not only does it make it easier to keep your site fresh it’s a great way to interact with your audience, which also helps with your search engine rankings (BTW). You can use your blog to exchange ideas; announce new product launches; host surveys; get feedback. A blog can be updated more often than your website and provide readers with something new to digest each time they return.
Creating content can be a full-time job for even the best writer, so sometimes you need to get creative. It’s especially challenging if you are publishing frequently. To help in a crunch you can repurpose previously created content like articles (if you have them) and turn them into blog posts, quick tips, and quotes for images. One article can be turned into a variety of new forms for your audience when you think outside the box.
You can also hire a writer to help fill in the gaps or purchase pre-written content with a license, that you can use as your own.
– Check out the competition
If you get stuck for ideas, then check out your competition to see how they’re keeping visitors happy. Are they offering incentives? Do they run contests, post surveys or encourage social sharing?
– Ask for feedback
Visitors are usually more than happy to share their opinions. In fact, many people go online simply to search for comments and reviews of things that interest them. Make sure you’re providing your visitors with a way to interact with you and provide you with feedback. This can be as simple as allowing comments on your blog, using polls or using surveys as I mentioned above.
Always strive to remain relevant to your viewers, and you will have no problem keeping them interested in what you have to offer!
I sincerely hope that you have learned a lot about how to plan and build your first website. Feel free to contact me if you have any questions about how to build your first website. I will be glad to help!