How To Visualize Your Website Structure In 7 Steps

GAP indicates that clicking on a section header will lead the user to a section landing page. All navigational elements should display their subpage links or none of them should. Its designers have used colors, numbers and letters to help differentiate between routes, which are displayed prominently on the side of cars to help riders make connections. Subway maps, just the same, show the various routes with corresponding colors and nomenclature, and they’re displayed in stations alongside labeled signs above subway platforms. The time taken to code a website depends on its complexity. The more you need in terms of features and design, the longer it will take.

guide on how to plan a website structure

It is best to build a website structure that is easy for search engines to access. If you are serious about having a well-structured site, it is best to consider using guide on how to plan a website structure responsive design. A responsive website adapts its structure to the user’s screen size. It allows the user to navigate through the site without their layout changing.

Contextual Linking Opportunities For Online Shops

The way you structure your site will give Google vital clues about where to find the most valuable content on your site. It helps search engines understand what your site mainly is about or what you’re selling. A decent site structure also enables search engines to find and index content quickly. A good structure should, therefore, lead to a higher ranking in Google. In addition to aiding horizontal way-finding, local links are also important techniques to aid SEO.

Although it isn’t always fun, you have to do it, or your website might become a mess. To prevent that from happening, you need to not only fix your site structure but keep an eye on it while adding new content. Site structure should definitely be part of your long-term SEO strategy. Your most important pages are probably often very relevant to mention on several pages across your site, so you’ll link to them most often.

This means that a well-structured website will be ranked highly, while a poorly structured website will not be given as much credit and may be overlooked by search engines. Your website is about a specific topic, which could be quite broad or rather specific. While adding content, you should be aware of keyword cannibalization. If you’re optimizing your articles for keywords that are all too similar, you’ll be devouring your own chances of ranking in Google. If you optimize different articles for similar key terms, you’ll be competing with yourself, and it’ll make both pages rank lower. You obviously want to rank with these pages though, and that means they need content.

Start with your new menu one or two levels deep and see if you can fit in more of the pages you have created over the years. You’ll find that some pages are still valid, but don’t seem relevant for your menu anymore. No problem, just be sure to link to them on related pages and in your sitemaps, so that Google and your visitors can still find these pages. The flowchart will also show you any gaps in the site structure. Landing pages are the pages you want your audience to find when they search for specific keywords you’ve optimized for. For instance, we want people who search for ‘free SEO training’ to end up on the page about our free training called ‘SEO for beginners’.

By adding text and color labels to some nodes, you will be able to distinguish the most important pages or pages that you work at. Note that when you first visualize your site structure, some of the nodes will be marked automatically. These are the pages with the lowest Click Depth and the highest Page Rank.

Consider using an online store builder, such asShopifyorBigCommerceif you plan to sell products directly from your website. You don’t have to be a tech geek nor a programmer to create a website. With the right publishing tools and follow the right method – Your first website will be ready in no time. Unlike a single-page site, the pages of a multi-page website are addressed differently from other domains with the same content. When planning out your structure, it is best to look at different layouts and ideas before deciding what kind of information will suit your site. A tree-structured website generally connects the parent and child pages through using a “menu” or multiple menus placed in different places throughout the site.

Contextual Internal Linking

When designing a website, it is best to try different layouts and layouts until the best one is found. This process should be continued from start to finish for the best results. Well-structured navigation can have a positive impact on a user’s experience.

Usually, a user is given a set of additional menu items at the same hierarchy as their current page. Or users come across a link embedded in text to navigate to other relevant pages on the website. Getting mobile right—alongside effective desktop design—means users can navigate successfully through your website regardless of medium. Designers need to consider how easy it will be for users to navigate their site once they have completed building it. Users will navigate through their site better when the navigation is simple and easy to understand.

For blogs you should write extensively on the topics you’d like to rank for. You should write some main articles and write various posts about subtopics of that topic. Then link from these related posts to your cornerstone articles, and from the cornerstone articles back to related posts. In this way, you’ll make sure that your most important pages have both the most links and the most relevant links. You can make your site’s structure even clearer by adding breadcrumbs to your pages.

For example, by linking to the pages with lower PageRank scores, pages with the highest PageRank can give an authority boost to the latter. This way, the homepage will have a lot more links pointing to it than any other less important page, which will amplify the average PageRank of your site. On this type of graph, the size of nodes reflects the value of Internal Page Rank — the importance and authority of a page within your site.

  • When you have idea of the search intent it’s essential to make sure your landing page fits the search intent of your audience.
  • Beyond these systems, users are also led to understand that clicking on the bolded headlines of the site’s featured content will bring them to full articles.
  • When people search for them, they know exactly what they want.
  • Take this page, “Graduate School of Education Career Services,” on Fordham University’s website.
  • Clicking on a section header reveals a dropdown menu of section pages.
  • If you see something of the kind, check if these strings are justified.

