Diese Website schaut sich am besten hochkant
auf dem Smartphone oder quer auf dem Tablet an.
Kippen Sie Ihr Gerät, um die Seite anzeigen zu lassen.

Nutzen

Darstellung dynamischer Inhalte und Kollaboration zwischen Seitennutzern verbessern.

Ansatz

Wir erstellen Websites in Webflow. Webflow hat, wie auch Wordpress, Typo3, Drupal usw. die Funktionalitäten eines Content Management Systems (CMS). Das CMS ist der Ort, an dem alle dynamischen Inhalte gespeichert und gepflegt werden. Die Website verweist auf diesen dynamischen Inhalt auf den verschiedenen Seiten. Jedes Mal, wenn wir oder Sie einen Inhalt im CMS erstellen oder ändern, werden alle Seiten, auf die er verweist, sofort aktualisiert.

Das "visuelle" Content Management System von Webflow ermöglicht es Ihnen, strukturierte Inhalte zu erstellen, diese Inhalte zu gestalten und zu aktualisieren - ohne eine Zeile Code zu schreiben oder im Hintergrund (Back-End) Änderungen vornehmen zu müssen. Sie wollen Ihre Inhalte selbst bearbeiten? Dann machen Sie's gleich auf der Website! Der visuelle Editor von Webflow erlaubt es Ihnen, alle relevanten Inhalte einfach live auf der Website ganz nach Ihren Wünschen anzupassen.

Maßnahmen w7

• Bereitstellung der Datenbanken für das Content Management System
• Einrichtung der dynamischen Elemente
• Befüllen und Verwaltung der Inhalte (Content)
• Nutzerverwaltung und Rollen-Management, auch komplexe Rollenverwaltung

Nützliche Links

Eine Übersicht über das Webflow CMS finden Sie hier ↗.

Eine Anleitung zur Funktionsweise des Editors finden Sie hier ↗.

Nutzen

Nutzererfahrung und Google-Ranking durch hohe Seitengeschwindigkeit verbessern.

Ansatz

Die Seitengeschwindigkeit beeinflusst nicht nur die Nutzererfahrung, sondern spätestens seit einem Update des Google Suchalgorithmus 2020 die Auffindbarkeit der Seite. Die Seitengeschwindigkeit wird hauptsächlich von drei Parametern beeinflusst:

1. Die Güte des Codes, der der Website zugrunde liegt
2. Das Hosting, also wie gut die Verknüpfung zwischen Website-Code und Servern ist sowie die Geschwindigkeit der Server selbst.
3. Weitere Faktoren wie Bilder, Ladeeinstellungen und Parameter

Maßnahmen w7

Technische Maßnahmen:

• Kein aufgeblähter Code. Webflow ist ein Code-Editor, der reinen HTML-/JS-Code auswirft. Der Code von Webflow ist extrem sauber und gut optimiert
• Wenige Add-Ons: Webflow bietet keine Plugins, die Hunderte von Codezeilen zu einer Website hinzufügen. Es gibt keine langen CSS-Stylesheets oder Rendering-blockierendes JavaScript, um das man sich sorgen müsste. Wenn Sie einen Geschwindigkeitstest auf einer leeren Webflow-Webseite durchführen, erhalten Sie jedes Mal ein Ergebnis von 100 %. Das ist bemerkenswert, denn selbst leere Seiten auf konkurrierenden Plattformen erreichen kaum mehr als 85 %.
• Geschwindigkeitsoptimiertes Hosting.

Weitere Maßnahmen:

