Eine gute Seitenstruktur
ist die halbe Website

Jede Website hat eine Seite, die als erstes aufgerufen wird, die so genannte Startseite (Home oder Homepage). Sie dient als Aushängeschild und ist die Eingangstür einer Website. Der Startseite können beliebig viele Seiten zugefügt werden. Mit der Startseite verraten Sie Ihren Besuchern, von wem die Website ist, um was es geht, in welchem Ort / in welcher Region Sie Ihr Angebot anbieten. Die Startseite vermittelt einen ersten Überblick über den Inhalt der Website, außerdem soll sie Neugier wecken.....

Die Homepage einer Website wird auch als Indexseite, Einstiegsseite, Hauptseite oder Startseite (Home) bezeichnet. Eine Website besteht aus der Homepage und aus den Webseiten mit ihren Inhalten.

Surfen Sie, bevor Sie sich an das Konzept Ihrer neuen Website machen, einige Zeit im Internet und besuchen Sie Webseiten von anderen kreativen Menschen. So werden Sie gut informiert, erhalten neue Ideen und sehen schnell, was man vielleicht besser machen kann...

Vertrauen Sie meiner Erfahrung im Bereich der Webgestaltung!

Benutzen Sie für die Texte ein einfaches Textprogramm, damit Sie jederzeit Veränderungen im Text ohne großen Aufwand vornehmen können. Verzichten Sie auf aufwendige Formatierungen, wie Spalten, Tabellen oder bestimmte Schriftarten.
Strukturieren Sie die Texte, versuchen Sie eine Überschrift (Titel) für jede Seite zu finden. Halten Sie Ihre Texte möglichst kurz und knapp, schreiben Sie in einer einfachen klaren Sprache. Lassen Sie überflüssige Informationen weg, bringen Sie Ihre Informationen auf den Punkt.

---

Erstellen Sie für jeden Menüpunkt (jede Seite) eine gut strukturierte Textdatei mit Überschriften, Absätzen und eventuellen Aufzählungen.

---

• Wie viele (Web)Seiten kommen zusammen?
• Benötigen Sie eine Galerie?
• Wie viele Kategorien soll Ihre Galerie enthalten?
• Was möchten Sie dort zeigen?
• Planen Sie eventuell einzelne Webseiten selbst zu bearbeiten und zu aktualisieren? (CMS System)
• Werden Sie diese Funktion mit Sicherheit nutzen?
• Überlegen Sie genau, welche Seiten Sie dafür aussuchen.

Stellen Sie sich eine Website wie ein Buch, wie eine Broschüre vor. Angefangen mit der ersten Seite (Startseite), kommen weitere Seiten hinzu.
So viele Seiten, wie es Ihr Inhalt hergibt. Nehmen Sie sich einfache DIN A4 Blätter und beschreiben Sie jedes Blatt mit einer Seitenüberschrift und dem weiteren Inhaltstext. Gegliedert mit Überschriften, Absätzen, Aufzählungen …

Die Startseite als Einstiegsseite der Website kann immer auch etwas besonderes enthalten, wie zB ein größeres Bannerbild (Headerbild), oder ein optisch gut gemachter Überblick über das, was dem Besucher auf der Website erwartet. Dieser Part kommt aber immer erst später, mit der Gestaltung der Website durch mich. Schreiben Sie alle Ihre Ideen auf und sortieren später Ihre Arbeitsblätter ……….. wenn die Struktur einigermaßen feststeht, schicken Sie mir die einzelnen Blätter, übertragen in Textdateien, per E-Mail zu. Ich sorge dann für eine ansprechende und technisch saubere Aufteilung …

Schicken Sie mir Ihre Textdateien und vorhandene Bilder/Fotos als Anhang in einer E-Mail (gerne in mehreren E-Mails), per CD, USB-Stick, oder laden Sie die Daten im schauWEB Kundenbereich hoch.

• Texte im Format TXT, als RTF-Datei oder auch als Word-Datei.
• Fotomaterial, wenn möglich, im JPG Format.

Bitte geben Sie den Bilddateien aussagekräftige Dateinamen.
Sehr hilfreich ist auch eine Nummerierung der Bilddateien, wie 01, 02, 03, usw.
Bitte benutzen Sie keine Umlaute, Sonderzeichen oder Leerzeichen im Dateinamen.
Vorschlag (Beispiel) für Dateinamen: 01_mein_bild_oel.jpg, oder 01-mein-bild-oel.jpg.

