zum Inhalt
 

FAQ zu Grundlegendem

Ich habe eine Homepage in Responsive Design. Was muss ich bei der Pflege beachten?

Sie sind Webseitenbetreiber, Webmaster und Redakteur einer skalierbaren Homepage, die sich automatisch an verschiedene Geräte anpasst? DENKEN SIE UM!

Webseitenbetreiber, die neben der normalen Homepage gleichzeitig eine speziell angepasste Mobilversion betreiben, müssen umdenken. Denn jeder Inhalt, den sie veröffentlichen, soll sowohl auf dem PC als auch auf dem Smartphone gut aussehen.

Wir reden hier von Responsive Design, wo die Inhalte nur an einer Stelle veröffentlicht werden, obwohl sie auf allen Geräten (PC, Tablet, Smartphone) angepasst erscheinen. Den Rahmen haben wir Ihnen dazu schon erfolgreich angepasst. Ihr Teil ist nun, alle nachfolgend eingebauten Inhalte ebenfalls zu optimieren.

Einiges an Arbeitsaufwand und Mühen nehmen wir (und unser CMS) Ihnen ab, zum Beispiel lösen wir für Sie das Problem mit den unterschiedlichen Bildgrößen. So sorgen wir dafür, dass auf dem Smartphone automatisch ein kleineres und ladezeitfreundliches Bild an der Stelle eingebaut wird, wo auf dem PC ein großes Bild ist.

Folgende Dinge können Sie selbst tun.

Tipps zur Pflege von Responsive-Webseite:

  • Fließtext
    Mit einfachem Fließtext gibt es grundsätzlich keine Anpassungsprobleme. Der Text fließt einfach in die verschiedenen Gerätebreiten ein. Vorausgesetzt, Sie haben keine erzwungenen Zeilenumbrüche verwendet oder zumindest nur dort, wo Sie einen neuen Gedanken (weicher Umbruch) oder Absatz (harter Umbruch mit Leerzeile) begnnen.
  • Vernünftige Textmenge auf einer Seite:
    Auf dem Smartphone ist der Text natürlich viel länger. Deshalb sollten Sie über die Textmengen nachdenken und ggf. Text in mehrere Seiten aufteilen. Alternativ können Sie unsere tolle Klappfunktion nutzen, mit der die Nutzer auf die H2-Überschriften klicken und damit den Inhalt aus- und zuklappen (so wie es früher bei Wikipedia war). Wir leiten Sie gern dazu an.
  • Abstände:
    Erzeugen Sie Abstände nicht mit Leerzeichen (z.B. um Inhalt unter ein Bild zu platzieren), da dies auf dem Smartphone zu häßlichen Lücken führt. Dafür bieten wir andere Möglichkeiten, die wir Ihnen gern aufzeigen. Sprechen Sie uns an!
  • H2-Überschriften zum Aus- und Einklappen eines Absatzes:
    Wir haben für unser CMS etwas Innovatives entwickelt: Eine automatische Klappfunktion, die an H2-Überschriften gekoppelt ist. Lange Texte werden  auf dem Smartphone erst mit Klick auf die jeweilige Überschrift geladen! Sie können wählen, ob Sie diese Funktion für Ihre Smartphoneansicht aktivieren wollen oder nicht. Wenn Sie die Klappfunktion nutzen, verwenden Sie Überschriften der zweiten Ordnung (H2) nur für Unterüberschriften und nicht zum sonstigen Hervorheben von Text. Wir leiten Sie gern dazu an.
  • Sperrende Inhalte:
    Sperrende Inhalte wie Tabellen müssen ggf. gesondert behandelt werden. Dafür bietet unser CMS die Möglichkeit, speziell optimierte Inhalte auf Smartphone und PC getrennt anzubieten. In der Praxis heisst das bei manchen Tabellen, dass man sie in zwei Versionen einpflegen muss. Wir leiten Sie gern dazu an.
  • Nachfolgende Kontrolle:
    Prüfen Sie alle Änderungen nicht nur auf dem Desktop-PC, sondern auch auf dem Smartphone.

Motivationsschub:
Auch wenn es erst mal nach mehr Arbeit klingt, sollte Sie das nicht frustrieren, sondern motivieren. Denn Sie tun etwas Wichtiges, Sie gehen mit der Zeit und bieten angepasste, nutzerfreundliche Inhalte an. Damit haben Sie die Nase vorn. Somit sollte die Motivation für die Mehrarbeit locker drin sein. Zudem beschäftigen Sie sich eingehender mit Ihren Inhalten und deren Darstellung und denken genauer darüber nach. Dies kommt den Inhalten im Allgemeinen zugute.

zurück zu den Fragen

  
  
Barrierefreiheit Optionen ( erneutes Öffnen über die Tasten: Shift + b ) Barrierefreies Menü öffnen Zum Seiteninhalt springen Zur Fußzeile springen
Modus für Sehbehinderte aktivieren Nachtmodus aktivieren Alle Bilder ausblenden Mauszeiger vergrößern Lesbare Schrift aktivieren Überschriften hervorheben Hyperlinks hervorheben
Barrierefreies Menü ( erneutes Öffnen über die Tasten: Shift + m ) Homepage 1. Webagentur 1.1. Über uns 1.2. Das lilac-media-Team 1.3. Mehr als 20 Jahre - Firmenchronik 1.4. Nachhaltigkeit und Engagement 1.5. Unser Blick auf's Ganze 1.6. Wir möchten Sie kennenlernen 1.7. Kontakt 1.8. Anfahrt 2. Website-Erstellung 2.1. Homepageerstellung vom Profi 2.5. Konzeption 2.6. Webdesign – wir gestalten Ihre Homepage 2.7. Redesign und Relaunch 2.8. Texte für Ihre Homepage 2.10. Rechtliches und DSGVO 2.11. Was kostet eine Website? 2.12. Website-Erstellungspreis Kalkulator 2.13. Website-Pflege 2.14. Das Lilac-cms 2.19. Jobs-Modul 2.20. Barrierefrei Bedien-Panel 4. Programmierung 4.1. Websoftware programmieren lassen 4.2. Wann lohnt sich das? 4.3. Agile Arbeitsweise 4.4. Eigene Software-Entwicklungen 4.5. Digitalisierung und digitale Kommunikation 4.6. Keine Angst vor Komplexität 5. Referenzen 5.1. Neue Websites von lilac-media 5.2. Referenzen nach Branchen 5.3. Kundenstimmen 6. Blog 7. FAQ 7.1. FAQ Grundlegendes 7.2. FAQ E-Mail 7.3. FAQ Projektablauf 7.4. FAQ CMS-Bedienung 7.5. FAQ Bilder und Dokumente 7.6. FAQ News-Modul 7.7. FAQ Referenzen-Modul 7.8. FAQ Gimp
Inhaltselemente dieser Seite ( erneutes Öffnen über die Tasten: Shift + i )