Latest / ThinkInsideTheSquare / 48: Planning Your Pages: How to create a visual sitemap & why you should

Transcript

48: Planning Your Pages: How to create a visual sitemap & why you should · ThinkInsideTheSquare

• 0:09
  Speaker 1: I want you to imagine you're building a house.
• 0:11
  Speaker 1: You wouldn't just pile bricks and beams together and hope for the best right.
• 0:15
  Speaker 1: You'd have a blueprint, a plan for where all the rooms go, how they connect and how people will move around the space.
• 0:20
  Speaker 1: Your website needs a blueprint too, and in this episode of Think Inside the Square, I'll teach you how to create one for Squarespace.
• 0:26
  Speaker 1: Welcome to Think Inside the Square, a podcast full of tips and tricks to help you create a website that you're proud of.
• 0:31
  Speaker 1: I'm your host, becca Harpain, squarespace expert and creator of InsideTheSquareco.
• 0:35
  Speaker 1: In this episode, I'm sharing my top tips for creating the structure of your website a solid foundation that can scale and grow with the rest of your content.
• 0:44
  Speaker 1: For a transcript of this episode, along with the links to any resources mentioned, visit insidethesquareco forward slash podcast.
• 0:54
  Speaker 1: The term Squarespace is a trademark of Squarespace Incorporated.
• 0:56
  Speaker 1: This content is not affiliated with Squarespace.
• 0:57
  Speaker 1: Incorporated Website structure is the invisible framework that holds your entire Squarespace site together.
• 1:03
  Speaker 1: It's the organization behind the scenes deciding which pages you'll have and how they're connected and how users will navigate from one point to another.
• 1:11
  Speaker 1: A good website structure isn't a rigid container.
• 1:14
  Speaker 1: Think of it like a solid foundation that will support your content as it grows.
• 1:18
  Speaker 1: A well-organized website helps users easily find the information they're looking for, because everything has a designated place.
• 1:26
  Speaker 1: We all know that frustrated website visitors do not convert into loyal customers or raving fans.
• 1:32
  Speaker 1: Having this well-established website structure will keep these visitors happy.
• 1:37
  Speaker 1: By making it intuitive and easy for them to navigate your website, they'll find what they need quickly, which means less bouncing away from your site and over to a competitor.
• 1:45
  Speaker 1: Now this organization structure isn't just for people either.
• 1:49
  Speaker 1: Search engines love websites that are well organized.
• 1:52
  Speaker 1: A clear structure can help search engines understand what your website is about and how the different pages connect.
• 1:58
  Speaker 1: This can actually help you boost your search engine rank and get your website seen by more people Definitely a double win.
• 2:05
  Speaker 1: Now let's get down to business and actually plan these website pages, just like building a house.
• 2:10
  Speaker 1: We're going to need to draft up this blueprint, and your blueprint starts with a clear understanding of what you want to achieve with your website.
• 2:17
  Speaker 1: There are five key questions I want you to answer when defining the structure of your site.
• 2:21
  Speaker 1: I'll include these in the show notes at insidethesquareco forward slash podcast, but let's go ahead and talk through these five questions together.
• 2:28
  Speaker 1: First, I want you to identify who you're trying to reach.
• 2:32
  Speaker 1: Imagine your ideal customer walking through the virtual front door of your website.
• 2:37
  Speaker 1: Who is this person?
• 2:38
  Speaker 1: What are their needs and their immediate problems that you can help them with?
• 2:42
  Speaker 1: Are you targeting small businesses, fitness enthusiasts or maybe bird watchers?
• 2:51
  Speaker 1: Understanding your target audience is crucial because it's going to guide the entire website experience.
• 2:54
  Speaker 1: Next, I want to know what makes you special In a world overflowing with websites.
• 2:58
  Speaker 1: What sets yours apart?
• 3:00
  Speaker 1: What unique value proposition do you offer?
• 3:03
  Speaker 1: Are you the baking queen with the most delicious cookie recipes or a dog trainer with a foolproof method for teaching tricks?
• 3:09
  Speaker 1: The third question is what action do you want visitors to take?
• 3:13
  Speaker 1: Do you want them to sign up for your email list, download your free guide, buy a product, book, a consultation?
• 3:18
  Speaker 1: Having a clear call to action is vital for turning website visitors into leads or customers.
• 3:24
  Speaker 1: Now, you might want them to do all of these things, and that's okay too.
