28
Schnelleinstieg Homepage- Baukasten

Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

Schnelleinstieg Homepage-

Baukasten

Page 2: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

2

INHALT

SCHNELLEINSTIEG HOMEPAGE-BAUKASTEN .................................. 1

WAS KANN DER HOMEPAGE-BAUKASTEN? .......................................... 3

FÜR WEN IST DER HOMEPAGE-BAUKASTEN GEEIGNET? ....................... 4

AKTIVIERUNG UND NUTZUNG DES HOMEPAGE-BAUKASTEN .................. 4

Wie melde ich mich beim Homepage-Baukasten an? ............................................ 4

ERKLÄRUNG DER MENÜPUNKTE ........................................................ 6

WEBSEITE MIT INHALT BEFÜLLEN ...................................................... 11

Gestaltung der Startseite ............................................................................... 11

Kontaktseite einrichten .................................................................................. 13

Anlegen und Verwalten eines Blogs ................................................................. 15

Speisekarte und/oder Leistungsverzeichnis anlegen ............................................ 16

WIDGETS REFERENZEN .................................................................... 17

DOMAINS DEM HOMEPAGE-BAUKASTEN ZUORDNEN ........................... 22

SEO, SITEMAP & ANALYSEN ............................................................. 23

Google Analytics .......................................................................................... 23

Google Sitemap ........................................................................................... 24

Webseite bei Google anmelden ....................................................................... 24

SEO Einstellungen ...................................................................................... 25

WICHTIGE LINKS .............................................................................. 28

Page 3: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

3

Hallo lieber Kunde und herzlichen Willkommen!

Sie haben Ihr Kundenkonto erfolgreich aktiviert und sind nun zum ersten Mal im

Kundeninformationssystem (KIS) eingeloggt. Sofort möchten Sie loslegen und die wichtigsten Dinge

einrichten. Dabei möchten wir Sie mit dieser Anleitung unterstützen. Wir gehen bei dieser Anleitung

davon aus, dass Sie bereits eine Domain bestellt oder transferiert haben.

Es wird in dieser Anleitung und auch im Kontakt mit unserem Support zur Navigation im KIS immer

wieder die Rede von “ Produktverwaltung - Webhosting - Konfigurieren…” sein. Diesen

Menüpunkt finden Sie wie folgt:

Anschließend finden Sie auf der rechten Seite das Menü Ihres Webhosting-Pakets.

Folgende grundlegende Funktionen stehen Ihnen zur Verfügung:

Administrationsbereich für die Erstellung Ihrer neuen Webseite

Domainverwaltung

E-Mail-Verwaltung

Wir gehen in diesem Dokument auf die o.g. Punkt ein. Weitere Informationen und Hilfeartikel finden

Sie in der Rubrik „wichtige Links“.

WAS KANN der Homepage-baukasten?

Der Homepage-Baukasten ist ein modulares System zum Erstellen einer eigenen Webseite. Sie

benötigen keine Vorkenntnisse im Bereich Programmierung oder Webdesign. Die Bearbeitung erfolgt

ausschließlich über den Browser und größtenteils per „Drag & Drop“. Es stehen Ihnen zahlreiche

Vorlagen (Templates oder Themes) sowie bis zu 28 Widgets (Module oder Komponenten) zur

Verfügung.

Page 4: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

4

Für wen ist der Homepage-Baukasten geeignet?

Als Zielgruppe kann man klar den Anwender nennen, der bisher keine oder wenig Erfahrung mit der

Erstellung von Webseiten sammeln konnte. Hierzu können Existenzgründer, kleine Vereine oder auch

mittelständische Unternehmen gehören die sich die Kosten für eine aufwendige, durch externe

Agenturen erstellte, Webseite sparen möchten.

Aktivierung und Nutzung des Homepage-Baukasten

Um den Homepage-Baukasten nutzen zu können, müssen Sie diesen zunächst aktivieren. Die

Aktivierung ist jederzeit unter dem folgenden Menüpunkt möglich:

„Produktverwaltung - Webhosting - Konfigurieren - Allgemeines - Homepage-Baukasten“

