{"id":5041,"date":"2026-03-09T16:21:40","date_gmt":"2026-03-09T15:21:40","guid":{"rendered":"https:\/\/support.sparkles.io\/kennisbank\/seitenlayout\/"},"modified":"2026-05-05T09:31:56","modified_gmt":"2026-05-05T08:31:56","slug":"seitenlayout","status":"publish","type":"ht_kb","link":"https:\/\/support.sparkles.io\/de\/kennisbank\/seitenlayout\/","title":{"rendered":"Seitenlayout"},"content":{"rendered":"\n

Idealerweise hast du f\u00fcr deine Homepage ein design beim Team White Labels eingereicht und sie haben dieses f\u00fcr dich erstellt. Wenn du schon l\u00e4nger an deiner Website arbeitest, kann es sein, dass du hier Dinge anpassen m\u00f6chtest oder dass du selbst anderen Seiten mehr Layout geben willst. <\/p>\n\n

warning<\/i><\/div><\/div>

Wichtig, bevor du beginnst<\/h3>

Kopiere immer den Quellcode der Seite und speichere ihn irgendwo auf deinem eigenen Computer, bevor du \u00c4nderungen an deiner Seite vornimmst. Wenn beim Anpassen etwas schiefgeht, kannst du den Originalcode jederzeit wieder in den Quellcode einf\u00fcgen, um eine funktionierende Seite zu haben. Speichere den bestehenden Code also zuerst irgendwo ab, damit du ihn jederzeit wiederherstellen kannst. Verschicke au\u00dferdem immer eine Testmail, um zu pr\u00fcfen, ob alles richtig funktioniert. <\/p><\/div><\/div><\/div>\n\n

In dieser Anleitung erkl\u00e4ren wir die folgenden Dinge:<\/strong><\/p>\n\n

Text erstellen<\/h2>\n\n

Auf jeder Seite brauchst du Text. Im CMS kannst du Texte ganz einfach selbst schreiben und hast viele Schaltfl\u00e4chen, die dir helfen. Wenn du mit der Maus \u00fcber ein Symbol f\u00e4hrst, erscheint darunter die Erkl\u00e4rung. <\/p>\n\n

\"CMS-knopjes<\/figure>\n\n

Mit diesen Schaltfl\u00e4chen kommst du schon ein ganzes St\u00fcck weiter! Aber wir erkl\u00e4ren gerne noch ein wenig mehr. <\/p>\n\n

1.1 Schaltfl\u00e4chen<\/h2>\n\n

Ein Text besteht oft aus verschiedenen Abs\u00e4tzen mit \u00dcberschriften dar\u00fcber. Diese \u00dcberschriften dienen der SEO und der Ordnung auf deiner Seite. Die wichtigste \u00dcberschrift ist deine \u201eH1-\u00dcberschrift\u201c, die du meistens schon ausgef\u00fcllt hast. H1 steht f\u00fcr Heading 1. Es darf nur eine H1 pro Seite geben, auch auf der Startseite. <\/p>\n\n

Die Abs\u00e4tze, die unter die H1 kommen und eine \u00dcberschrift haben, erhalten eine H2-\u00dcberschrift, und Abs\u00e4tze, die zum Thema der H2 geh\u00f6ren, erhalten eine H3-\u00dcberschrift. Davon kann es mehrere pro Seite geben. Du kannst die \u00dcberschrift ganz einfach als H2 oder H3 festlegen, indem du die richtige \u00dcberschrift ausw\u00e4hlst: <\/p>\n\n

\"Heading2<\/figure>\n\n

Auf deiner Website sieht das je nach deinem Styling so aus:<\/p>\n\n

\"Heading1-2-3<\/figure>\n\n

Wenn du auf die Schaltfl\u00e4che \u201eQuellcode\u201c klickst, siehst du es auf diese Weise:<\/p>\n\n

\"Paginainhoud<\/figure>\n\n
warning<\/i><\/div><\/div>

Anmerkung<\/h3>

Die Verwendung von H1, H2 oder H3 dient nicht nur dem Styling, sondern der logische Aufbau ist auch wichtig f\u00fcr die SEO. Du kannst also nicht einfach eine H3 verwenden, nur weil sie gut aussieht, wenn dies zu einem unlogischen Aufbau f\u00fchrt. <\/p><\/div><\/div><\/div>\n\n

1.2 Abs\u00e4tze<\/h2>\n\n

Abs\u00e4tze findest du im Quellcode als Text zwischen

und <\/p>.<\/p>\n\n

1.3 Links<\/h2>\n\n

Manchmal verweist du in deinem Text auf eine andere Seite deiner Website oder auf eine Seite au\u00dferhalb deiner Website. Du kannst einen Link hinzuf\u00fcgen, indem du den Text markierst und auf das \u201eLink\u201c-Symbol klickst. <\/p>\n\n

Es \u00f6ffnet sich dann das folgende Fenster:<\/p>\n\n

\"LinkInfo<\/figure>\n\n

Link zu einer Seite auf der eigenen Website<\/h3>\n\n

Hier gibst du die URL ein, zu der du verlinkst. Wenn es sich um eine Seite auf deiner eigenen Website handelt, musst du nur den Teil ab dem ersten Schr\u00e4gstrich (\/) ausf\u00fcllen. <\/p>\n\n

Link zu einer anderen Website<\/h3>\n\n
\"new_window<\/figure>\n\n

Wenn du auf eine Seite au\u00dferhalb deiner Website verlinkst, zum Beispiel zu Briefmarken von PostNL, klickst du anschlie\u00dfend auf den Tab \u201eZielseite\u201c. Dort kannst du w\u00e4hlen, ob der Link in einem neuen Tab im Internet ge\u00f6ffnet werden soll, damit dein Kunde deine Website nicht verl\u00e4sst. W\u00e4hle dann \u201eNeues Fenster (_blank)\u201c. <\/p>\n\n

Link zu einem Abschnitt auf derselben Seite<\/h3>\n\n
\"Link_mogelijkheden<\/figure>\n\n

Du kannst auch zu einem Abschnitt auf derselben Seite verlinken. Dies funktioniert \u00fcber \u201eAnker-Tags\u201c. An der Stelle, zu der du verlinken m\u00f6chtest, f\u00fcgst du im Quellcode diesen Teil ein: <\/a>. <\/p>\n\n

Jetzt kannst du hierher verlinken. Daf\u00fcr gibt es 2 M\u00f6glichkeiten: <\/p>\n\n