• 3:27
  Speaker 1: If that's the case, I want you to pick a top two or three initial actions and focus on building out your site structure from there.
• 3:35
  Speaker 1: Most of my clients focus on promoting freebies or low-cost products as their initial call to action.
• 3:41
  Speaker 1: On to question four what kind of content will resonate with your audience.
• 3:45
  Speaker 1: Think blog posts, videos, tutorials or maybe interactive quizzes.
• 3:50
  Speaker 1: The content that you share should be valuable, informative and engaging for your target audience.
• 3:56
  Speaker 1: And then we have question five are you selling anything Physical products, digital downloads, maybe an online course or two?
• 4:03
  Speaker 1: If you're an entrepreneur with something to sell, having a clear and user-friendly e-commerce section is going to be key.
• 4:10
  Speaker 1: Now, with those five key questions answered, let's talk about the essential pages that every Squarespace site should have your homepage.
• 4:16
  Speaker 1: This one's kind of obvious, but you literally need a homepage.
• 4:20
  Speaker 1: When someone goes to your main domain, like insidethhesquareco, the page that they visit is your homepage.
• 4:26
  Speaker 1: This is the first impression that you make on visitors, who Google you because of a friend's recommendation or see your sticker on someone's water bottle, so they go to your website.
• 4:34
  Speaker 1: Your homepage should be clear, concise and instantly tell users who you are, what you do and what makes you special.
• 4:41
  Speaker 1: I also think that everyone should have an about page on their website.
• 4:46
  Speaker 1: With so many AI-generated sites out there and more added every single day, you need to make it easy for people to connect with you on a personal level.
• 4:54
  Speaker 1: Be real, be authentic.
• 4:56
  Speaker 1: I want to know that there's a human on the other side of the screen, and a lot of other people who visit your website want that too.
• 5:02
  Speaker 1: Now, the third gotta have page is a contact page.
• 5:05
  Speaker 1: Make it easy for visitors to reach out to you.
• 5:07
  Speaker 1: Include your email address, phone number if you want to, and a clear contact form.
• 5:12
  Speaker 1: I consider those like the golden three the essential pages that every website needs, regardless of your niche, but depending upon your business or your website goals, there are some additional pages you can consider.
• 5:22
  Speaker 1: I want you to consider having a blog on your website.
• 5:25
  Speaker 1: It can be a content hub, a place to establish yourself as an expert, share valuable information and really keep your visitors engaged.
• 5:33
  Speaker 1: I really do believe that every website needs a blog these days.
• 5:36
  Speaker 1: I'm currently working on a project to redesign a website for a restaurant right now, and I'm making a blog for them.
• 5:43
  Speaker 1: We're going to use this blog to highlight some of their signature dishes, some of their awards and events, and I'm even going to feature some of the stellar reviews that they've gotten online.
• 5:51
  Speaker 1: Every Squarespace site can and should have a blog.
• 5:55
  Speaker 1: Now, for those of you that have a service-based business or maybe you're a creative consider creating a portfolio, but a really in-depth portfolio that showcases your work, as case studies Really highlight the expertise of what you do, what makes your services or your creative works unique, and feature content from people who really enjoyed your work.
• 6:14
  Speaker 1: Creating a portfolio of case studies could have a bigger impact than just a gallery of images.
• 6:19
  Speaker 1: I also want you to consider creating an FAQ page.
• 6:22
  Speaker 1: I think these are great for any website as well.
• 6:24
  Speaker 1: You can answer frequently asked questions and use this page as a resource hub to send people to in a quick response to questions about your content or your services Anything you find yourself answering more than once.
• 6:37
  Speaker 1: Consider creating an FAQ page that you can direct people to.
• 6:40
  Speaker 1: Now remember, these are just starting points.
• 6:42
  Speaker 1: These specific pages that you're going to choose for your website will depend heavily upon your website goals and your target audience, but I just wanted to inspire you here to get a little bit more creative and really tailor the website structure to your unique needs.
• 6:56
  Speaker 1: All right, now that we've answered those questions about your site and we've identified your essential website pages, the next thing I want you to do is create a visual representation of your website structure.
• 7:07
  Speaker 1: You might have heard the term sitemap before.
• 7:11
  Speaker 1: To be clear here, a sitemap is a list of all the pages on your site and Squarespace automatically creates one for you.
• 7:18
  Speaker 1: But that's not exactly what I'm talking about here.