Hier wird Ihnen beim ersten Login ein Hinweis angezeigt, dass der Homepage-Baukasten noch nicht

aktiviert wurde und dieser Schritt noch durchgeführt werden muss.

Sie werden automatisch zum Addon-Admin weitergeleitet, in welchem Sie den Homepage-Baukasten

final aktivieren können.

Wie melde ich mich beim Homepage-Baukasten an?

Hier gibt es zwei Möglichkeiten. Wenn Sie bereits im KIS eingeloggt und unter dem Menüpunkt

„Produktverwaltung - Webhosting - Konfigurieren - Allgemeines - Homepage-Baukasten“ sind

(wie auf Seite 3 beschrieben), dann befindet sich ganz rechts der Button „Anmelden“. Wenn Sie auf

diesen klicken, gelangen Sie direkt in den Administrationsbereich des Homepage-Baukastens.

Page 5: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

5

Wenn Sie die Webseite nicht selbst erstellen wollen, sondern dies ein Dritter für Sie vornehmen soll,

können Sie im KIS ein separates Passwort für den Homepage-Baukasten festlegen. So müssen Sie

nicht zwingend die Zugangsdaten für das KIS herausgeben, über welches ja Produkt-, Service- und

Domainbestellungen möglich sind.

Punkt 1 ist der Login / Benutzername für den externen Entwickler. Dieser ist fest von uns vorgegeben.

Bei Punkt 2 geben Sie das Passwort ein, welches Sie nutzen möchten (bitte verwenden Sie hier nicht

das KIS oder E-Mail-Passwort, da Sie dieses an externe Personen weitergeben). Bei Punkt 3

speichern Sie das Passwort.

Danach kann der externe Entwickler sich auf folgender Webseite mit der zugeteilten E-Mail-Adresse

für den Login und dem von Ihnen gewählten Passwort einloggen:

http://www.webbuilder.hosteurope.de/

Wenn Sie sich das erste Mal im Homepage-Baukasten anmelden, sehen Sie die Template-Auswahl

mit den zur Verfügung stehenden Templates.

Wählen Sie ein Template aus und klicken anschließend oben rechts auf „Vorlage verwenden“, um das

Template zu übernehmen.

Page 6: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

6

Erklärung der Menüpunkte

Nachdem Sie sich erfolgreich im Homepage-Baukasten angemeldet und eine Vorlage ausgewählt

haben, gelangen Sie in den Designbereich.

In der folgenden Grafik haben wir diesen Bereich in einzelne Bereiche eingeteilt:

Hier möchten wir Ihnen nun die einzelnen Menüpunkte erläutern:

Symbole von links nach rechts

Upgrades: Über diesen Menüpunkt können Sie die Vorlage ändern und sich zusätzlich ins KIS

weiterleiten lassen, um den Homepage-Baukasten upzugraden.

Hilfe: Durch einen Klick auf Hilfe öffnet sich ein Hilfemenü

Konto: Dieser Link führt Sie zu den Kontoeinstellungen

Abmelden: Durch Klick auf dieses Symbol melden Sie sich aus dem Designbereich ab.

Page 7: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

7

Symbole von links nach rechts

Inhalt hinzufügen: Über diesen Menüpunkt können Sie aus zahlreichen Widgets wählen und diese

auf der Webseite hinzufügen.

Bearbeiten / Vorschau: Dieser Menüpunkt ermöglicht Ihnen den Wechsel zwischen

Bearbeitungsmodus und Vorschau der erstellten Inhalte.

Anzeige / Display: Hier stehen Ihnen 3 Ansichten zur Verfügung, so dass Sie prüfen können, wie Ihre

Webseite auf den unterschiedlichen Endgeräten angezeigt wird.

Veröffentlichen: Über diesen Menüpunkt können Sie Ihre Webseite veröffentlichen. Dies müssen Sie

auch tun, wenn Sie Änderungen vorgenommen haben.

Undo / Redo: "Undo" ermöglicht die letzten Schritte rückgängig zu machen und "Redo" stellt diese

wieder her.

Der Menüpunkt Seiten im linken Menü zeigt Ihnen die bereits angelegten Seiten der Webseite an.