You can create a web development environment on your computer device by installing an IDE . An IDE basically consists of a Text Editor, a Build Automation and a Debugger. If you’re a small website, it’s cheaper to go for shared hosting plans. Bigger sites are recommended to use either cloud or dedicated hosting. A single-page site or microsite has no more than one main page.

How Do You Define navigation On A Website?

If you have a hard time figuring out a domain name, you can always use domain name.generators for ideas. Some of the more popular ones areWordroidandLean Domain Search. The easiest way to search and register a domain is to go to a domain registrar. Sort out hidden pages and dead ends in four easy steps with our orphaned content SEO workout, available in Yoast SEO Premium. Michiel listed all the essentials of your product landing page here. Read all about search intent and why it’s important for SEO.

guide on how to plan a website structure

The linking of content—usually from one page to another—is an essential local navigation tool. But imagine a collection of pages on a website linked to one another with no hierarchical organization or pattern of linking. All the links are embedded in text, and a user navigates through the website only through linked pages. Beyond these systems, users are also led to understand that clicking on the bolded headlines of the site’s featured content will bring them to full articles. More, the site’s hierarchy of articles and prominent masthead label orient users to understand that they’re on the homepage, where the most important news content is located.

Link from less to more specific content creating topical subclusters. In this case, category pages have the highest priority, so the contextual links should point to them. To make the visualization graph display the pages’ PageRank and show how it’s allocated, choose Internal Page Rank in a drop-down menu on the top right. Actually, you have two options here depending on whether you need a page indexed or not.

The term “single-page site” should be used only when pages from within the same domain are not available. A “single-page” website can be accessed through only one URL and does not contain multiple URLs with similar content. Some outdated articles you might be able to update and republish, to make them relevant again.

Step 4 Analyze Internal Page Rank

Doing this will also help you with search engine optimization . If your site structure is scalable, then you can easily add as many new pages as you need without interfering with already existing ones. This is especially on the agenda for big ecommerce websites that have thousands of product pages and need to add new ones any time a new product appears in stock. Regardless of whether your site has a million pages, the design ought to allow users to begin from the landing page and end up on any page within three to four mouse clicks. Another factor is that a good site architecture helps search engines crawl your website more effectively.

Where it makes sense, it’s perfectly fine to create a second menu. You should be able to file all of your content under one of these categories. If your site is larger, you can divide these sections or categories into subcategories as well. Beneath your categories or subcategories are your individual pages and posts.

Getting all these points ticked will help you create an interesting and easy-to-use website and increase user engagement. At that point, from every one of your site’s primary pages, ensure they can navigate to all the sub-category pages. Once you have created a site hierarchy, you will not face any confusion when you try to add more pages at a later stage. Moreover, if you decide to stick to this page longer, you will also spot interesting and easy-to-perform tips to curate a compelling website architecture plan. Plan your navigation structure, and choose the right pages. Viewing the “Women” page on Banana Republic’s website, for example, shows users additional lateral or vertical movements within the context of women’s clothing.

Top Categories

Or you'd better save the PDF file with the graph image and send it to your client. The changes you make in-app are not automatically applied to your site. However, you can easily export them as a to-do list either for yourself or for your team/webmaster. The pages within your site can work as an ecosystem — each has its functions thus complementing each other.

Ideally, any page on your website should be reached in a maximum of three clicks from the homepage. It may look like a lot of hard work, but it is actually simpler than you may expect. Your URL structure ought to coherently follow your categories. Users will easily be able to navigate through your website and discover what they need hassle-free. If your website is content-heavy and has hundreds of pages, you need to keep things simple. The more complicated the website structure, the worse it is for SEO.


Markup validation is the process of verifying whether your website follows these rules. Wix is one of the easiest site builders in the market that features 500+ fully-customize-able templates sorted under various categories. So it is pretty much sure that you will find one that suits you.

Popular Posts

This ranges from user-friendly interfaces to pre-built templates. Survicate’s contact page is a beautifully designed page with a simple layout. Ever since Google Chrome started to label HTTP websites “Not Secure”,SSL certificatehas become a big deal. To make sure that your website is “trusted” by users – an HTTPS connection is a must. Create a webmaster account atGoogle Search Consoleto submit your website to Google and to identify any SEO issues. Do basic keyword research and then optimize your page title and headings for your primary keywords.

Maintain Consistency

Such keywords may belong to the bottom level of a website, like individual blog posts or product pages. Good internal linking will save you in case your website structure is far from shallow, as it decreases click depth. Besides, no matter if your site is shallow or not, internal linking helps you spread PageRank between the pages and strengthen the weak ones to help them rank. The more the internal links, the more is the link authority, which you can check on PageRank. This leads to improved rankings on search engine web pages.