• 7:21
  Speaker 1: I want you to create a visualization of the hierarchy of your pages.
• 7:26
  Speaker 1: I want you to create a handmade sitemap, kind of like a sketch.
• 7:30
  Speaker 1: This is going to be a clear picture of your website hierarchy, how pages connect and how users will navigate from one point to another.
• 7:39
  Speaker 1: Seeing it visually can really spark some creative ideas, help you identify potential gaps in the website structure and help you make sure that there's a smooth user flow.
• 7:49
  Speaker 1: Now, squarespace does have some slight limitations when it comes to your website hierarchy, because you can only go three levels deep.
• 7:57
  Speaker 1: Here's what I mean by that.
• 7:59
  Speaker 1: The show notes for this podcast episode are available at insidethesquareco forward slash podcast.
• 8:04
  Speaker 1: Forward slash 48.
• 8:06
  Speaker 1: That is the URL for the specific blog post and that is as deep as a Squarespace website can go.
• 8:12
  Speaker 1: You have the main domain, which is insidethesquareco.
• 8:15
  Speaker 1: Then you have the collection list page, which is forward slash podcast, and then the podcast episode, which is the blog post forward slash 48.
• 8:24
  Speaker 1: We can't say InsideTheSquareco forward slash podcast, forward slash 48, forward slash transcript.
• 8:30
  Speaker 1: That would be another layer and Squarespace just isn't capable of creating that at the time of recording this.
• 8:36
  Speaker 1: Now, I think that's actually a good thing.
• 8:38
  Speaker 1: I think having a slightly shallow website structure can be really helpful to make sure you prioritize the most important content at the highest levels, and you're really going to see a great visual representation of that when you create your visual sitemap.
• 8:51
  Speaker 1: When you have pages that have a similar theme that you want to group together because they have maybe the same importance or the same priority, you don't need to put them on a third level.
• 9:00
  Speaker 1: They can all be on a second level but be included in a drop-down folder.
• 9:04
  Speaker 1: That's just one quick example here, but I realize I'm getting too far ahead of myself.
• 9:08
  Speaker 1: Let me pull back a little bit and let's talk about how you actually create this hand-drawn or handmade sitemap.
• 9:14
  Speaker 1: To help you plan for these limitations, here is how you can create a simple sitemap to visualize your website structure.
• 9:21
  Speaker 1: There are plenty of tools available online that can help you create this visual representation of your sitemap.
• 9:26
  Speaker 1: One that I've been using a lot these days is known as Figma.
• 9:29
  Speaker 1: I'll link to it in the show notes, but the way that I used to draw sitemaps before I discovered Figma and honestly it's still, one of my favorite ways to do it is with good, old-fashioned post-it notes.
• 9:40
  Speaker 1: I want you to grab a stack of sticky notes and a pen and find an empty space be it blank wall, a clear table or even a countertop that you can work on, and on the very first sticky note, I want you to write the word home and place it right there in the center of that space.
• 9:56
  Speaker 1: Now, if you're using a digital space like figma, place a marker right in the center of the page that says home, because we are going to branch out from there.
• 10:03
  Speaker 1: On your next set of sticky notes or your next objects inside Figma, I want you to write down the title of the essential pages we're talking about the about page, the contact page, maybe a services page or an FAQ page or your blog.
• 10:18
  Speaker 1: Write out the title of those specific pages on the next set of sticky notes.
• 10:22
  Speaker 1: From there.
• 10:23
  Speaker 1: I want you to keep writing out all of the important pages that you're going to have.
• 10:27
  Speaker 1: Maybe you have a case study page about a very specific service that you're excited to offer more of.
• 10:32
  Speaker 1: Make a sticky note for that.
• 10:33
  Speaker 1: Maybe you want to have a blog post that features a recent award that you won.
• 10:37
  Speaker 1: Go ahead and write out a sticky note for that blog post.
• 10:39
  Speaker 1: Or again, if you're using Figma, just create an object for it.
• 10:46
  Speaker 1: The goal here is to list out all of these important pages, but here's the fun part After you've given them all their unique post-it note, I want you to take a look at how they relate to each other and see what you can group together.
• 10:55
  Speaker 1: Can some of these pages actually be turned into a collection inside Squarespace?
• 11:00
  Speaker 1: Or maybe they all belong inside a dropdown?
• 11:03
  Speaker 1: For instance, if you have a resources dropdown that could contain your FAQ page and your latest freebie and a link to your blog?