Ebenfalls können Sie dort den Punkt Blog sehen, sofern dieser angelegt wurde.

Page 8: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

8

Der Menüpunkt Bilder im linken Menü zeigt Ihnen die verfügbaren Bilder an. Sie können hier über

Hinzufügen weitere Bilder in Ihren Homepage-Baukasten laden, um diese später in der Webseite

einzubinden.

Der Menüpunkt Thema im linken Menü führt Sie zu der Vorlagenauswahl und ermöglicht, Ihre

gewählte Vorlage zu wechseln und zu individualisieren.

Vorlagen durchsuchen: Hier können Sie die gewählte Vorlage ändern

Farben: Hierüber können Sie die Farben ändern die mit Ihrer gewählten Vorlage verknüpft sind

Hintergrund: Hier können Sie die Art des Hintergrundes wählen. Ihnen stehen "Vollfarbe", "Verlauf"

sowie "Bild" zur Verfügung

Schriftarten: Über diesen Menüpunkt können Sie die Schriftarten, Schriftgrößen etc. der einzelnen

Bereiche bzw. Widgets editieren

Page 9: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

9

Der Menüpunkt Blog im linken Menü zeigt Ihnen den Verwaltungsbereich des Blogs.

Eintrag hinzufügen: Hierüber können Sie einen neuen Beitrag im Blog schreiben

Einträge: Hier sehen Sie alle bereits angelegten Beiträge des Blogs

Wordpress Import: Wählen Sie hier eine XML-Datei für den Import aus einem bestehendem

Wordpress Blog aus

Einrichtung: Hier können Grundeinstellungen wie "Sichtbarkeit", "Titel", "Zusammenfassung bzw.

Beschreibung" und "Beiträge je Seite" definiert werden.

Der Menüpunkt Menü im linken Menü bietet Ihnen die Option eine Speisekarte oder Ähnliches

anzulegen bzw. zu verwalten.

Ihr Menü: Erstellen und verwalten der Speisekarte etc.

Menü-Einstellungen: Wählen Sie hier die gewünschte Währung

Page 10: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

10

Unter dem Menüpunkt Verwalten können Sie die nachfolgenden Einstellungen vornehmen.

Seitenstatus: Hier sehen Sie ob die Webseite bereits veröffentlicht wurde und unter welcher Domain

diese erreichbar ist.

Profil: Hier können Sie ein persönliches Profil hinterlegen. Dieses beinhaltet das "Logo", "Name des

Unternehmens", "Schlagzeile", "Werbeslogan", "Beschreibung", "Urheberrecht", "PayPal E-Mail

Konto", "Währung" sowie zahlreiche Kontaktdetails, welche auf der Kontaktseite angezeigt werden.

Hierzu zählen z.B. E-Mail, Anschrift, Telefon, Twitter, LinkedIn", etc.

Favicon: Legen Sie hier Ihr Favicon ab, welches im Browser (Tab) angezeigt werden soll, wenn man

Ihre Webseite besucht.

Google Analytics: Hier können Sie die Webseite mit Google Analytics verknüpfen.

SEO: Mit SEO können Sie die Webseite für Suchmaschinen optimieren.

Weiterleitungen: Wenn Sie die Webseite überarbeitet haben und dabei bestehende durch neue

Unterseiten ersetzt haben, können Sie über Weiterleitungen, die bisherigen Links auf die neuen Links

weiterleiten.

Zurücksetzen : Hier können Sie die Webseite zurucksetzen. Alle Inhalte gehen dabei verloren, aber

Domain-Einstellungen bleiben erhalten.

Warnung: Dies kann nicht rückgängig gemacht werden!

Bilderalben: Sie können hier neue Bilderalben anlegen oder bestehende Bilderalben bearbeiten.

Page 11: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

11

Webseite mit Inhalt befüllen

Gestaltung der Startseite

Nachdem Sie sich bereits angemeldet haben und eine Vorlage ausgewählt haben, soll nun die

zukünftige Webseite mit Inhalt befüllen werden.

Nachfolgend werden wir anhand von Beispielen diese Schritte erläutern.

