迷失了糟透了。如果你在城市或玉米迷宫中,那就没关系,不知道你在哪里以及接下来会发生什么可以让你在寒冷的汗水中爆发。

Website visitors feel the same way when they land on a jumbled website. Nearlyone in twopeople leave a website after visiting just one page. We don’t have a lot of time to make a good impression on a user, and with a poor site architecture, you’re guaranteed to increase bounce rates. Free Download: 77 Examples of Brilliant Web Design 

以直观且易于导航的方式构建您的网站至关重要,以保留观众的注意。如果你没有,他们会在几秒钟内反弹。如果人们留下您的网站,因为您的用户体验凌乱,搜索引擎也不会有你的重视。

If you need help structuring a website that will engage an audience and rank on Google, we’ve got you covered. We’ll teach you what website architecture is, why it’s important for UX and SEO, and how you can develop a sound architecture for your own website.

Without question, your website structure plays a critical role in retaining users and boosting conversions.

Implementing a website structure helps you为用户体验设计您的网站. You might have the most amazing content, but if users can’t find it, they’ll leave for a competitor’s site.

A typical website structure looks like a扎根树图, in which the home page is the root. The pages that are linked out from the home page are branches, and from there, each page has additional branches sprouting from it. These branches then link to each other.

这是通常如下所示:

Typical website architecture in a tree graph

为什么网站结构重要?

A sound website architecture strengthens your website’s user experience. When you structure your website in an intuitive way, users can seamlessly find the information they’re looking for.

Plus, when your user experience is strong, your search engine rankings will be, too. Users will spend more time on your website and link to your web pages, which are both heavy indicators that your brand creates quality content.

此外,一个坚实的网站架构:

  • Helps search engines effectively crawl your website.
  • Encourages deep site navigation by providing more pages for users to visit.
  • Distributes “page authority” more equitably, so that a page isn’t left out.
  • Strengthens topical authority because of the strong internal linking structure between related or similar topics.
  • Increases conversions by making it easier to find products andlead-generating content.

Let’s take a look at a few best practices you should keep in mind when designing your site’s architecture.

1. Create a simple top-level navigation menu.

First, don’t provide too many顶级菜单项目。其次,务必提供基于菜单项的名称承诺的内容。

For instance, if your users click on the "Email Marketing" tab on your blog’s homepage, they expect to be directed to a list of email marketing posts. From this page, you also need to design a simple navigation path back to your blog’s homepage and your website’s homepage.

Check out an example below from我们自己的网站:

Top level navigation example from HubSpot's home page

菜单分为三个菜单项:Software, Pricing, and Resources. Under the “Resources” tab, users can find different resources that are divided into different designations.

不要让用户太辛苦。难以导航的网站将具有高速率。用户不希望浪费时间尝试在网站上查找信息。如果他们这样做,他们就会离开。因此,练习同情并提供直观的网络体验。

2. Keep your URLs simple and user-friendly.

没有用户想要读取如下所结构的URL:

example.com/store/rackets/default.aspx?lang=en&category=98a20

It’s important to create user-friendly URLs. Most CMS systems, such asCMS HubWordPress, automatically create a用户友好的URLbased on your page’s title. It will usually read as follows:

example.com/page-title

您还可以创建易于遵循的子目录。

example.com/topic/subtopic/page-title.

Tip: While subdirectories are helpful from a UX standpoint, they aren’t required to reflect your site’s architecture. Internal linking matters more than URL structure. That means that you can structure your URLs as follows:

example.com/topic

example.com/subtopic

example.com/longtail-keyword

example.com/longtail-keyword-two.

您只需使用内部链接将它们彼此连接到彼此以及父页面。

3. Model your website architecture after the top players in your industry.

你的客户使用to the website architecture of major brands in your industry, so if you run an ecommerce store, analyze how Amazon structures their website and emulate them. Your website will seem more familiar and, in turn, easier to navigate.

4. Keep your website consistent.

Your website’s navigation format, design principles, and link displays should all follow a consistent pattern. Keeping these elements the same will keep your users on your site longer because it'll be easier for them to quickly navigate to new pages and click on links.

5. Implement the pillar-cluster internal linking model.

在里面pillar-cluster model, you have a parent page (the pillar) linking out to child pages (the cluster). These child pages then link to each other, creating a cluster.

This model makes your internal linking structure clearer and effectively directs users to other pieces of relevant and useful content. When users come across an internal link on your website, they should immediately understand which piece of content the link will direct them to and why that content is linked from the page they’re currently on.

Here’s what a pillar-cluster linking strategy looks like for a blog about workout routines.

Pillar cluster strategy example for a workout blog

这些线代表内部链接。

One internal linking caution you should exercise, though, is not stuffing keywords into your link’s锚文本. This is calledblack hat SEO为防止它,谷歌创建了特定的算法来惩罚这种行为。

6.在3-4次点击中提供对大多数网站页面的访问。

Even if your website has a million pages, the architecture should allow users to start from the homepage and end up on any page within three to four clicks.

为此,设计一个top-level navigation这可以将用户指向您的网站的主要类别。然后,从每个网站的主要类别页面,确保他们可以点击到所有子类别页面。

7. Use breadcrumbs.

After internal linking, breadcrumbs are the ultimate way to show your website’s architecture. These links show a page’s parent pages all the way to the home page. They’re typically placed above the page’s title and have arrows showing the path to the current page.

Here's an example from百思买:

Breadcrumbs on the Best Buy website showing its site structure

You can add breadcrumbs to your CMS Hub website by creating anadvanced menu module. If you run your website on the WordPress CMS, we’ve written an easy tutorial onhow you can add breadcrumbs to WordPress.

8. Create an HTML and XML sitemap.

SiteMap是一个文档,该文件列出了您网站上的所有可爬网页面。对于网站架构来说非常重要,因为它以可读,可易熟的格式显示您的结构。

An HTML sitemap is user-facing and has the same design as the rest of your website. It’s typically designed for users who can’t find a certain page and who’d benefit from seeing a list of all of your pages.

Here’seBay的HTML网站地图举个例子:

HTML sitemap example from Ebay showing its site structure

AnXML网站地图是主要用于搜索引擎爬虫。它们以纯文本格式列出所有URL。如果您的网站位于WordPress上,则可以使用asitemap pluginto create both an HTML and XML sitemap.

升级您的网站架构并改善您的SEO

您的网站的架构对于用户体验和SEO来说非常重要。通过稳固的网站结构策略,您将改善停留时间并诱使用户使用更多内容。这意味着更多的转换,从而改善您的投资回报率和越来越多的公司收入。bob全站app

Editor's note: This post was originally published in October 2018 and has been updated for comprehensiveness.

辉煌主页,博客和着陆页面设计的例子
新的呼叫行动

最初发布于5月27日,2021年上午7:00:00,更新了10月12日2021年

Topics:

技术SEO