A great WordPress web design page layout video tutorial i wanted to share.
How to design the perfect Web page. Welcome back to the videospot.net. My name is Owen Hemsath. Today I’m gonna talk about how to design the perfect. …website page or silo page. Now, if you’ve seen some of my other videos, you know that I’m a big advocate of creating silos. And, and although silos, you know, you have to do a little bit more these days. Like, a silo alone is not going to get you where you want. It’s going to be, it’s certainly going to put you ahead of your competition. But a big part of that is designing a web page. Now a, a big problem that I see with business owners and like clients that hire me and, and other web designers is for every page, they’re designing like, a new page. You know, it’s like well, we need to add a new page to our website. It’s like, oh great, I gotta design a whole nother page.
Now it doesn’t work that way, you need to be creating templates and a lot of website, website themes today support a template based system. So what we do is we create a series of templates that you can now export to the rest of your pages. But it’s still important that those templates. Are created properly. So, let’s go in close and take a look at how we have designed a, a webpage that’s designed to be kind of like, like a top of the silo type of scenario.
Okay? So you landed on the homepage, and then you clicked on one of the tabs. And it led you to a page that looks like this. Let’s take a look at some of the basic structure. First of all, and of course, you know, like you’re, you’re always, this could be your social media links up here. This could be like your phone number, or an email button. You know, having those, always able to contact me, buttons, I think is a good idea. Up here you’ve got your navigation tabs. Now, when I first started in this, it was kind of like the thinking that you should have seven navigation tabs. I don’t agree with that anymore. I, I, think that you need to have like four or five, tops, and they need to be very simple.
Every single one of them should be directed at converting a viewer to sale. So you don’t need one of these navigation tabs to say home. Right? Cuz typically your logo will lead you home. You, you need it to say something like, About Us. What we offer. How to work with us. And our blog. Something like that. I don’t even have a contact page because it’s just, it’s just filled up every morning with people that are trying to sell me SEO service. [INAUDIBLE] So I don’t even have a contact page anymore, but I do have a work with us form. It’s, it’s a client brief where I’m able to see, you know, a client can fill it out and tell me they wanna work with me and gimme some information about who they are. So keep that very simple and keep it directed towards what you do. Products, services, work with us. Right, keep it really simple. On your page, your page should be, you know, 300 to 400 words, maybe 500. 500 Words is more like an article, but that’s the thing is, chalk it full of stuff man.
You know, like, you’ve gotta have content on your page. 400 words is like a minimum. And, you wanna saturate that, that page with maybe like 2% of SEO and include some of that in your h1 headers. And I know, you know, some of the nerds out there will be like oh, your h1s don’t really matter. They don’t really matter, but it go, for, for the search engines, but it goes to viewer intent, right. A lot of people skim websites. So make the headers. Right? And that’s that big bold h1 tag that’s in there, make it so it says the keyword. So that way they know when they’re scrolling, oh, I’m, I, I know I’m on the right site, this is what I was looking for.
So, we’ve got that, the, the navigation. We have a sidebar. Okay? The side bar I believe in side bars. Some people are doing like this whole page design, that’s okay. That’s fine. If that’s the, the intent of your site. I like side bars because it enable me to, to engage with the viewer in different ways.
So for example. This is gonna be a content page, but I’ve got in my sidebar space to put an ad. And that ad could be an offer, like a free offer. Right? To my ebook, or to my series, or to whatever the case might be. And then, you know, you can design that page to go to your landing page. Where now you’re converting web viewers into a lead ok. Underneath that maybe you have a directory to your silo right, you have all related pages, or maybe you have like, you revisit your, your navigation tab here. These are called, if you have any links over here, these are gonna be called site wide links. Okay? So they’re gonna appear on about every single page where this sidebar is.
So you don’t wanna make these like terribly like spammy or, or purposeful. But it’s just to help the viewer get where it is they’re going. I like to use related links. Because if they’re on a page about video marketing. It might be helpful to have YouTube. You know, YouTube marketing. Landing page videos. Video production. Video bumpers. You know? Maybe even a tag that says, what are you looking for? And then underneath that I have a little circle there. Which I typically use to represent a testimonial. So maybe you’ve got. A testimonial widget right in there, where it’s, every time it’s refreshed, a new testimonial pops up, right. So you’re engaging with the viewer that way. You might even have like social media links on, experimenting with an Instagram box. We’ll see how that turns out. Let’s go to your, I’ll come up to the main page last, go to your footer.
Your footer here is a huge resource. I like to have a three or four box footer that maybe has, like, you know, a summary about us, maybe our social links and then, maybe, like, a schedule, like schedule with me, or a work with me, right. And this could be an image. Maybe it looks like a contact box, but it’s an image, and when you click it. It will go back to that work with us page, see. And then maybe in here you’ve got something you like your blog roll. Right? So your, your latest and greatest blogs.
Or maybe it’s like your most popular blogs which you know, you can, you can work that out with some plug ins. In your main page here, your main body, let’s go back to that. Okay, we said about 400 words. But look at how I have it structured. I have an image up at the top and then I have some text right next to it. Now underneath that I have more text. Underneath that I have some bullet points. So basically what you have here is you’ve got, you know, everything you really need to convert that viewer. Right up here, right up there. And then you’re gonna say something like let’s dig into that a little bit more because you don’t want them necessarily moving off of your page, right? You do want them to scroll, but if they don’t, then at least they got the point of, of the page across and the reason you want them to scroll is because it increases your scroll rate.
Right, and this is part of what they call uxl, right, user experienced optimization, it’s, it’s still seo but we’re all going to be using that term very shortly so be in tuned to that. So, take a look at that, and then I’ve got some bullet points here, it just breaks it up, that’s it. I’m just breaking up the text into some bullet points, so that my eyes, the viewer eyes kind of like it. And then of course I’ve got a closing summary with another high impact image here. You do wanna have at least let’s say two links, you know, on the page.
One is fine, they should be natural. Two links to other sources. Right? We become, we become experts by quoting experts. So, links out to two other sources. Maybe you got a link-, you know for more about that, read, read this. Or, you know, Jim Bob does a great article on that here. And then in your images, your images should have Alt tags.
So, I like to use at least two images per page, plus alt tags. Right? And then, you, you’re like totally optimizing if you’re using WordPress, Yo’s plug-in, you’ll get shining colors. And everything is good to go. So I’ve got a, a slide file, a cheat sheet that you can use where I have all of my wireframe, my best performing wireframe templates. And if you want to check that out you can click the link in the description box below and I’ll get you all my, you can look at all my design templates and you can steal them, you can use them, you can do whatever you want with them.
But I have an image like this in there. And you can have like an actual, you know, icon like image with all this kind of stuff on it, and you know, I hope that it helps you with your. with your website design and you guys get some great results. Let me know where else you’re struggling too [SOUND] if there’s any other videos that you think that need to be made or if you have any questions or comments on what I just covered here, if you need some clarity, go ahead and answer you know, put something in the comments below and I’ll engage with you.
If it’s your first time on the channel, I definitely want you to subscribe. We are engaging and we want to engage with you and have a great time with you. So I hope that you’ll take the time to subscribe to the channel. And check out some of our other videos as well. Thank you for joining us on the video spot dot net, and we’ll see you next time.
Read More: Web Design Trends 2021
Read More: Web Design Trends 2021