Als erstes kann/sollte der Headerbereich der Vorlage anpasst werden.

Klicken Sie dazu bitte einfach in das Feld (1), woraufhin sich das Menü "Charakterzug" auf der linken

Seite öffnet. Im Feld Kopfzeilen Text (2) kann eine Überschrift definiert werden und unter

Werbeslogan Text (3) können Sie einen passenden Slogan hinzufügen. Dieser wird anschließend im

Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den

Sie im linken Menü mit einen Link verknüpfen können. Dabei haben Sie die Wahl, ob dieser eine

interne Seite oder ein externe Webseite aufrufen soll. Weiterhin können Sie diesen Button auch mit

einer E-Mail-Adresse verknüpfen. Über den Menüpunkt Stil (5) können Schriftart, Schriftgröße, Farbe

und

weitere Attribute des Textfeldes definiert werden. Um Ihre Änderungen zu übernehmen, klicken Sie

bitte auf Sichern (5).

Page 12: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

12

Klicken Sie nun oben links auf Inhalt hinzufügen, ziehen das gewünschte Widget an die gewünschte

Stelle und legen es dort ab.

Verwenden Sie hier bitte das Widget Spalten, um z.B. 4 Spalten anzulegen.

Anschließend können Sie entscheiden, wie viele Spalten Sie nutzen möchten. Wir entscheiden uns

hier für 4 Spalten.

Sie sehen nun 4 Spalten, die jeweils durch eine gepunktete Linie dargestellt werden. In diese 4

Spalten können Sie nun Widgets Ihrer Wahl platzieren.

Page 13: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

13

Kontaktseite einrichten

Auf Ihrer neuen Webseite kann auch eine Kontaktseite anlegt werden, die es Besuchern ermöglicht,

Kontakt zu Ihnen aufzunehmen.

Dazu legen Sie eine neue Unterseite an. Sie klicken dazu bitte im linken Menü auf Neue Seite /

Neuer Ordner (1), entscheiden, ob es sich um einen Ordner oder eine Seite handeln soll (2),

vergeben einen Seitentitel (3) und wählen den Seitentyp (4). Über den Menüpunkt Seite hinzufügen

(5) legen Sie die neue Seite / den neuen

Ordner an.

Page 14: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

14

Wechseln Sie nun bitte auf die neu angelegte Seite und fügen hier erneut das Widget Spalten ein. In unserem Beispiel (siehe Screenshot auf Seite 14) benötigen Sie diesmal 2 Spalten. Über den beiden angelegten Spalten kann ein Textblock (1) eingefügt werden. In der linken Spalte befindet sich nun das Formular (2) und in der rechten Spalte die Karte (3) und schon ist die neue Kontaktseite fertiggestellt.

Page 15: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

15

Anlegen und Verwalten eines Blogs

Mit dem Homepage-Baukasten können Sie auch einen Blog auf der Webseite betreiben. Mit einem

Blog haben Sie die Möglichkeit, die Besucher regelmäßig mit Neuigkeiten zu versorgen.

Bitte gehen Sie im linken Menü nun auf den Menüpunkt Blog und anschließend auf Einrichtung. Sie

sehen anschließend die Einstellungen des Blogs.

Unter Blog Sichtbarkeit (1) können Sie definieren, ob der Blog für die Besucher sichtbar sein soll.

Unter Titel (2) vergeben Sie einen Namen. Im Bereich Zusammenfassung (3) fügen Sie eine

Kurzbeschreibung des Blogs ein, während Sie unter Beiträge pro Seite (4) festlegen, wie viele

Beiträge (auch Einträge genannt) auf einer Seite angezeigt werden sollen. Mit Blog aktualisieren (5)

speichern Sie die Einstellungen.

Um Ihre Beiträge (Einträge) im Blog zu verwalten, wählen Sie den Menüpunkt Einträge aus. Hier

sehen Sie die bereits geschriebenen Beiträge und können diese durch einen Klick auf die Überschrift

des Beitrags bearbeiten.

Im Bearbeitungsmodus des Beitrags können Sie dann den Text oder die Überschrift ändern, eine

