Should your website be a single page only, or should you spread it over multiple pages? Jen Kramer gives tips for which is best under what conditions.
- [Instructor] Squarespace supports single page and multi-page websites, depending on which template you choose to build your website with. Which is better? Which is the right choice for you? Right now, I've pulled up the three websites we're going to be building in this course. And I'm just going to show you these briefly. The first one here is Nadia's Garden. It's a restaurant website, and it is a single page website. It's got a nice, open graphic. It's got a little bit of information.
It's got an image gallery of kinds of food that's available there. A menu. Some testimonials. And a contact form. The Rue Academy website that we'll be building is a multi-page website. So it's got an opening image carousel, it's got some information on the homepage, and then it's got individual pages with a navigation bar you have to click on in order to access other information here on the website.
And then, we also have the Topsy Turvy Cake Design website, which is somewhat of a mix of the two. The homepage has that look of the big, opening graphic, a little bit of additional information about them, a nice image carousel, some more ordering information. Almost like a website that's one page all by itself. But then it also has, added on to that, a blog that has a lot of blogposts here. And each of these blogposts goes to its own page as well.
So, does this mean that all restaurants need to be single page websites and all conferences need to be multi-page websites? Absolutely not. There's a mix of the two here in terms of the kind of content that you have, the kind of photos that you have. All of this will contribute to which type of website design you want to choose for your particular content. A single page website, like the one I've built here for Nadia's Garden, is great if you don't have a ton to say.
Here we have just a little bit of text to talk about the site. We have a lot of photos. And, of course, the menu itself. A few testimonials. So there's just not a lot that's actually said here on this website. It's great if you don't have a ton of images. We do, actually, have here a big opening picture, and then, of course, we have this image gallery with a lot of smaller pictures. But, a lot of the website is just large bits of color and text.
It actually isn't a whole lot of graphics that make up this particular website. So, that also helps contribute to being a single-page website. This is also a really popular form for artistic reasons. They're kind of gritty and interesting. They sometimes have these cool, it's called the parallax format for scrolling, and you see that here with this big opening graphic. As you start to scroll, you sort of see some things stay in place, and this bottom sort of comes up underneath and cuts off the picture as it's scrolling up the page here.
Notice the space between the bowl and the table. It sort of cuts off as it goes. Anytime you see that on a website, that's called parallax. And that is a really artistic feature on websites right now. It's kind of popular. So, some people would like to have a one-page website 'cause they kind of like that feature that's added to it. So, those are sort-of the positive reasons to choose a one-page website. There are some negatives to choosing a single-page website. So, first of all, analytics don't report what people are looking at.
Later in the course, I'll show you a video about analytics. And if you want to know if people are really coming to your website, they're really interested in your menu, or they're interested in the testimonials, the analytics for this website won't actually measure that. It's a one-page website, and all that the analytics can tell you is that people are looking at that one page. So, if you have questions about what, exactly people are looking at, it's probably better to go to a multi-page approach. Also, as I've mentioned, if you have a lot of pictures, particularly a lot of really big pictures, these websites can be rather slow to load, particularly on mobile phones.
And particularly in cases where you may not have the best Internet connections. So, if your target audience is out in the country, or in foreign countries, and they don't necessarily have a very fast Internet connection like you might have in a big city in the United States, then that is definitely a consideration. You probably want to go with multi-page websites that will load a little bit quicker. As for multi-page websites, there are a lot of positives here. These are great if you have a lot to say.
So, here on my About page, for example, I have some text, I have a lot going on here with a Subscribe box, longer blocks of text. On my Artists page, I have a little text mixed up with some pictures here. And I can get right to this information without having to scroll a long way to get to it. It's pretty clear what's there through the navigation at the top of the page. So, this is great if you have a lot to say. These pages can get infinitely long. It's good if you have lots of image because then you can break those images up over all of your pages.
And reduce the amount of time an individual page has to load, because those images are spread over many pages rather than concentrated in a single page. If you don't have a lot to say, though, these multi-page websites can start to feel a little bit empty. That you have a lot of pages without a lot on them. Why do I have to keep flipping between all these pages to read a lot of nothing? So, if you don't have a lot to say, that single page website might be a better way to go. If you do have a lot to say, the multi-page websites are a better way to go.
So, if you're in doubt as to which way you should go, what I would recommend is this. If you've got five short pages of content or less, the single page is probably a great approach to your website. If you have a lot more than five pages, or if they're really long pages, you might want to go with a multi-page site, or that combination approach where, maybe the home page has got that multi-page feel to it, but you have those additional, longer pages at your disposal as well.
- What is Squarespace?
- Planning your website
- Choosing a template
- Laying out a homepage for your website
- Adding banner photos
- Configuring the header and navigation
- Working with images in text
- Integrating email newsletter signup with MailChimp or Google Drive
- Configuring and styling an image gallery
- Launching your site
- Examining analytics