Formatvorlage

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!

Padding

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

eneo-Netzwerk Rekorder

Padding links und rechts bei jedem Modul: 10 Pixel

Padding am oben Button: 10 Pixel

Produkt 2

eneo-Netzwerk Rekorder

Padding links und rechts bei jedem Modul: 10 Pixel

Padding am oben Button: 10 Pixel

Produkt 3

eneo-Netzwerk Rekorder

Padding links und rechts bei jedem Modul: 10 Pixel

Padding am oben Button: 10 Pixel

Produkt 4

eneo-Netzwerk Rekorder

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

Metaangaben

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