{"id":30153,"date":"2023-12-27T07:42:41","date_gmt":"2023-12-27T12:42:41","guid":{"rendered":"https:\/\/centricconsulting.com\/?p=30153"},"modified":"2023-12-21T10:08:02","modified_gmt":"2023-12-21T15:08:02","slug":"sharepoint-online-how-to-create-a-site-map-using-highlighted-content-or-content-search","status":"publish","type":"post","link":"https:\/\/centricconsulting.com\/blog\/sharepoint-online-how-to-create-a-site-map-using-highlighted-content-or-content-search\/","title":{"rendered":"How to Easily Build a Site Map on SharePoint Online Using Sites Web Parts"},"content":{"rendered":"

Build a site map in SharePoint Online using the Content Search Web Part and Sites Web Part to organize and display your organization\u2019s webpages effectively.<\/h2>\n
\n

\u00a0As organizations migrate their intranet from the on-premises version of SharePoint to SharePoint Online<\/a>, they are using its mobile-friendly design to create webpages and sites that quickly and aesthetically display their videos, images, graphs, and more. To organize the SharePoint Online experience, it may be helpful to create a site map, a visual representation of where to find specific sites within your organization\u2019s SharePoint environment.<\/strong><\/p>\n

Creating a site map for your SharePoint will tailor its display to optimize the user experience, allowing them to easily navigate your organization\u2019s digital environment, collaborate with team members, and manage projects of different scopes. Additionally, with its robust permission and access features, a site map can assist governance efforts and enhance data security within your organization.<\/p>\n

The on-premises version of SharePoint<\/a> had a similar capability to a site map called the publishing feature, which displayed a table of contents of sites within the organization\u2019s SharePoint and showed users which document libraries they had access to. Two different web parts bring a similar capability to SharePoint Online, namely the Content Search Web Part<\/a>, which presents results for specific search queries, and the Sites Web Part<\/a>, which organizes a user\u2019s most frequently used sites, including a link to each and a quick rundown of its latest activity.<\/strong><\/p>\n

A Quick Rundown of SharePoint Terminology<\/h2>\n

The following SharePoint terms will enhance your understanding of the digital environment<\/a> that we will be mapping.<\/p>\n

1. Web Parts<\/h3>\n

\u00a0The building blocks of SharePoint, web parts are modules you can add to a webpage to display content, like images and documents, or perform specific functions. In this article, we\u2019re looking at web parts that display content, specifically lists of sites within your organization\u2019s SharePoint.<\/strong><\/p>\n

2. Modern Pages<\/h3>\n

Made up of various web parts, modern pages are customizable webpages designed to be easily used on desktops and mobile devices alike. Multiple modern pages make up a site \u2013 a set of modern pages grouped by content, purpose or structure.<\/p>\n

3. Site Collections<\/h3>\n

Site collections are containers that group related sites based on similar content or administrative controls. Each site collection has its own permissions, settings and features customized to your desired standards.<\/p>\n

4. Site Maps<\/h3>\n

A site map is a visual display of the structure and layout of various sites within a site collection. As its name suggests, site maps help users navigate through the different webpages, sites and subsites in their SharePoint environment<\/a>.<\/p>\n

5. Classic vs. Modern SharePoint<\/h3>\n

Classic SharePoint is the traditional on-premises SharePoint interface, but it\u2019s also applicable in SharePoint Online. By contrast, Modern SharePoint, optimized for mobile devices, is exclusively for online use. (It\u2019s important to note that classic web parts are only compatible with classic web pages, just as modern web parts are only compatible with modern web pages.)<\/p>\n

Once you understand the structure of SharePoint Online, you can better tailor its features to your specific needs.<\/strong> Next, we will show you two ways to create a site map in SharePoint Online, each using a different web part.<\/p>\n

Our Business Case Using SharePoint Online<\/h2>\n

In this scenario, we use a site collection that we migrated from SharePoint On-Premises containing several subsites (I know what you\u2019re thinking \u2014 how dare he use that terrible \u201csubsite\u201d word! Let\u2019s save that discussion for another day).<\/p>\n

In our legacy on-premises SharePoint environment, the site collection\u2019s home page displayed all subsites within one web part. To replicate that functionality, we can use SharePoint Online\u2019s out-of-the-box web parts to create a separate site collection to host the home page.<\/strong> The list of sites should only display sites to which a user has existing permissions.<\/p>\n

In this example, we use two websites:<\/p>\n

Site 1 \u2013 https:\/\/ourtenant.sharepoint.com\/sites\/ClassicSiteExample<\/strong><\/p>\n

We migrated this site from SharePoint On-Premises to SharePoint Online<\/a>. It contains subsites that use unique permissions based on departments.<\/p>\n

Site 2 \u2013 https:\/\/ourtenant.sharepoint.com\/sites\/Landing<\/strong><\/p>\n

This site will be the landing page that displays a list of sites from Site 1 within a web part<\/p>\n

First, we will create a site map using the Content Search Web Part, then the Sites web part.<\/p>\n

Creating a Site Map with the Content Search Web Part<\/h2>\n

The Content Search Web Part<\/strong> (CSWP) allows you to customize the way you display search results. Each CSWP displays results for specific search queries, and you can use templates to customize how these results appear on your webpage as your site map.<\/p>\n

To access the Content Search Web Part, click on SharePoint Server Enterprise Site Collection<\/strong> features. Once you enable that feature for the site collection, the web part will be available in the standard web part menus within the Content Rollup<\/strong> section.<\/p>\n

\"Image<\/a><\/p>\n

Having added the web part to our classic web part page, you can now configure its various settings as desired, including what the search query is, how many results the web part will display, and how to layout the results.<\/p>\n

\"SharePoint<\/a><\/p>\n

At first glance, this settings page looks complicated, but don\u2019t worry \u2014 we only configure a few settings to display what we need.<\/p>\n

Beginning with the Basics<\/strong> tab, change Select a Query<\/strong> to Items<\/strong> matching a content type and Restrict<\/strong> by app<\/strong> to Don\u2019t restrict<\/strong> results by app<\/strong>. By changing these settings, we can display results from another site collection that match the content type we prefer, namely sites.<\/p>\n

\"SharePoint<\/a><\/p>\n

Next, we need to define where we would like to gather our results from. In our scenario, that is, any subsites contained within Site 1. To scope the results to Site 1, place the following query in the Add additional filters<\/strong> box (and make sure to adjust the URL to your desired destination):<\/p>\n

contentclass:STS_Web Path:https:\/\/ourtenant.sharepoint.com\/sites\/ClassicSiteExample<\/strong><\/p>\n

To ensure you get your desired results, click out of the Add additional filters<\/strong> box, and the preview pane to the right will refresh based on the query you just entered.<\/p>\n

\"SharePoint<\/a><\/p>\n

In the image above, you can see the results display all subsites from Site 1.<\/p>\n

Click OK<\/strong> to save the query and close the query builder. Finally, save the web part settings using the Apply<\/strong> button and publish the page.<\/p>\n

The finished result is displayed below!<\/p>\n

\"SharePoint<\/a><\/p>\n

Creating a Site Map with the Sites Web Part<\/h2>\n

Before we show you how to add the Sites Web Part, we have to introduce you to one more SharePoint term: a hub site<\/strong>.<\/p>\n

Similar to a site collection, a hub site organizes sites within your SharePoint based on customizable criteria, such as projects or departments.<\/strong> But while a site collection groups a collection of sites (literally subsites) under its \u201cumbrella,\u201d a hub site operates without a hierarchy, granting you the flexibility to designate associations among sites and detach their connections if necessary.<\/p>\n

Within this context, the Sites Web Part automatically showcases sites within a hub site, creating a site map of your SharePoint Online environment.<\/p>\n

To add the Sites Web Part<\/strong>, go to the webpage where you would like to add it and click Edit<\/strong> at the top right of the page. Then, click the grey plus sign. You should now be able to browse the web part toolbox and select the Sites web part<\/strong>.<\/p>\n

\"SharePoint<\/a>

https:\/\/www.enjoysharepoint.com\/sharepoint-online-sites-web-part\/<\/p><\/div>\n

To select the sites you would like the web part to show, click Edit<\/strong> web part in the top left corner. This will open the Sites<\/strong> toolbox.<\/p>\n

\"Edit<\/a>

https:\/\/www.enjoysharepoint.com\/sharepoint-online-sites-web-part\/<\/p><\/div>\n

To manually choose sites for this web part, click Select sites<\/strong> and search for the sites you want to add. If you want to add multiple sites, you can click Sites associated with this hub<\/strong>, Frequent<\/strong> sites<\/strong>, or Recent sites<\/strong>. Click the checkboxes next to each site you want to display within this web part.<\/p>\n

\"Site<\/a>

https:\/\/support.microsoft.com<\/p><\/div>\n

Or, if you would rather automatically display sites, click Frequent sites<\/strong> for current user. This will display the same sites as those that are already on the user\u2019s SharePoint homepage.<\/p>\n

To rearrange your sites, click Edit web part<\/strong>. Select the Layout tab<\/strong> and click Cards<\/strong>. Then, you can drag and drop the sites to reorder them.<\/p>\n

\"SharePoint<\/a>

https:\/\/support.microsoft.com<\/p><\/div>\n

The final result of your site map is below!<\/p>\n

\"Screenshot<\/a>

https:\/\/www.enjoysharepoint.com\/sharepoint-online-sites-web-part\/<\/p><\/div>\n

Final Thoughts and Considerations<\/h2>\n

As we demonstrated above, both the Content Search Web Part and Sites web part can easily create a site map for your organization\u2019s SharePoint Online. However, to ensure you select the correct option, there are a few things to consider.<\/strong><\/p>\n

Limitations<\/h3>\n

The Content Search Web Part has a built-in limit on the number of results it can show. If you have a large number of results, you may need to display your results on multiple pages, which can be a bit clunky and complicated. Also, this web part is only available for Classic SharePoint pages.<\/p>\n

Classic vs. Modern SharePoint<\/h3>\n

The Sites Web Part is only available on modern pages. If a user is familiar with classic, on-premises SharePoint, you must take the time to train them properly on the differences between the legacy platform and SharePoint Online.<\/p>\n

Knowledge<\/h3>\n

The Content Search Web Part requires a basic understanding of SharePoint content classes and categories that organize the content stored in SharePoint.<\/strong> Content classes ensure your results are properly filtered. If users don\u2019t understand content classes, they may encounter challenges using this web part effectively.<\/p>\n

Ultimately, by thoughtfully assessing how you want SharePoint to operate within your organization, you can maximize its features to create a site map that not only improves visibility but also enhances productivity for your employees.<\/p>\n

\n

\n
\n With Microsoft Teams and Sharepoint, governance and adoption are key.\n <\/div>\n
\n \n\n Watch Our Webinar\n <\/a>\n <\/div>\n <\/div>\n","protected":false},"excerpt":{"rendered":"

Build a site map in SharePoint Online using the Content Search Web Part and Sites Web Part to organize and display your webpages effectively.<\/p>\n","protected":false},"author":238,"featured_media":30168,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_oasis_is_in_workflow":0,"_oasis_original":0,"_oasis_task_priority":"","_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","footnotes":""},"categories":[1],"tags":[18559],"coauthors":[15515,15615],"acf":[],"publishpress_future_action":{"enabled":false,"date":"2024-07-21 19:48:58","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category"},"_links":{"self":[{"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/posts\/30153"}],"collection":[{"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/users\/238"}],"replies":[{"embeddable":true,"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/comments?post=30153"}],"version-history":[{"count":0,"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/posts\/30153\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/media\/30168"}],"wp:attachment":[{"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/media?parent=30153"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/categories?post=30153"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/tags?post=30153"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/coauthors?post=30153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}