Ich verbinde Ihren Inhalt mit dem Design. Dann ist die Zeit gekommen, um gegebenenfalls gemeinsam Veränderungen im Text, der Informationsstruktur und am Design vorzunehmen. Eine Website muss sich entwickeln!

Um möglichst eine gleichbleibende Farbwiedergabe zu bekommen, ist es technisch sinnvoll, mit bestimmten Farbtönen zu arbeiten.
Schauen Sie sich auf der "HTML Color Codes-Website" die Farben an HTML color codes
Bei Bedarf wählen Sie einfach gewünschte Farbtöne aus und senden mir die dazugehörige Farbnummer.

Grundsätzlich können Sie sich auf mein gutes Farbgefühl verlassen!
Wir besprechen immer vorab vorhandene Farbwünsche und Vorstellungen.

So ganz ohne Bilder, wie Grafiken oder Fotos, kommt eine moderne Website heutzutage kaum aus. Natürlich muss bei der Gestaltung dabei berücksichtigt werden, das sich die Darstellung einer Website auf dem Handy stark auf das Wesentliche reduziert: Auf den Inhalt!

Achten Sie bei der Bildauswahl auf geeignete Formate. Gut geeignet sind meist waagerechte Formate, auch gerne etwas schmaler, wenn man auf einer Website mit Bildern im oberen Bereich arbeiten möchte. (Sogenannte Header- und Banner Bilder)
Geeignete Ausschnitte auswählen gehört selbstverständlich zu meiner Arbeit als Webgestalter.

Die Bildgröße liegt pauschal bei maximal 1500 Pixel (ca. 53 cm) in der Breite. Kleiner geht es immer, aber damit die Qualität nicht leidet, sollten Bilder immer in einer maximalen Größe vorliegen. Zu kleine Bilder lassen sich ohne sichtbaren Qualitätsverlust nicht vergrößern.

Zusammen gefasst:

• Bilder/Fotografien lieber etwas größer, als zu kleine Formate. Verkleinern geht immer, aber umgekehrt ist es meist schwierig, ohne einen sichtbaren Qualitätsverlust der Bilder.
• Fotomaterial, wenn möglich, im JPG Format.

Bitte geben Sie Ihren Bilddateien gerne aussagekräftige Dateinamen.
Sehr hilfreich wäre auch eine Nummerierung der Bilddateien, wie 01, 02, 03, usw.
Bitte benutzen Sie keine Umlaute, Sonderzeichen oder Leerzeichen im Dateinamen.
Vorschlag (Beispiel) für Dateinamen: 01-mein-bild.jpg, oder 01-mein-bild-banner.jpg.

Kein Problem, wenn Ihnen das alles nicht viel sagt. Es sind nur Tipps und Hinweise. Mit meiner jahrelangen Erfahrung im Rücken, bekommen wir immer etwas gutes hin.

Drei wichtige Punkte bei der Gestaltung im Responsive Webdesign:

1. Der Content-Bereich muss für Besucher ohne horizontales Scrollen oder zoomen lesbar sein
2. Links müssen so weit voneinander entfernt platziert sein, sodass sie bequem mit dem Finger zu bedienen sind
3. Der Text muss ohne Zoom lesbar sein

Ab April 2015 werden von mir alle Webseiten in der Technik des Responsive Webdesign erstellt.

Responsive Webdesign benötigt moderne Browser!
Der Internet Explorer gehört schon lange nicht mehr dazu.
Ab Januar 2016 werden die IE-Versionen 7, 8, 9 und 10 von Microsoft nicht mehr unterstützt. Lediglich der Internet Explorer 11 wird hinsichtlich der Sicherheit noch gepflegt. Der IE11 ist in Windows 8.1 und 10 noch enthalten.

Es wird daher von mir, bei der Erstellung von Webseiten, keine Unterstützung mehr für den Internet Explorer in den Versionen 7, 8, 9 und 10 von Microsoft geben. Ich rate Ihnen, wenn Sie aus nachvollziehbaren (!?) Gründen beim Internet Explorer bleiben müssen, mindestens die Internet Explorer Version 11 zu nutzen. Mit Windows 10 ist 2015 ein neuer Webbrowser von Microsoft veröffentlicht worden: Microsoft Edge.
Edge löst den Internet Explorer ab. Mit Edge wagt Microsoft einen Neuanfang. Das Programm agiert unter Windows 10 als Standard-Browser, der im Vergleich zum IE etwas schlanker wirkt.

