Many businesses find it challenging to keep their website content as up to date as they would like and at an affordable cms website option. There are usually delays in getting new content online if you’re using a web design company due to workloads, causing the site to stagnate and provide your clients and visitors with outdated information. This is the primary reason why many companies are turning to Content Management Systems – CMS website design in the UK. You can stay up to date using in house staff or even yourself its that easy, now that has to be an affordable website option.
A Affordable CMS Website allows website owners to manage their sites without having any technical knowledge or experience in web design or HTML. It also minimizes the calls you have to make to your web design agency for changes to the website, as well as the time required to publish new content, which means that you can get your content online faster.
CMS refers to a product that separates the content of a website from its presentation or design, allowing the user to add content to the website without knowledge of the underlying technology.
CMS systems facilitate the production, administration, and publishing of web content and information, which makes it easy for anyone to manage content on their website.
To create or edit content, the user simply logs into the administration portion of your website (referred to as backend) using just your browser, without requiring any software.
In the backend, you can add or edit pages using a word processor-like interface, save the changes, and then the webpage is instantly updated and displayed to viewers on the actual site (referred to as frontend).
Benefits of using a CMS
There are many benefits of using web content management systems, beyond just the ability to add, edit, and delete pages easily on your website. You can also add images, audio and video files, and PDF files; create links to redirect users to other pages or websites; edit your website’s navigation; and create and edit galleries and forms yourself.
Many offer advanced SEO features that boost your website’s SERP, and there are lower website maintenance costs in the long run.Â Its worth saying at this point HD1 Web Design offers some great SEO packages and also custom SEO options.
Generally, website CMS offer you a lot of control, but their real appeal is the ability to add custom design. It is at this point that your web designer takes control over how things will look, instead of just adding content in a predetermined way. You don’t have to settle for a design that just looks okay, but you get a personalized design for your CMS that makes your business presentable.
Where can you get an Affordable CMS Website Tool?
There are many affordable web CMS, but they tend to have a standard look that is not very appealing, unless you customize them with great design and plug-ins. The most popular open-source systems are WordPress, Joomla, and Drupal. A web design company such as HD1 Web Design can offer you a great affordable website that is unique in design and with WordPress it is great in function and user friendly too. Our coders are happy customising the website for you, to really make it your own. We can also offer Joomla and Drupal options.
Compared to the others, WordPress stands out for its ease of use. Additionally, it is the main CMS HD1 Web Design use, so I am happy to say we are experts.
Many companies need that very “stand out” look so its best to develop their ownÂ look for WordPress, which involves creating a look from scratch: a task that requires excellent grasp of CSS and PHP, the programming language used for WordPress, this is really where HD1 Web Design come in.
Many CMS are customizable, so you will want to work with a professional CMS website design company in the company. These companies know the best add-in software for your project and have good understanding of the CMS software, so they can add the features you desire, custom or otherwise.
WordPress can be a wonderful tool for web developers and website owners. Its easy to use, flexible and used by many large companies like the Wall Street Journal, Energizer Batteries and Universal Pictures! All you need is a few WordPress Tips and you can master the WordPress system like a pro!
The text widget is pretty handy that comes with WordPress. You can easily create a widget of text in a sidebar or footer area. And if you tick that box, it will break the paragraphs for you.
But what if you want to do something a little fancier? Maybe a simple link to purchase your eBook. The good news is that the text widget works with HTML. The bad news, not all of us know HTML. So here’s a workaround.
Open a new post or page. Don’t worry, you won’t be publishing it or saving it. Now go in and format the text, add an image, add links, all that good stuff. Remember, as you are doing this, it’s going to fit in a widget area, for instance, a sidebar, and will only be so wide. If you are adding images, keep that in mind. What you end up with might be something like this.
Now that you have formatted it, simply click on the text tab and copy the HTML or what I call the blob of code.
Now we head back to your widgets. Place the text widget where you want it. In this example, I am using the primary sidebar.
Now if we go and look at our site, we will find a nice little formatted widget, ready to go!
Here’s an extra tip. If you have a lot of images you need to put in various sidebars or widget areas, and don’t want to go through this each time, I highly recommend the Image Widget.
2. What Homepage? – WordPress Tips
When you install your theme, you often get a homepage by default. And depending on your theme, it will decide what that page looks like. In a lot of themes, it just defaults to the list of your blog posts, like this homepage:
Or maybe it looks like this.
But what if you have decided you just want a simple homepage. Maybe something like one of your inside pages. You looked at the demo and thought something similar to the content with the sidebar on the right would work. But how the heck do you do that? And what about your blog? You want that to go inside somewhere.
First, you will create your page. For the sake of ease, I am naming it homepage.
I save that and of course could have added any images or video as well. Now I go in and create my blog page. Name it, choose blog over on the right hand side under Template, and save. No content needed. This will automatically make it your blog index page.
Now you are going to do your magic. Choose Reading under Settings and you will get this page.
Now you are going to do three things:
Tick A static page
Choose Homepage or whatever you titled your homepage from the Front page drop-down menu.
Choose Blog or whatever you titled your blog from the Post page drop-down menu.
Save, and go check out your brand, spanking new homepage.
3. Underscores vs. Underlines – WordPress Tips
When you are naming files, some people tend to use underscores instead of dashes. Something like this:
Your media files would be an example of this as well. In any case, it’s best to keep it to dashes. Why? Because Google looks at underscores as joiners. That means it looks at it as one word. And that sucks for the Google search engines.
4. !#%!# Doublespace
You are typing along in your editor in WordPress, and you do a return. Damn, just this one time you want no space between the lines.
There are two simple solutions.
Click on your text tab, now delete the space.
Or use the old standard key combination of:
shift > return
5. Bad “Admin,” Bad
Are you still using Admin for your username? Or maybe someone else on your site is? In any case, time to get rid of that bugger. You see, anyone can easily find out your username if they know how. But those bots that roam in packs on the internet looking to break into WordPress sites, they are set to try Admin first. So in reality, you are giving them half of your login by using it.
There are a few steps to doing this, as you cannot change a user admin. Create a new user name
While you are logged in, add a new username. Make sure that you give it an Administrator Role. Also you will need to use a different email, because two users cannot have the same email. You can always change that later on.
Log Out and Log In
Now log out and log in with your new user name. Once you are back in, go into your User list and find that old Admin user.
Time to get rid of it. But there is one very important step here. When you click on the delete, this screen will show up. Now since you may have already created various posts and pages while using that Admin user name, you don’t want them to go away. So make sure to tick the box “Attribute all posts and links to ” and this will be your new user name and the one you are logged into now.
That will do it.
6. Who Gives a Damn About You?
This isn’t so much a functionality of WordPress, but an important tip. I have had people who either choose not to create an about page or if they do, decide to hide it in the navigation. Make sure it’s prominent! These days visitors to your site want to know who is behind the blog or business. In fact, I know many sites where the About page is the second most frequently visited page.
7. You Said It’s Where?
Here is a story for you. Someone is using WordPress. They have comments open on all the posts. But they are creating one post where they want the comments closed. When they Google it, they find all they need to do is untick the box on the post editor page, under Discussion, where it says Allow Comments. Well, they don’t see that. They look and they look and they look. Google it more, same answer. It’s driving them nuts. Maybe a stiff drink will help.
Whatever the end results are, they typically find that somehow it got unticked in the Screen Options at the top of the page.
A lot of pages in WordPress have Screen Options. This allows you to declutter what shows on that screen. You can hide the stuff you don’t care about or need to see.
For example, on the page when you open the dashboard. Don’t care about WordPress news? Or maybe something else there that just clutters the page for you? You can do the same thing.
Or on your Post page. As you add plugins, more stuff shows up in each row. Maybe it’s time for some cleanup there as well.
Just remember, if you can’t find it, before you grab that nearest bottle of booze in frustration, check out your Screen Options.
8. Where The Heck Are They All Coming From?
Are you finding a lot of new users showing up in your user page? People who are subscribing to your blog through your RSS? Well, unless you have a plugin that requires this box to be checked, make sure it’s not.
9. Full Posts Are Not Meant For Your Blog Page
Have you ever landed on a blog index page, or blog page that has the full posts listed and the page goes on and on? For example, look at this theme demo.
To make your blog page more user-friendly, try placing excerpts or the first several words of the post instead, so people have to click through.
Let’s look at this single post that is pulled out from that first screenshot.
Do you notice something missing? First off, there are not share buttons if you are using them. Likely you don’t have them on your blog page, just on single posts. And where are the comments? What if I want to leave one? As you can see on this screenshot, both are there, resting at home nicely on the single post page.
You want people to click through from the blog page to the single post page for this very reason.
10. Don’t Have Share Buttons or Open Comments on Pages
I see this all the time: people putting share buttons on the service pages or about page. Or even worse, comments. Those two tools are primarily meant for blog posts. You don’t need them there. Likely no one wants to comment on a static service page. And I doubt very many people will choose to share your about page. In fact, they are just additional distractions and will tend to lead people away from your important content.
Worse case scenarioL The Contact page.
Can you imagine someone sharing your contact page on Twitter?
“Hey folks, go and look at Bob’s contact page. I think you should contact him.”
Or leave a comment
“Cool contact page you have here. I think I’m going to use it to ask you something. Oh, and by the way, what contact plugin do you use?”
11. Don’t Get All Permalinky
You will be likely setting up your permalinks when you build your page. If you choose to change these down the road, likely all in-bound links will be broken. Sure, you might think that you can do redirects, but on all your pages? Not! So set these in the beginning and live with them. By the way, the most commonly used permalink is Post name.
You can also edit the permalink for posts and pages. Again, same warning. Do this if you want when creating the page or post. If you really have to change it here later, consider doing a redirect.
12. Creating a Dead Link in Your Navigation Bar
Have you ever created a navigation bar with the main button acting like more of a header while listing your services below that? For example, here I have services and then links to all the separate services. But when doing it this way, often you find you need to create a Service page. What happens is that you create this page and basically add content to it, explaining these services and links to them. Sometimes that can be okay. But other times it’s just one more click-through for your weary reader.
So let’s create a dead link, at least that is what I call it. You will go into your menu and we are going to replace that WordPress Services page.
Under Custom Link, put a # in the URL field and then label it services. Note, you will not be able to add it to your menu unless there is something in that URL field.
Now delete the WordPress Services page in the menu, and move this custom link to its spot.
If we go back to the site, you will see that when we roll over it, it no longer links to a page, but becomes the header for the services listed under it.
But wait! Do you notice that little icon that shows it’s a link still appears when you roll over it. So someone might still try to click on it, only to be frustrated that nothing happens. Ugh! From what I have heard, this is the best practice of doing this. But I take it further.
Go back into your menu, open that custom link, and remove the #.
Now when you go back to the site, and roll over it, no longer is that link icon going to appear.
Now I do admit this can cause some issues for accessibility, but sometimes I feel you just gotta do what you gotta do.
13. Those Nasty Buttons
There are really two buttons that bug me in the post and page editor window: underline and full justification. There they sit, next to each other, like partners in crime.
The reason is this: Underlines: What do you think of when you see text underlined? You think link. It’s pretty natural. And there is nothing more frustrating than clicking on it and only wondering it was a screw-up. And the site owner person gets emails telling them their link is broken. In fact, you may have been tempted to click on the underlined words two buttons. Typically underline is used for emphasis and you are better off bolding or italicizing. Full Justification: In print and magazine newspapers, it worked. But it makes for hard reading on the web. Compare this paragraph with the others on this page.
Since 2008, I have taught thousands of people in groups and individually—online and in real life. But what most people don’t know about me is that I owned my own marketing firm for more than two decades. So when you attend one of my workshops, or hire me to for online or in-person one-on-one coaching or training or provide you with group training, you also get my 20+ years of marketing, design, and entrepreneurship experience—all at no extra cost.
And even worse, on mobile it can really suck.
14. Avoid Abandoned WP Installs
Again, not so much a feature, but something to be aware of. In a nutshell, all those sites you started, or used for testing on a live host, need to be either deleted or kept updated. The reason being, especially if they are sub-folders, if you let WP and plugins and themes become outdated, they are easier to hack. And as a friend in security told me, “If they can get in there, they are more likely to be able to get into your main site, no matter how secure you have it.”
15. Don’t Muck Up Image Names and Alt Text
If you want your images to play a role in your SEO, make sure you do it right. This is not an in-depth explanation, but rather something to make you aware.
It’s best to name your image file something relevant before uploading it to your media library. As you can see here, the original File name is: iStock_000004659301XSmall.jpg. Not much good there unless someone is searching for that (and that is highly unlikely).
You can add a title, which is important, but it won’t change the file name.
Do include an Alt Text no matter what. Google frowns on empty Alt Text.
Beyond that, what you decide to put in there will depend on several variables. So you might want to do a little research.
16. How Long Should My Posts Be?
Okay, I changed this last one from my presentation because I wanted to quickly address this issue. We all struggle to find that perfect blog post length. It can be argued till the end of the world. In reality, there is not perfect length. Here are two things to know.
Up to a limit, longer articles have better chances with Google. But they should still focus on style, structure and quality content.
2. Google does not like posts or pages that are less than 300 words.
So that’s it: 16 random tips. Of course there are a ton more, and you may already be aware of most of these. But from having worked with hundreds of beginners, I can tell you that these float to the top of the list.
When you’re designing your website, one of the first things to consider is how you will grab your visitors’ attention. For example, your homepage, header and template are just some of the aspects of your site that you can customize to really leave a lasting impression. You can use animation, parallax scrolling and lightboxes to really wow and woo your visitors so they keep surfing your site. There are so many web design tips and tricks you can easily implement and we’ve compiled some unbelievable WordPress websites to help inspire you to take your website to a whole new level.
The Power of Animation – Web Design Tips
Footwear designer, Tamar Shalem, uses the power of animation to really hook her site visitors. The minute you arrive to her website, you quickly realize it’s not just another shoe store. From an animated header with adorable menu icons, to the snazzy, moving shoes and flashing message indicating her blowout sale, it’s safe to say we won’t forget about this online store.
Captivating video backgrounds – Web Design Tips
This website, a full service concrete specialist service provider, features a unique video background specific to their business. If you want to make sure your site visitors understand what your business is all about, try adding a video background or a little bit of animation to your website. Be sure to choose media that accurately represents what you do or is vague enough to keep your visitors curious.
The alluring effect of parallax scrolling – Web Design Tips
Adding dimension to your site is a great way to lure your visitors in. Take notes on this fashion photography website that incorporated a parallax scrolling effect. Parallax refers to the popular scrolling effect when your website background image moves slower than an image placed in the foreground. Here at HD1, we just can’t get enough of parallax scrolling and this website is just one example of parallax implemented to perfection!
The thousand word gallery – Web Design Tips
Since images are often far more powerful than words, a beautiful gallery within your website is an excellent way to demonstrate what you do and capture your visitor’s attention right away. Photographer Joern Pollex artfully uses a gallery to show the breadth of his photography skills.
The clever duet between text and image
Can you make your visitors laugh within seconds of viewing your site? If so, you’re sure to get them interested in you and your brand. This website implemented a brilliant collaboration of text and image to make an instant and lasting impression.
Include high quality images
You don’t have to have a photography portfolio to have high quality images. As we’ve stressed, a photo gallery is the ultimate way to appeal to your site visitors. From an impressive full-screen image on his homepage, to a breathtaking photo gallery, Dory Younes transported us into his world in minutes. Another neat trick? Fixed headers. Fixed headers stay put at the top of the page, even as your site visitors scroll downwards. This nifty trick is great for your UX, or user experience, since it helps users easily navigate your site.
The musical header
We talked about having a video background or animation that clearly shows off the purpose of your website. On the same token, if you’re a musician, why not greet your site visitors with a taste of your music? Musician Mickey Factz has one of the most creative headers we’ve ever come across. A personal touch like this goes a long way.
A splash of colour
This Florida-based beauty salon used a few different elements in their website that make it a total success. From a logo that stays put (and always reverts back to their homepage) to an attractive turquoise overlay, their website is striking and fierce, like a hair salon’s site should be. Bonus? Their informative blog!
Nothing quite compares to a fresh, new website design for your enterprise. It looks great, works flawlessly, and you can’t wait for your Web Design Yorkshire visitors to check it out.
Considering the seemingly endless advances in technology, many businesses may feel as though they need to constantly update their site to keep up. The search engine algorithm updates, new marketing techniques, new ways of browsing the web, and new applications can easily overwhelm and frustrate Internet marketers. So, how often should you upgrade or change your website design?
First, a look at the impact of changing your website design
Changing the website design, especially for those running on content management systems (CMS) like WordPress, affects your SEO. Changes in design, like in the template, graphics, logo, or images, while everything else remains unchanged, including site structure and navigation, should not affect your SEO or search engine ranking.
But when changing the structure and flow of how the website works, like moving from a CMS to HTML, it may affect your SEO and ranking. If the website design changes are intended to improve user experience, the short-term effect will be a drop in ranking. It will take a bit of time for Google to see and review the change, after which it should detect the positive changes and boost your ranking again, either to its original position or better.
So, if your web design yorkshire is ranking well but you are concerned that the design may be out of date or needs some upgrading, you may need to weigh your options. That said, many designers recommend a redesign every 18 to 24 months, though there are certain circumstances that should help you know when it is time to update.
Responsive Web Design in the UK – UX/UI Mobile First Design
The proliferation of tablets and Smartphone devices has transformed the way websites are designed today highlighting just how important UX/UI Responsive Web Design has become. Search engine optimisation is a very important part of marketing in a digital world and mobile friendly sites are now a critical part of this mix. In fact, not optimising for mobile is preparing to fail; mobile device sales was already about to surpass desktop sales by 2015. It means if people use mobile devices more, it’ll be just a matter of time before desktop searches are overtaken by mobile searches.
According to Google
According to Google Mobile Ads blog, over 66 percent of users have no qualms purchasing goods and services from mobile friendly sites. Before mobile devices were ever a concern, web designers only worked to make sure websites appeared the same in various computer browses.
Responsive web design-what it means?
Responsive web design today simply refers to website design aimed at creating a website that works on desktop screens, tablets, Smartphones and other mobile devices. Responsive web design approach is generally coding and laying out a site such that the viewing experience remains unaffected when scrolling, panning or resizing while being navigated or read across diverse devices from Smartphones, Tablets to desktop PCs.
A responsive web designer has to create a website where all the navigation elements such as video and audio players, images, text and screen layouts plus other user interface elements easily adjust automatically depending on the device. This is critical because a business owner doesn’t need to spend a lot of money or time maintaining and developing a desktop website version and a mobile-website version of the same website.
The Website and Your Business
As a start-up, SME or big company there are a number of reasons why responsive design is important.
Better ranking in search engines
Google has the largest share of search market at 67 percent. The giant search engine has always recommended responsive web design and that it’s the industry’s best practice. This was followed by the labelling of websites as mobile friendly if they were mobile responsive anytime they appeared on top of mobile search results. The search engine also reported that in future, mobile friendliness will become one of the ranking signals, which happened by April 2015. Google has been rewarding responsive web designed websites that support multi-devices.
As the search engine continues to reward mobile friendly sites, websites that are not mobile optimised seem to be penalised. Responsive web design UX/UI Mobile First design is now a significant part of SEO digital marketing strategy.
A single website accessible in diverse devices
This is one of the obvious benefits of responsive web design. It means that no matter the device being used to access the website, the user-experience will be great and similar in all. Considering no website owner knows the devices visitors will use to access a website, this unique characteristic is very important. If your website works perfectly on mobile devices and desktops, visitors can always expect a consistent and satisfying user-experience. For instance, if you search a car online from a particular website via your desktop computer, but decide to continue browsing the website later on your iPhone you’ll be frustrated if after transitioning you realise the car’s images on the mobile website, as well as videos and text are not the same as those on the desktop site and the user-experience on your mobile device is hugely negative.
The more customers become frustrated with your site, the more they’ll dislike it for not accommodating their browsing sensibilities.
Responsive web design assures every website owner that the website will be supported in future if new mobile devices with different screen sizes enter the market. You won’t have to cough up more money to have a web designer create another version of your site for the new devices.
Easier SEO management
Responsive web design means you won’t have to think about operating different and expensive SEO campaigns at the same time for the same site. If your website is not responsive you’ll have to think about SEO for the mobile version and another set of SEO campaign for the desktop version. A responsive website allows you to only have a single SEO campaign that works across the board.
HD1 Web Design offers UX/UI Mobile First Responsive Web Design to make sure your website is always found by customers and visitors online. We’ll make it Google and search engine optimised. We’re based in Huddersfield West Yorkshire with a friendly UK based customer service fully supported by professionals.