• 11:11
  Speaker 1: You can see an example of this on my own website at insidethesquareco.
• 11:15
  Speaker 1: In my main navigation I have freebies and if you hover over that, you'll see a drop-down that contains three different landing pages for my top freebies and a link to my resources blog.
• 11:26
  Speaker 1: I wanted to prioritize all of these for new people that were visiting my website, but it was much easier to create a drop-down to group this information together than creating all of these as nested URLs inside collections.
• 11:38
  Speaker 1: Creating this visual sitemap was a way for me to really develop this solid foundation, so when I add new freebies that I want to share with people.
• 11:47
  Speaker 1: I can easily fit them into the structure that's already here in my Squarespace website.
• 11:54
  Speaker 1: Creating your own visual sitemap with movable parts is a great way to help you experiment with your own website structure before you dive into Squarespace and actually create it.
• 12:03
  Speaker 1: You might see that you want to have some nested URLs, like maybe an idea for a landing page of case studies could turn into a portfolio page with projects.
• 12:11
  Speaker 1: Okay, at this point I'm sure you're ready to grab those sticky notes or open up Figma to start your plan.
• 12:17
  Speaker 1: But before you do, let's wrap up this episode with some actionable tips to help you keep your website structure organized and user-friendly.
• 12:24
  Speaker 1: First tip simplicity is key.
• 12:29
  Speaker 1: We all love a website with a ton of bells and whistles, but when it comes to the actual structure, keeping it simple will be your superpower.
• 12:37
  Speaker 1: A complex website structure with lots of layers and subpages can easily overwhelm visitors and leave them feeling lost.
• 12:45
  Speaker 1: Strive for clear and concise structure with easy-to-navigate menus and logical page connections.
• 12:51
  Speaker 1: The next tip is to know your audience, to know your goals.
• 12:55
  Speaker 1: Before you start drawing these fancy sitemap diagrams, take a step back and answer those five questions we talked about in the beginning of this episode, I want you to reconnect with your website's purpose.
• 13:05
  Speaker 1: Who are you trying to reach?
• 13:06
  Speaker 1: What are your website goals?
• 13:08
  Speaker 1: Knowing your audience and goals can help you guide your website structure and prioritize what needs to be a part of the main menu and what doesn't.
• 13:16
  Speaker 1: I also want you to think about your internal linking.
• 13:19
  Speaker 1: Think about connecting relevant pages within your website, not necessarily grouping them all into the same dropdown, but which pages should link together inside the page content.
• 13:29
  Speaker 1: For example, I have multiple blog posts on my site that connect to other blog posts and other resources for further education.
• 13:37
  Speaker 1: Think about this internal linking.
• 13:39
  Speaker 1: When it comes to the overall structure of your website and how you can use it to keep users engaged.
• 13:44
  Speaker 1: I also want to remind you that you should keep your navigation menus manageable.
• 13:49
  Speaker 1: Remember website visitors shouldn't need an actual map to navigate your menus.
• 13:54
  Speaker 1: Okay, aim for primary navigation links with five to maybe seven items at the most For additional pages.
• 14:01
  Speaker 1: Consider using a drop-down menu to group related content.
• 14:04
  Speaker 1: Check out my own site at insidethesquareco and you'll see that I might have well over 800 pages on my website, but I only have five links in my main navigation.
• 14:18
  Speaker 1: To recap the whole concept of this episode, I just want to emphasize that a well-planned website structure is the foundation for a successful Squarespace site.
• 14:27
  Speaker 1: By following these simple tips and focusing on a user experience, you can create a website that informs your audience, something that they want to engage with and something that inspires them.
• 14:38
  Speaker 1: I hope you found some inspiration in this episode of Think Inside the Square.
• 14:41
  Speaker 1: Thank you so much for tuning in Now.
• 14:43
  Speaker 1: If you're brand new to Squarespace and want some help getting started, visit insidethesquareco forward slash start.
• 14:49
  Speaker 1: There you'll find Squarespace Made Simple, my step-by-step training series that will teach you how to use Squarespace like a pro.
• 14:55
  Speaker 1: You'll find that at insidethesquareco forward slash start.
• 14:58
  Speaker 1: Thanks again for listening, squarespace-er, if you enjoyed this podcast, be sure to subscribe wherever you happen to be listening to this episode and, most importantly, have fun with your Squarespace website.
• 15:08
  Speaker 1: Bye for now.