Es gibt viele Alternativen zum Internet Explorer und Edge von Microsoft: Firefox, Google Chrome, Opera, Safari von Apple, oder auch Vivaldi.

Einfach über ihren Webbrowser Teile der eigenen Website selber managen?
Kein Problem mit einem Content-Management-System (CMS).

Die von mir eingesetzten, besonders kompakten, Web Content-Management-Systeme (CMS) ermöglichen Ihnen auf Wunsch ein äußerst einfaches Editieren von Webseiten.

Neben ausreichend guten und möglichst einmaligen Texten und einem guten Design spielt auch die Technik „hinter“ der Website eine wichtige Rolle. Suchmaschinen bewerten nicht nur Gestaltungs- und Textqualität, sondern prüfen auch die eingesetzte Technik bei einer Website.
Zum Beispiel:

• Wie schnell antwortet der Server Ihres Hosting-Anbieters auf eine Anfrage?
• Wie schnell wird Ihre Website angezeigt?
• Sind Fotos und Grafiken ausreichend optimiert?
• Gibt es Fehler beim durchsuchen Ihrer Seiten durch Google?

All dies und noch viele andere kleine Optimierungen machen das Gesamtergebnis aus. Meine erstellten Webseiten haben überdurchschnittlich gute Werte bei der SEO Überprüfung - zum Beispiel durch seobility - und stehen Ergebnissen von großen Agenturen in nichts nach. Ebenfalls wichtig, aber schwerer umzusetzen, ist die OffPage-Optimierung (OffPage = Erklärung oben). Gemeint sind hier die externen Links von anderen Webseiten, die auf Ihre Website verweisen. Diese externen Verlinkungen spielen eine große Rolle, um die Bekanntheit der eigenen Website bei Google zu erhöhen.

*Sitemap
Unter einer Sitemap versteht man die vollständige hierarchische Darstellung der Seitenstruktur einer Website. Jede von mir erstellte Website enthält selbstverständlich eine Sitemap, die für Suchmaschinen wichtige Websites Metadaten-Informationen des Webauftritts liefern.
Mit einer Sitemap stellt man auf seiner Website eine so genannte XML-Datei zur Verfügung, welche die Seiten der Website und einige Metadaten (letzte Aktualisierung, Änderungshäufigkeit, Relevanz, etc.) enthält, so dass die Suchmaschinen den Webauftritt leichter durchsuchen können. Ziel dieser Suchmaschinenoptimierung (SEO) ist eine Verbesserung der Suchresultate.

Suchmaschinenoptimierung fängt bei den Inhalten, der Pflege der Website und der Technik der Webseiten an. Alle von mir erstellten Websites haben überdurchschnittlich gute Werte in allen Bereichen, einschließlich der technischen Suchmaschinenoptimierung (SEO). Mehr zum Thema gerne in einem persönlichen Gespräch, oder lesen Sie meinen Beitrag "saubere Arbeit" bei den Fragen und Antworten meiner Webgestaltung.

Die meisten Browser (Chrome / Firefox / Safari) zeigen an, wenn "Ihre Website / Verbindung" nicht sicher ist. Dieser Hinweis verunsichert natürlich, bedeutet aber nicht mehr, als der Hinweis darauf, das Ihre Website nicht über eine SSL Verschlüsselung verfügt.

Eine SSL-Verschlüsselung (SSL Zertifikat)
ist für Unternehmen Pflicht.
Eine SSL-Verbindung (Secure Socket Layer) ist eine verschlüsselte Netzverbindung zwischen einem Server und einem Client (Browser).
Im Internet werden unterschiedliche Verschlüsselungsverfahren eingesetzt. Das derzeit gängige und empfohlene ist das „Transport Layer Security (TLS)“-Verfahren (auch bekannt unter der älteren Bezeichnung „Secure Sockets Layer (SSL)“). Dieses Verfahren wird ständig aktualisiert, da Verschlüsselungsverfahren mit der Zeit Schwächen offenbaren und von Unberechtigten entschlüsselt werden können.