kurze Zusammenfassung und auch ein Bild definieren. Weiterhin haben Sie die Optionen, dem Beitrag

eine Etikette (Stichwort) zu geben oder einer Kategorie zuzuweisen. Durch Speichern bzw.

Veröffentlichen werden Ihre Angaben gesichert.

Sollten Sie bereits einen Blog in Form von Wordpress betrieben haben, können Sie unter dem

Menüpunkt Import diese Beiträge importieren. Dazu müssen Sie lediglich die Beiträge im Vorfeld aus

dem Wordpress Blog exportiert und diese als XML Datei gesichert haben.

Page 16: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

16

Speisekarte und/oder Leistungsverzeichnis anlegen

Der Homepage-Baukasten ermöglicht das Anlegen einer Speisekarte oder eines

Leistungsverzeichnis. Dies möchten wir hier näher erläutern. Am besten legen Sie im Vorfeld eine

Tabelle an, in der Sie die Gliederung definieren. In unserem Beispiel soll eine Speisekarte mit 3

Abschnitten angelegt werden.

Klicken Sie bitte im Hauptmenü links auf Menü, um Ihre Speisekarte einzurichten. Dann klicken Sie

auf Abschnitt hinzufügen (1) und tragen dann in den folgenden Feldern Ihre Daten ein:

Abschnitt Name hinzufügen (2): z.B. Vorspeisen

Beschreibung (3): z.B. Unsere leckeren Vorspeisen

Anmerkung (4): dieses Feld ist optional und wird Ihren Besuchern nicht angezeigt

Wenn Sie den Haken bei Aktiv (5) setzen, ist dieser Bereich der Karte für die Besucher sichtbar und

über Abschnitt speichern (6) sichern Sie diese Einstellungen.

Wiederholen Sie dies und legen noch 2 weitere Beispiel-Abschnitte „Hauptgerichte“ und

„Nachspeisen“ an.

Page 17: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

17

Wir haben nun 3 Abschnitte angelegt (1) (Vorspeisen, Hauptgerichte, Nachspeisen) und möchten

anschließend unter „Vorspeisen“ einen Artikel oder in diesem Fall ein Gericht hinzufügen.

Klicken Sie dazu bitte auf Fügen Sie einen Artikel hinzu (2) damit sich das oben zu sehende

Konfigurationsmenü öffnet. Tragen Sie nun unter Artikelnamen hinzufügen (3) und

Artikelbeschreibung hinzufügen (4) die entsprechenden Daten ein.

Geben Sie noch den Preis (5) ein. Nun können Sie entweder den Artikel speichern (7) oder nach

Bedarf Optionen (6) angeben

(Vegetarier, Vegan, Nussfrei, Glutenfrei, Milchfrei bzw. den Grad der Würzung).

Hinweis: Diese Optionen sind nicht veränderbar.

Sie können die Speisekarte bzw. das Leistungsverzeichnis anschließend mit den Widgets Menü bzw.

Menü Rubriken auf der Webseite einbinden.

Page 18: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

18

Widgets Referenzen

Nachfolgend finden Sie eine Auflistung der zur Verfügung stehenden Widgets sowie eine kurze

Erläuterung, wofür die jeweiligen Widgets genutzt werden können.

Bitte beachten Sie, dass es abhängig von der Ausbaustufe des Homepage-Baukastens möglich ist,

das Sie nicht alle Widgets verwenden bzw. sehen können.

Bitte klicken Sie, wie auf dem Screenshot zu sehen, auf den Menüpunkt Inhalt hinzufügen, um eine

Übersicht der verfügbaren Widgets zu erhalten.

Platzieren Sie ein Bild auf der Webseite.

Platzieren Sie einen normalen Text auf Ihrer Webseite.

Platzieren Sie eine Überschrift Ihrer Wahl auf der Webseite.

Verwenden Sie dieses Widget zum Einbinden einer Google Karte

Einfügen eines Kontaktformulars mit Absender und Textfeld

Page 19: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

19

Fügen Sie mit diesem Widget Ihre Telefonnummer auf der Webseite ein.

