Formatvorlage
Allgemein
Beispiele Formatierung
- Beispiel 1: Text aus einem News Post / Linie / Text (aus einem Block)
- Beispiel 2: Text aus einem Block / Linie / Text
- Beispiel 3: Text / Linie / H2
- Beispiel 4: Text / Linie / H3
- Beispiel 5: Buttons / Linie / H2
Meta Titel und Meta Description
Allgemein
Überschriften
H1 = Hauptüberschrift
H2 = Absatzüberschrift
H3 = Gliederung innerhalb von einem Absatz z.B. Produkte
Textformatierung
Schriftart im Shop ist Open Sans. Der Textausrichtung sollte immer linksbündig sein.
Wörter sollen nur fett geschrieben werden, um relevante Keywords hervorzuheben. Das Fetten von "allgemeinen" Wörtern (neu, Vorteile, LED´s) und kompletten Sätzen sollte vermieden werden.
Beispiel:
Display --> Digital Signage Display o.ä.
Kamera --> IP-Kamera, 4K-Kamera, HD-Kamera o.ä.
Das Gerät --> Die IP-Kamera, der Netzwerkrekorder o.ä.
Bilder
Wird ein Bild in einen Textabschnitt hinzugefügt, sollte das Bild nicht tiefer sein als der Text sein.
In Bluefoot werden zwei Bildelemente angeboten. Image und Driver. „Image“ ist der Standardblock um Bilder auf Webseiten zu veröffentlichen. „Driver“ wird nur eingesetzt, wenn das Bild verlinkt werden soll.
Elemente
Um einen Text optisch aufzulockern oder einzelne Bereiche hervorzuheben sollte der Block „Horizontal Rule“ bzw. eine Linie verwendet werden.
Farbe: #199575
Höhe: 1px
Breite: 90%
Formatierung: Zentriert
Der Abstand wird nur über das „Padding“ definiert, nicht über Leerzeilen.
Das Padding für die Linie sollte nur in dem Element „Horizontal Rule“ definiert werden, nicht in den Elementen drüber oder drunter (Screenshot). Wenn es in mehreren Elementen definiert wird, stimmen die Abstände nicht mehr!

Beispiel 1: Text aus einem News Post / Linie / Text (aus einem Block)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Padding: Oben 20 Pixel / Unten 15 Pixel
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Beispiel 2: Text aus einem Block / Linie / Text
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Padding: Oben 35 Pixel / Unten 45 Pixel
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Beispiel 3: Text / Linie / H2
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Padding: Oben 35 Pixel / Unten 15 Pixel
H2
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Beispiel 4: Text / Linie / H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Padding: Oben 35 Pixel / Unten 30 Pixel
H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Beispiel 5: Buttons / Linie / H2
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Produkt 1

Padding links und rechts bei jedem Modul: 10 Pixel
Padding am oben Button: 10 Pixel
Produkt 2

Padding links und rechts bei jedem Modul: 10 Pixel
Padding am oben Button: 10 Pixel
Produkt 3

Padding links und rechts bei jedem Modul: 10 Pixel
Padding am oben Button: 10 Pixel
Produkt 4

Padding links und rechts bei jedem Modul: 10 Pixel
Padding am oben Button: 10 Pixel
Padding: Oben 35 Pixel / Unten 15 Pixel
H2
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Metaangaben
Meta Titel und Description sollen dem User eine Info geben, was ihn auf der Seite erwartet. Zusätzlich sollen sie ihn animieren auf den Link zu klicken.
Im Titel und in der Description sollten die relevanten Keywords, die auch auf der Webseite stehen, verarbeitet werden. Da Suchmaschinen Probleme mit doppelten Content haben, muss jeder Titel und jede Description sollte einzigartig sein.
Meta Titel
Max. 70 Zeichen inkl. Leerzeichen!
Beispiele
Die neuen eneo 4K IP-Kameras - Jetzt bei VIDEOR kaufen!
VESTEL PDX Digital Signage Displays - Jetzt bei VIDEOR kaufen
Meta Description
Max. 160 Zeichen inkl. Leerzeichen!
Beispiele
eneo 4K-Kameras bei VIDEOR ✓ Jetzt eneo 4K Kameras beim führenden Distributor für Video- und Sicherheitstechnik kaufen!
VESTEL Digital Signage Displays bei VIDEOR ✓ Jetzt Digital Signage Displays beim führenden Distributor für Video- und Sicherheitstechnik kaufen!
Aufbau

Meta Titel
Um was gehts auf der Seite?: eneo 4K IP-Kameras
Handlungsaufforderung: Jetzt bei VIDEOR
kaufen! oder Jetzt bei VIDEOR informieren!
Meta Description
Interesse wecken: eneo 4K IP-Kameras bei VIDEOR ✓
Handlungsaufforderung
+ VIDEOR USP´s: Jetzt eneo 4K IP-Kameras beim führenden Distributor für Video-
und Sicherheitstechnik kaufen!
Mit dem Tool kann das schnell geprüft werden, ob
die Länge stimmt: https://app.sistrix.com/de/serp-snippet-generator