SSL wird zum Standard
Für private Webseiten eigentlich nicht nötig, sondern hauptsächlich gedacht für Webseiten, wo es Kreditkartendaten oder Kundendaten zu holen gibt, wie im Bereich des Online-Banking, oder bei Shops. Dort macht eine SSL-Verbindung sehr viel Sinn und kann in Bezug auf Kundenschutz auch durchaus nachvollzogen werden. Das heißt, die Website muss sicherstellen, dass auf allen Wegen der Dateneingabe der Kunde sicher sein kann, dass ihm kein Schaden durch Dritte zugefügt wird.

Wie ist die Rechtslage?
In Paragraph 13, Absatz 7 des Telemediengesetzes (TMG) ist für Betreiber von geschäftlichen Webseiten geregelt, dass die Übermittlung personenbezogener Daten (z.B. bei Kontaktformularen) durch ein anerkanntes Verschlüsselungsverfahren gesichert sein muss.
Nach aktuellem Stand (Januar 2018) sind private Blogs und Webseiten noch von der Pflicht ausgenommen.
Wirksam ist der §9 aus dem Bundesdatenschutzgesetz bereits seit 2003.
Ab dem 25. Mai 2018 tritt die Datenschutz-Grundverordnung (DSGVO) in Kraft. Dann ist SSL für alle Formulare (z. B: Kontaktformulare, Bestellformulare uvm.), sowie die Newsletteranmeldung und Online-Shops gesetzlich vorgeschrieben.

Mein Fazit
Um sicher zu gehen und Unannehmlichkeiten zu vermeiden, empfehle ich allen privaten Websites ohne SSL den Verzicht auf Kontaktformulare. Alle "geschäftlichen" Websites sei eine SSL Verschlüsselung dringlichst angeraten.

Update 2020
Ich empfehle nun allen Webseiten eine SSL Verschlüsselung, da auch Google Websites ohne SSL schlechter bewertet.

Sprechen Sie mich einfach an, wenn Sie Fragen zum Thema haben. Viele Hosting Anbieter (Beispiel Strato) bieten eine SSL Verschlüsselung kostenlos an. (Für eine einzelne Website, weitere Verschlüsselungen sind dann kostenpflichtig). Alle neu erstellten Webseiten, die über die Hosting-Anbieter Strato oder 1&1 laufen, stelle ich bereits auf diese neue Verschlüsselungsform ein. Bei anderen Anbietern muss diese Möglichkeit erfragt werden, wenn erwünscht.

ACHTUNG
Bei einer Umstellung auf SSL sind kleine, aber wichtige Änderungen an der Website nötig, daher geben Sie mir unbedingt bekannt, wenn Sie eine Umstellung auf SSL planen. Auch ist auf eine richtige Einstellung beim Anbieter zu achten.

Was ist ein Browser?
Der Browser ist ein Computerprogramm, das genutzt wird um Webseiten im Internet betrachten zu können. Beliebte Browser sind zum Beispiel Firefox, Google Chrome, Microsoft Edge und Safari von Apple. Diese genannten Browser können in verschiedenen Versionen vorliegen, abhängig vom verwendeten Computer Betriebssystem. Es ist immer ratsam, die aktuellste Version eines Browsers zu nutzen.

Schauen Sie sich die sichtbaren Bedienelemente eines Browser an.
Die wichtigsten Bedienelemente sind: Adresszeile, sowie die Symbole "Zurück", "Vorwärts", "Neu laden" und auch "Stopp".
Je nach Browser unterscheidet sich der Sitz der Symbole, jeder Browser ist von der Aufmachung etwas anders, aber vom Prinzip her arbeiten alle Browser gleich und sind somit ähnlich bedienbar.

Beim Erstellen einer Website, oder bei Änderungen an einer Website kann es vorkommen, das Ihr Browser Ihnen nicht die aktuelle und richtige Darstellung Ihrer Website präsentiert. Dann kommt das wichtige Symbol "Neu laden" ins Spiel ..........

Kurze vereinfachte Erläuterung:
Ein Browser speichert jede besuchte Website im Cache (Gedächtnis) ab.
Beim nächsten Besuch wird die Seite aus dem Cache geladen.
Nun kann es vorkommen, je nach Browser oder Betriebssystem, das ein Browser Aktualisierungen auf einer Website nicht mitbekommt, da ein Browser immer große Teile einer Website aus dem "Gedächtnis" holt ........ gerade wenn man seine eigene Website oft besucht ............. dann muss man das Symbol "Neu laden" anklicken. Dadurch wird die Website im Browser aktualisiert und somit der aktuelle Stand angezeigt.