Binden Sie mit diesem Widget Ihr privates LinkedIn Profil auf der Webseite ein.

Binden Sie mit diesem Widget das LinkedIn Profil des Unternehmens auf der Webseite

ein.

Verwenden Sie dieses Widget, um Ihren Besuchern die Anmeldung an einem Event

oder einer Veranstaltung zu ermöglichen.

Dieses Widget ermöglicht Ihnen den Verkauf eines Artikels mit der Zahlart PayPal.

Mit diesem Widget können Sie Ihr YELP Profil auf der Webseite einbinden.

Binden Sie Ihr Twitter Profil auf der Webseite ein.

Dieses Widget zeigt den bekannten Facebook "Gefällt mir" Button auf Ihrer Webseite

an.

Page 20: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

20

Dieses Widget ermöglicht Ihren Besuchern einen Beitrag zu tweeten.

Mit diesem Widget binden Sie Disqus auf Ihrer Webseite ein.

Widget zur Erstellung eines Buttons mit Verlinkung.

Dieses Widget ermöglicht Ihnen die Einbindung einer Trennlinie auf der Webseite.

Dieses Widget ermöglicht Ihnen die Einbindung eines Freiraums / Leerraums auf der

Webseite.

Mit diesem Widget können Sie mehrere Spalten nebeneinander erzeugen und diese

mit zusätzlichem Inhalt befüllen.

Sie können HTML Skripte sowie Tags einfügen, um spezifische Funktionen zu der

Webseite hinzuzufügen.

Mit diesem Widget können Sie Videos von YouTube oder anderen Videoplattformen

einfach einbinden.

Page 21: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

21

Erstellt eine Slideshow, in welcher sich nach Ihren Vorgaben die Bilder automatisch

austauschen. Dabei stehen zahlreiche Optionen zur Verfügung, wie der Bilderwechsel

aussehen soll.

Zeigt Ihren Besuchern eine Galerie mit zahlreichen Bildern. Diese werden alle

zeitgleich angezeigt.

Ermöglicht Ihren Besuchern Dateien aus Ihrer Dropbox herunterzuladen.

Ermöglicht Ihren Besuchern Musik aus Ihrer Soundcloud herunterzuladen.

Mit diesem Widget können Sie einzelne Posts aus dem Blog an einer beliebigen Stelle

der Webseite anzeigen lassen.

Ein Widget, das Ihren Besuchern ermöglicht nach Blogbeiträgen zu suchen. Dieses

Widget kann an jeder Stelle auf der Webseite platziert werden.

Mit diesem Widget können Sie eine Speisekarte oder ähnliches auf der Webseite

erstellen und den Besuchern zur Verfügung stellen.

Dieses Widget zeigt Ihren Besuchern eine Übersicht der angelegten Rubriken an.

Page 22: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

22

Alle Widgets können bequem per Drag & Drop auf der Webseite platziert werden. Markieren Sie bitte

einfach das gewünschte Widget und ziehen dieses mit gedrückter Maustaste auf die Webseite.

Der Editor zeigt dann alle Positionen an, an denen dieses Widget platziert werden kann.

Domains dem HOMEPAGE-BAUKASTEN zuordnen

Die Domainzuordnung zum HOMEPAGE-BAUKASTEN erfolgt über das KIS. Bitte melden Sie sich im

KIS an und gehen über die Menüpunkte

Produktverwaltung - Ihr Produktbereich - Konfigurieren - Domains - Domainzuordnungen editieren

Wir empfehlen an dieser Stelle, die Domain erst zuzuordnen, wenn die Webseite fertiggestellt wurde.

Page 23: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

23

SEO, sitemap & Analysen

Google Analytics

Hier erklären wir Ihnen, wie Sie Google Analytics für die Analyse der Besucherzahlen nutzen können.

Bitte beachten Sie, dass zur Anbindung an Google Analytics einen Homepage-Baukasten Premium

benötigt wird!

Sofern Sie sich noch nicht bei Google Analytics angemeldet haben, können Sie dies unter

http://www.google.com/intl/de/analytics/ durchführen.

| Einrichtung im Homepage Baukasten Premium

