The page structure determines how your Kopage website's content is organized and how visitors access the individual sections via the navigation.<\/p>\n\n\n\n
In the classic Kopage website builder, you can create, edit, and arrange pages, as well as use subpages or submenus. This allows you to clearly structure both small websites with a few pages and more extensive websites.<\/p>\n\n\n\n
In this guide, we show you how pages and navigation are connected and how to build a clear structure for your website.<\/p>\n\n\n\n
\nBriefly explained:<\/strong> The pages form the content structure of your website. Through the navigation, you make this structure accessible to your visitors. Subpages help you organize related content hierarchically.<\/p>\n<\/blockquote>\n\n\n\n
What is the page structure of a website?<\/h2>\n\n\n\n
The page structure describes which individual pages your website has and how they are organized with one another.<\/p>\n\n\n\n
For example, a small business website could be structured like this:<\/p>\n\n\n\n
Home\nAbout us\nServices\nReferences\nContact<\/code><\/pre>\n\n\n\nOn a larger website, individual areas can be further subdivided:<\/p>\n\n\n\n
Home\nAbout us\nServices\n\u251c\u2500\u2500 Consulting\n\u251c\u2500\u2500 Planning\n\u2514\u2500\u2500 Implementation\nReferences\nContact<\/code><\/pre>\n\n\n\nIn this example, the pages \u201eConsulting\u201c, \u201ePlanning\u201c, and \u201eExecution\u201c are subordinated to the \u201eServices\u201c section.<\/p>\n\n\n\n
What is the difference between page and navigation?<\/h2>\n\n\n\n
Page and navigation are closely related, but they are not the same thing.<\/p>\n\n\n\n
A Page<\/strong> contains the actual information. The Navigation<\/strong> helps visitors find and access these pages.<\/p>\n\n\n\n
Simplified:<\/p>\n\n\n\n
Page\n\u2192 contains the content\n\nNavigation\n\u2192 leads the visitor to the content<\/code><\/pre>\n\n\n\nThis distinction is important when planning your website. Not every single piece of content necessarily requires its own prominent menu item.<\/p>\n\n\n\n
Plan page structure before creating<\/h2>\n\n\n\n
Before you create many pages, it is worth thinking about the basic structure of your website.<\/p>\n\n\n\n
Ask yourself above all what information your visitors are looking for and how they can find it as quickly as possible.<\/p>\n\n\n\n
For many smaller websites, a few main sections are initially sufficient.<\/p>\n\n\n\n
Home\nServices\nAbout us\nContact<\/code><\/pre>\n\n\n\nYou can add more pages later if additional content is actually needed.<\/p>\n\n\n\n
\nPractical Tip:<\/strong> Start with a simple and transparent page structure instead. A website doesn't automatically become better just because it has a particularly large number of pages or menu items.<\/p>\n<\/blockquote>\n\n\n\n
Create a new page in Kopage<\/h2>\n\n\n\n
Open the page or navigation management in the Kopage editor.<\/p>\n\n\n\n
There you can add a new page using the designated function and then edit its content.<\/p>\n\n\n\n
Assign a page name that describes as clearly as possible what visitors will find on this page.<\/p>\n\n\n\n
Instead of an unclear name like:<\/p>\n\n\n\n
Information<\/code><\/p>\n\n\n\nis for example:<\/p>\n\n\n\n
Web design<\/code><\/p>\n\n\n\nor:<\/p>\n\n\n\n
About us<\/code><\/p>\n\n\n\nusually easier for visitors to understand, provided this matches the actual page content.<\/p>\n\n\n\n
Keep page names short and clear<\/h2>\n\n\n\n
The name of a page can also be relevant for navigation. Very long labels can therefore become problematic, especially in the main menu.<\/p>\n\n\n\n
A menu item should be as quick to grasp as possible.<\/p>\n\n\n\n
Instead:<\/p>\n\n\n\n
Information about our various services<\/code><\/p>\n\n\n\nis<\/p>\n\n\n\n
Services<\/code><\/p>\n\n\n\nusually more sensible in navigation.<\/p>\n\n\n\n
On the actual page, you can then use a more detailed and precise heading.<\/p>\n\n\n\n
Create content for a new page<\/h2>\n\n\n\n
After you have created a page, you can build its actual content.<\/p>\n\n\n\n
For this, you use in Kopage in particular content blocks, texts, images, and, if needed, additional features.<\/p>\n\n\n\n
We explain in detail how to set up these content areas at Create content with Kopage: editing content blocks, texts, and images<\/a>.<\/p>\n\n\n\n
Change page order<\/h2>\n\n\n\n
The order of the pages also influences how visitors perceive the structure of your website.<\/p>\n\n\n\n
Kopage allows pages or subpages to be organized via drag & drop.<\/p>\n\n\n\n
This allows you to move a page to the desired position without having to recreate it.<\/p>\n\n\n\n
For example, a typical main navigation could be arranged like this:<\/p>\n\n\n\n
Home\nServices\nAbout us\nReferences\nContact<\/code><\/pre>\n\n\n\nImportant areas should not be unnecessarily hidden among less relevant menu items.<\/p>\n\n\n\n
\nPractical Tip:<\/strong> For an existing website, first change only one position and then check the navigation. This is particularly important if subpages already exist.<\/p>\n<\/blockquote>\n\n\n\n
Using subpages in Kopage<\/h2>\n\n\n\n
Subpages help to logically group more extensive topics.<\/p>\n\n\n\n
For example, if your company offers several different services, a parent \u201eServices\u201c page can be used.<\/p>\n\n\n\n
Underneath this, the individual services can be organized as subpages:<\/p>\n\n\n\n
Services\n\u251c\u2500\u2500 Consulting\n\u251c\u2500\u2500 Planning\n\u251c\u2500\u2500 Installation\n\u2514\u2500\u2500 Support<\/code><\/pre>\n\n\n\nThis keeps the main navigation uncluttered while still allowing visitors to go directly to individual topics.<\/p>\n\n\n\n
When is a subpage useful?<\/h2>\n\n\n\n
A subpage is particularly useful when a topic is independent enough to justify its own page, but logically belongs to a parent section.<\/p>\n\n\n\n
For example, if you describe three services in detail each, three subpages can make sense.<\/p>\n\n\n\n
If, on the other hand, each service consists of just two short sentences, a single page with multiple content blocks might be clearer.<\/p>\n\n\n\n
The decision should therefore depend on the actual content and not on how many pages are technically possible.<\/p>\n\n\n\n
Build submenus<\/h2>\n\n\n\n
Subpages can be used to build a hierarchical navigation or submenus.<\/p>\n\n\n\n
This allows visitors to see which content belongs to a broader section.<\/p>\n\n\n\n
For example:<\/p>\n\n\n\n
Products\n\u251c\u2500\u2500 Product A\n\u251c\u2500\u2500 Product B\n\u2514\u2500\u2500 Product C<\/code><\/pre>\n\n\n\nSuch a structure is particularly helpful for websites that have multiple offers, services, or subject areas.<\/p>\n\n\n\n
Do not use too many navigation levels<\/h2>\n\n\n\n
Hierarchical structures are helpful, but they can also become too complex.<\/p>\n\n\n\n
A navigation like:<\/p>\n\n\n\n
Services\n\u2514\u2500\u2500 Consulting\n \u2514\u2500\u2500 Companies\n \u2514\u2500\u2500 Industries\n \u2514\u2500\u2500 Detail Page<\/code><\/pre>\n\n\n\nis often unnecessarily complicated for a normal corporate website.<\/p>\n\n\n\n
Visitors should not have to navigate through multiple menu levels to reach important content.<\/p>\n\n\n\n
\nNote:<\/strong> Submenus are meant to simplify navigation\u2014not create additional hurdles.<\/p>\n<\/blockquote>\n\n\n\n
How many main menu items are reasonable?<\/h2>\n\n\n\n
There is no fixed number that applies to every website.<\/p>\n\n\n\n
The crucial factor is that the navigation remains clear and works across different screen sizes.<\/p>\n\n\n\n
For a smaller website, a compact navigation with a few clearly named main sections is often better than a menu with a very large number of equally important items.<\/p>\n\n\n\n
If the main menu becomes too extensive, you should check which content can be sensibly grouped or organized as subpages.<\/p>\n\n\n\n
Categorize homepage correctly<\/h2>\n\n\n\n
The home page is usually the central entry point of your website.<\/p>\n\n\n\n
It was supposed to give visitors an overview and lead them on to the most important areas.<\/p>\n\n\n\n
Therefore, do not try to completely repeat all the information from all subpages on the homepage.<\/p>\n\n\n\n
Use the homepage as orientation instead and link specifically to further content from there.<\/p>\n\n\n\n
Page or content block?<\/h2>\n\n\n\n
This question frequently arises when building a CoPage website.<\/p>\n\n\n\n
If content directly belongs to an existing topic and is relatively short, an additional content block on the same page can be sufficient.<\/p>\n\n\n\n
If a topic, on the other hand, is extensive, appeals to its own target audience, or is intended to be accessed independently, a separate page may make more sense.<\/p>\n\n\n\n
Example:<\/p>\n\n\n\n
Brief introduction of three services\n\u2192 one page with three content blocks\n\nDetailed description of each service\n\u2192 separate subpage per service<\/code><\/pre>\n\n\n\nRename pages<\/h2>\n\n\n\n
If the name of an area changes, you can rename the page in question accordingly.<\/p>\n\n\n\n
Then check how the new name is displayed in the navigation and whether it also works well on smaller screen sizes.<\/p>\n\n\n\n
For websites that have already been published, you should also pay attention to whether changing the page name affects the page address or URL.<\/p>\n\n\n\n
\nImportant:<\/strong> Do not unnecessarily change the URL of a page that has already been published and indexed by search engines. A changed URL can cause existing links to the old address to stop working if a suitable redirect is not in place.<\/p>\n<\/blockquote>\n\n\n\n
Page names and page addresses are not the same<\/h2>\n\n\n\n
The visible name of a page and its web address fulfill different tasks.<\/p>\n\n\n\n
For example, one page could be visibly named \u201eAbout Us\u201c and be accessible via a corresponding URL.<\/p>\n\n\n\n
The visible page name serves as a guide for visitors. The URL, on the other hand, identifies the address of the page on the web.<\/p>\n\n\n\n
Therefore, when it comes to SEO-relevant settings and page URLs, you should not only consider visual navigation.<\/p>\n\n\n\n
We cover the corresponding search engine settings under SEO with Kopage: Page titles, metadata, URLs, and search engine optimization<\/a>.<\/p>\n\n\n\n
Interne Links zwischen Seiten setzen<\/h2>\n\n\n\n
Nicht jede Navigation zwischen deinen Inhalten muss \u00fcber das Hauptmen\u00fc erfolgen.<\/p>\n\n\n\n
Du kannst innerhalb von Texten oder \u00fcber Buttons direkt auf passende Unterseiten verweisen.<\/p>\n\n\n\n
Wenn du beispielsweise auf einer \u00dcbersichtsseite eine bestimmte Dienstleistung kurz vorstellst, kannst du von dort auf die ausf\u00fchrliche Leistungsseite verlinken.<\/p>\n\n\n\n
Dadurch entsteht eine sinnvolle Verbindung zwischen verwandten Inhalten.<\/p>\n\n\n\n
\nPractical Tip:<\/strong> Verwende aussagekr\u00e4ftige Linktexte. Ein Link wie \u201eMehr \u00fcber unsere Beratung erfahren\u201c vermittelt mehr Information als ein allgemeines \u201eHier klicken\u201c.<\/p>\n<\/blockquote>\n\n\n\n
Navigation f\u00fcr Besucher statt f\u00fcr die interne Organisation bauen<\/h2>\n\n\n\n
Die Navigation sollte sich daran orientieren, wie Besucher nach Informationen suchen \u2013 nicht ausschlie\u00dflich daran, wie dein Unternehmen intern organisiert ist.<\/p>\n\n\n\n
Interne Abteilungsnamen, Fachbegriffe oder Produktk\u00fcrzel k\u00f6nnen f\u00fcr dich selbstverst\u00e4ndlich sein, f\u00fcr neue Besucher aber unverst\u00e4ndlich wirken.<\/p>\n\n\n\n
Verwende deshalb m\u00f6glichst Begriffe, die deine Zielgruppe kennt und deren Bedeutung ohne zus\u00e4tzliche Erkl\u00e4rung erkennbar ist.<\/p>\n\n\n\n
Kontaktseite gut erreichbar machen<\/h2>\n\n\n\n
Wenn Besucher Kontakt aufnehmen sollen, sollte die entsprechende Seite leicht auffindbar sein.<\/p>\n\n\n\n
Bei vielen Unternehmenswebsites geh\u00f6rt \u201eKontakt\u201c deshalb direkt in die Hauptnavigation oder an eine andere gut sichtbare Stelle.<\/p>\n\n\n\n
Auf der Kontaktseite kannst du anschlie\u00dfend beispielsweise Kontaktdaten, ein Formular oder eine Standortkarte einbinden.<\/p>\n\n\n\n
Wie du ein Kontaktformular erstellst, erkl\u00e4ren wir unter Create forms and contact forms with Kopage<\/a>.<\/p>\n\n\n\n
Navigation auf dem Smartphone pr\u00fcfen<\/h2>\n\n\n\n
Auf einem Desktop-Monitor steht deutlich mehr Platz f\u00fcr eine Navigation zur Verf\u00fcgung als auf einem Smartphone.<\/p>\n\n\n\n
Responsive Websites stellen Men\u00fcs auf kleineren Bildschirmen deshalb entsprechend angepasst dar.<\/p>\n\n\n\n
Nach \u00c4nderungen an der Seitenstruktur solltest du immer pr\u00fcfen, ob Haupt- und Untermen\u00fcs auch auf einem Smartphone verst\u00e4ndlich und problemlos bedienbar bleiben.<\/p>\n\n\n\n
Sehr lange Seitennamen oder eine stark verschachtelte Navigation fallen dort besonders schnell negativ auf.<\/p>\n\n\n\n