• Selektives Laden auf dem Handy gegenüber dem Desktop verwenden: Da mobile Websites in der Regel langsamer sind als Desktop-Websites, ist es eine gute Idee, bestimmte Skripte nur auf der Desktop-Version Ihrer Website zu laden. Google stuft Sie auch auf der Grundlage der mobilen Version Ihrer Website ein.
• Bilder optimieren: Komprimieren Sie alle Bilder mit der Bildkomprimierungsplattform Ihrer Wahl (wir bevorzugen Image Compressor für PNG und JPGs). Kleinere Bildgrößen sind für die Leistung der Website hervorragend, da sie schneller geladen werden als größere Bilder. Achten Sie aber auf die Bildqualität - Sie wollen die Größe nicht so stark reduzieren, dass Ihre Bilder körnig wirken.
• Bilder komprimieren: Darüber hinaus können Sie Ihre Bilder auch in WebP konvertieren - ein kleineres und kompakteres Bilddateiformat, mit dem Sie qualitativ hochwertige Bilder bereitstellen können. Mit dem Webflow-Konvertierungstool können Sie sogar alle in Webflow vorhandenen Bilder direkt in WebP konvertieren.  
• Lazy Loading: Beim Lazy Loading werden Bilder erst dann auf Ihre Website geladen, wenn ein Betrachter zu ihnen scrollt, und nicht sofort. Wie der Hack, den ich zuvor mit Skriptverzögerungen besprochen habe, ermöglicht dies ein schnelleres Laden Ihrer Website, ohne die Benutzeroberfläche oder das Benutzererlebnis zu beeinträchtigen. Einer der Vorteile von Lazy Loading besteht darin, dass Sie Ihre Bilder für Retina-Displays optimieren können, was größere Bilder ermöglicht, ohne die Geschwindigkeit der Website zu beeinträchtigen.
• Reduzierte Schriftarten: Wir vermeiden das Laden verschiedener Schriftarten. Jede Schriftart und jedes Gewicht ist eine weitere Serveranfrage, die unweigerlich alles andere verlangsamt.
• Keine Preloads: Das Vorladen ist eine Anweisung an Ihren Browser, eine andere Seite zu laden, bevor der Benutzer sie anklickt. Wenn beispielsweise 90 % Ihrer Besucher von Ihrer Homepage auf Ihre Produktseite gehen, können Sie diese vorladen, damit sie sofort geladen wird. Dies wirkt sich auf die Geschwindigkeit der Website aus, da zwei Seiten geladen werden müssen: die Seite, auf der Sie sich gerade befinden, und die nächste Seite. Wenn Sie derzeit das Vorladen verwenden, sollten Sie es für eine maximale Leistung deaktivieren.

Nützliche Links

Einen Artikel mit ähnlichen, aber ausführlicher beschriebenen Tips von Webflow finden Sie hier ↗.

Website, Webdesign

Wir erstellen für unsere Kunden zum Start der Zusammenarbeit in den meisten Fällen eine neue Website. Kleine Websites, Richtwert weniger als 5 Unterseiten, erstellen wir dabei vollkommen gratis. Wir streben ein schlichtes, möglichst einfaches Design an, das den Seitenbesuchern Raum lässt, Ihre Lösungen und Produkte über Bilder und Text selbst zu entdecken. Zur Erstellung von Websites greifen wir auf die Software "Webflow" zurück.

Was ist Webflow?

Webflow ist ein Design-Tool und eine Webentwicklungsplattform, mit der Benutzer Websites erstellen und veröffentlichen können, ohne Code schreiben zu müssen. Es bietet eine visuelle Schnittstelle für die Gestaltung und das Layout von Webseiten sowie eine Reihe von Werkzeugen und Funktionen zum Hinzufügen von Interaktivität und dynamischem Verhalten zu Websites.

Webflow eignet sich besonders für Designer und Kreativprofis, die Websites in professioneller Qualität erstellen möchten, ohne dafür Code lernen zu müssen. Es wird auch von Entwicklern als Alternative zu herkömmlichen Webentwicklungs-Frameworks verwendet, da es ihnen ermöglicht, Websites schneller und einfacher zu erstellen und bereitzustellen.

Einige der wichtigsten Funktionen von Webflow sind:

• Ein visueller Drag-and-Drop-Editor zum Erstellen und Anordnen von Webseitenelementen
• Eine Reihe von Design- und Layout-Tools, wie z. B. anpassbare Vorlagen, responsive Design-Funktionen und die Möglichkeit zur Anpassung von CSS-Stilen
• Integrationen mit gängigen Tools und Plattformen wie Google Analytics, Mailchimp und Social Media-Plattformen
• Hosting- und Veröffentlichungsoptionen, einschließlich der Möglichkeit, eine Verbindung mit einer benutzerdefinierten Domain herzustellen und SSL-Zertifikate für sichere Verbindungen zu verwenden.

Insgesamt ist Webflow eine leistungsstarke und vielseitige Plattform für die Erstellung und Pflege von Websites und wird häufig von Designern, Entwicklern und anderen Fachleuten für die Erstellung hochwertiger, professioneller Websites verwendet.

Nützliche Links

Weitere Informationen zum Hosting der Website und alternativen lokalen Hosting finden Sie hier ↗.

Weitere Informationen zur Seitengeschwindigkeit finden Sie hier ↗.

Weitere Informationen zur Seitensicherheit und Seitenverfügbarkeit finden Sie hier ↗.

Weitere Informationen zum Webflow CMS finden Sie hier ↗.

Weitere Informationen zum eCommerce finden Sie hier ↗.