Suchen Sie bei Google Analytics die "Website Profil ID" für die Domain, die Sie erfassen möchten. Die

ID ist eine Zeichenreihe im Format UA-XXXXXXXXX-X. Wenn Sie diese nicht finden, wenden Sie sich

bitte an den Support von Google.

Nun öffnen wir im Homepage-Baukasten links den Tab "Verwalten (1)" und klicken dann auf "Google

Analytics (2)":

Geben Sie die Google Analytics Website Profil ID im Bereich „Tracking ID” ein (3) oder alternativ

den Trackingcode im Bereich „Tracking-Script” (4). Sichern Sie abschließend Ihre Einstellungen

durch einen Klick auf Speichern (5).

Page 24: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

24

Google Sitemap

Bei der Veröffentlichung generiert der Homepage-Baukasten automatisch eine Sitemap.

Immer wenn Sie Ihre Website veröffentlichen, generiert der Homepage-Baukasten eine neue Sitemap.

Sie müssen nichts weiter tun, um Google oder anderen Suchmaschinen Zugriff auf Ihre Sitemap zu

geben.

Dies gibt Ihnen die gleichen SEO (Search Engine Optimization) Ergebnisse, wie die Google

Webmaster Sitemap Tools. Sie können die Sitemap jedoch weder einsehen noch bearbeiten.

Webseite bei Google anmelden

Um Ihre URL bei Google einzutragen, ist eine Anmeldung bei den Google Webmaster Tools

notwendig. Die Anmeldung selbst erfolgt dann z.B. unter http://www.google.de/addurl/. Beachten Sie

hierzu bitte folgenden Screenshot aus den Google Webmaster Tools:

Geben Sie Ihre volle URL in das entsprechende Feld ein, z.B. http://www.meinedomain.com und

klicken dann auf Antrag übermitteln.

Page 25: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

25

SEO Einstellungen

Was ist SEO?

SEO (Search Engine Optimization, zu Deutsch: Suchmaschinenoptimierung), steht für das Optimieren

von Websites für Google und andere Suchmaschinen. Wenn Sie Ihre Website optimieren,

unterstützen Sie Suchmaschinen dabei, die Website in den Suchergebnissen darzustellen. Das

Wichtigste dabei ist, dass die Seite relevante, wichtige Inhalte und Verlinkungen von und zu anderen

Seiten hat.

Grundsätzlich möchte natürlich jeder Betreiber einer Website, dass seine Seite in den oberen Rängen

der Google Ergebnisse stehen. Dies ist jedoch nur durch gute Inhalte, Optimierung und Verlinkungen

möglich. Wenn Sie möchten, dass Ihre Seite erfolgreich ist, erfordert dies ein Grundverständnis der

technischen Hintergründe. Google bietet dafür eine sehr gute Einführung in

Suchmaschinenoptimierung. (ca. 10 MB, PDF-Format). Hintergründe über die Art und Weise, wie

Google das Internet durchsucht, finden Sie unter Grundlagen zu Google.

Weitere Informationen dazu finden Sie bei Google unter:

http://www.google.com/support/webmasters/

Um SEO Einstellungen für Ihre Website vorzunehmen, klicken Sie im Homepage-Baukasten auf

Verwalten (1) und auf SEO (2).

Geben Sie nun in der Mitte der Seite den Titel (3) der Website, eine Beschreibung (4) und die

Stichwörter (Keywords) (5) ein und wählen die Sprache der Webseite (6).

Die Beschreibung ist der Text der in den Google Ergebnissen erscheint.

Klicken Sie auf Speichern (7), wenn Sie Ihre Einstellungen vorgenommen haben.

Page 26: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

26

SEO für einzelne Seiten

Um SEO Einstellungen für einzelne Seiten vorzunehmen oder um die Suchergebnisse für Ihre Seite

weiter zu verbessern, wechseln Sie auf Seiten (1) und klicken neben der entsprechenden Seite auf

das Zahnrad (2).

Geben Sie den Titel (1), die Schlüsselwörter (2) sowie eine

Beschreibung (3) für diese Seite ein. Verwenden Sie eine Reihe

an Begriffen, die im Text der Seite auftauchen und die sich vom

Inhalt anderer Seiten unterscheiden. Schließen Sie die Eingabe

mit Speichern (4) ab.

WICHTIG: Sie müssen die Website erneut Veröffentlichen,

damit die Änderungen wirksam werden!

Page 27: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

27

Häufig gestellte Fragen

Kann ich den Homepage-Baukasten mit einer eigenen Domain verwenden?

Ja, Sie können Ihre Homepage-Baukasten Website jede Domain zuweisen, die unter Ihrer

Kundennummer verwaltet wird. Mehr Informationen dazu finden Sie hier.

Mit welchen Browsern funktioniert der Homepage-Baukasten Website-Editor?

Websites, die mit Homepage-Baukasten erstellt wurden, funktionieren in allen modernen Browsern.

Für den Betrieb des Website-Editors empfehlen wir die aktuellste Version von Firefox, Safari oder

Chrome. Die Verwendung des Internet Explorers 8 und 9 wird nicht empfohlen. IE 7 und frühere

Versionen werden vom Support nicht unterstützt. Auch Opera wird nicht unterstützt.

Habe ich Zugriff auf HTML/CSS in Homepage-Baukasten?

Sie können HTML mit Hilfe des Text Editors bearbeiten. CSS kann per Hand oder mit den

eingebauten Kontrollern bearbeitet werden.

Wird SSL unterstützt?

Nein, eine verschlüsselte Datenübertragung wird nicht unterstützt.

Kann ich eine Homepage-Baukasten Website runterladen und diese auf einem eigenen Server

betreiben?

Nein, das ist nicht möglich.

Kann ich eigenen JavaScript Code verwenden?

Sie können JavaScript beim Homepage-Baukasten Premium benutzen, der geschrieben wurde, um

eingebettet in einer Seite zu funktionieren. Das heißt, Sie können JavaScript aus beliebten Seiten wie

YouTube kopieren und im Homepage-Baukasten verwenden. Wir unterstützen aber keine JavaScript

SDKs und unterstützen auch nicht die Verwendung des Homepage-Baukastens als JavaScript

Entwicklungsumgebung. Wir können keine Hilfe bei nicht von uns erstelltem JavaScript anbieten.

Unterstützt der Homepage-Baukasten das Facebook JavaScript SDK?

Nein.

Unterstützt der Homepage-Baukasten Google Analytics?

Ja, allerdings nur im Homepage-Baukasten Premium. Sie können Ihre Google Analytics ID mit Ihrem

Homepage-Baukasten verbinden, und Analysedaten automatisch empfangen. Mehr Informationen

dazu finden Sie hier.

Wie groß darf eine einzelne Seite im Homepage-Baukasten sein?

Dies ist nur durch den zur Verfügung stehenden Speicherplatz begrenzt. Die Anzahl der Seiten ist

beim Homepage-Baukasten Basic auf 5 begrenzt. Ab dem Homepagebaukasten Premium ist die

Seitenanzahl auf 100 begrenzt. Wenn Sie eine Homepage mit vielen Seiten erstellen möchten, sollten

Sie besonderes Augenmerk auf die Struktur legen und eine entsprechende Navigation planen.

Page 28: Schnelleinstieg Homepage- Baukasten...Header der Webseite angezeigt. Unter diesen beiden Zeilen sehen wir aktuell einen Button (4), den Sie im linken Menü mit einen Link verknüpfen

28

WICHTIGE LINKS

Erläuterungen zum Homepage-Baukasten 3.0

Wie kann ich E-Mailadressen und E-Mailkonten anlegen?

Konfiguration gängiger Mailprogramme

Wie kann ich eine Weiterleitung einstellen ?

Wie richte ich eine Abwesenheitsnotiz (Autoresponder) ein?

Wir würden uns freuen, wenn Ihnen diese Anleitung den Einstieg mit Ihrem neuen Produkt erleichtert hat und bestehende Fragen geklärt werden konnten.

Für weitere Anfragen stehen wir Ihnen gerne über [email protected] oder telefonisch unter 0800 467 8387 zur Verfügung.