Eine Einf\u00fchrung in Webflow<\/h2>\n
Webflow bietet seit 2013 Webseiten-Erstellung und Hosting-Dienste an. Mit einem benutzerfreundlichen visuellen Editor bietet es dir ein Erlebnis, das dich nahtlos von der Erstellung bis zum Start deiner Webseite f\u00fchrt:<\/p>\n
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/webflow-homepage.png\")
Au\u00dferdem brauchst du nicht zu programmieren. Webflow generiert automatisch HTML, CSS und JavaScript, ohne dass du einen Finger r\u00fchren musst. Wenn du ein Entwickler bist, hast du trotzdem die M\u00f6glichkeit, den Code direkt zu bearbeiten.<\/p>\n
Aus diesem Grund richtet sich Webflow eher an Personen mit ein wenig Webdesign-Kenntnissen. Du musst kein Profi sein, um dieses Content Management System (CMS)<\/a> zu nutzen, aber es kann hilfreich sein, wenn du eine sehr individuelle Webseite erstellen m\u00f6chtest.<\/p>\n Hier sind ein paar weitere Vorteile von Webflow, die du zu sch\u00e4tzen wissen k\u00f6nntest:<\/p>\n Dennoch ist kein Produkt perfekt. Es gibt auch ein paar potenzielle Nachteile, die du bedenken solltest:<\/p>\n Reden wir abschlie\u00dfend \u00fcber die Popularit\u00e4t. Gemessen am Marktanteil<\/a> macht Webflow etwa 0,6 % aller Webseiten<\/a> aus. Das ist weniger als bei anderen Optionen wie Shopify<\/a> und Squarespace<\/a>. Allerdings haben die Webseiten, die Webflow unterst\u00fctzt, in der Regel einen h\u00f6heren Traffic als die seiner Konkurrenten, was es zu einer bemerkenswerten Option in seiner Nische macht.<\/p>\n\n WordPress.org ist eine vergleichsweise bew\u00e4hrte Option. Seit 2003 hat sich diese Open-Source-Plattform mit beeindruckender Geschwindigkeit weiterentwickelt:<\/p>\n Eine kurze Anmerkung am Rande: WordPress.org unterscheidet sich von WordPress.com<\/a>. WordPress.org bietet eine vollst\u00e4ndig gehostete L\u00f6sung, w\u00e4hrend WordPress.com eine Open-Source-Software ist. Beides sind unterschiedliche Erfahrungen, was sich auch in ihren Statistiken<\/a> widerspiegelt.<\/p>\n WordPress hat nicht nur eine Zielgruppe. Die schiere Flexibilit\u00e4t der Plattform bedeutet, dass fast jeder eine Verwendung f\u00fcr sie finden kann.<\/p>\n Wenn du ein Webdesign-Profi bist, kannst du diese Freiheit wahrscheinlich ausnutzen. Allerdings ist es zugegebenerma\u00dfen mehr Arbeit, eine WordPress-Webseite zu erstellen, als dies bei Standardl\u00f6sungen wie Wix<\/a> der Fall ist. Du musst also mit einer gewissen Lernkurve rechnen, vor allem, wenn du ein Anf\u00e4nger\/eine Anf\u00e4ngerin bist.<\/p>\n Nichtsdestotrotz gibt es ein paar Gr\u00fcnde , warum jeder WordPress nutzen<\/a> sollte:<\/p>\n Auf der anderen Seite gibt es aber auch einige Nachteile:<\/p>\n Werfen wir abschlie\u00dfend noch einen Blick auf den Marktanteil von WordPress. Dieses CMS ist ein Riese auf seinem Gebiet: 42,9 % der Webseiten<\/a> nutzen seine Technologie. Das hei\u00dft, wenn du dich f\u00fcr dieses Programm interessierst, wirst du viele Gleichgesinnte haben.<\/p>\n Nachdem wir nun die Grundlagen besprochen haben, sind hier f\u00fcnf Punkte, die du beachten solltest, bevor du dich f\u00fcr Webflow oder WordPress entscheidest.<\/p>\n Benutzerfreundlichkeit ist das A und O bei der Erstellung von Webseiten – schlie\u00dflich kann der Kampf mit einer Plattform wertvolle Zeit von der Erstellung deiner Webseite abziehen. Hier sind ein paar Fakten, die dir bei der Entscheidung zwischen Webflow und WordPress helfen sollen, damit du ein m\u00f6glichst nahtloses Nutzererlebnis hast.<\/p>\n Webflow bietet eine beeindruckende Auswahl an Einrichtungsressourcen. Du bekommst zum Beispiel Zugang zur Webflow University<\/a>. Dort erh\u00e4ltst du eine Reihe von Kursen, Bootcamps und Videos, die dir helfen, deine Webseite auf die Beine zu stellen.<\/p>\n Webflow hat sich auch bem\u00fcht, den Einrichtungsprozess zu vereinfachen. Beim Start erh\u00e4ltst du eine Anleitung in Form eines Einrichtungsassistenten:<\/p>\n Dieser Crashkurs wird dich wahrscheinlich gut genug ausstatten, um mit der Navigation durch die Benutzeroberfl\u00e4che zu beginnen. Leider wird er nicht ausreichen, um dich mit allen wichtigen Elementen vertraut zu machen – das Layout ist voll mit einer schwindelerregenden Anzahl von Optionen:<\/p>\n Wenn du dich ein bisschen eingesch\u00fcchtert f\u00fchlst, keine Panik! Selbst ein erfahrener Designer wird wahrscheinlich einige Zeit brauchen, um sich an diese Oberfl\u00e4che zu gew\u00f6hnen. Wenn du noch relativ neu bist, brauchst du vielleicht sogar noch l\u00e4nger.<\/p>\n Trotzdem wirst du wahrscheinlich froh sein, dass du diese Zeit investiert hast. Sie mag zwar komplex aussehen, aber das kompakte Design bedeutet auch, dass du schnellen Zugriff auf die am h\u00e4ufigsten genutzten Werkzeuge hast.<\/p>\n Au\u00dferdem l\u00e4sst sich Webflow ziemlich einfach f\u00fcr eine Vielzahl von Aufgaben erweitern. Egal, ob du einen Online-Shop oder einen kleinen Blog erstellen willst, du kannst die gleichen Werkzeuge im gleichen Format verwenden. Bedenke jedoch, dass komplexere Designs wahrscheinlich ein tieferes Verst\u00e4ndnis der Plattform erfordern.<\/p>\n Was den Einstieg angeht, ist die Debatte zwischen Webflow und WordPress eine knappe Entscheidung. Der ber\u00fchmte f\u00fcnfmin\u00fctige Einrichtungsprozess<\/a> von WordPress ist jedoch ein beeindruckendes Merkmal. Du musst nur ein paar Informationen eingeben und schon kann es losgehen.<\/p>\n Die Verwendung von WordPress bedeutet jedoch, dass du dir einen eigenen Hosting-Anbieter suchen<\/a> musst. Im Gegensatz dazu ist das Hosting bei Webflow eine integrierte Funktion. Wenn du WordPress verwendest, hast du mehr Auswahlm\u00f6glichkeiten, aber es kann einige Zeit dauern, bis du die beste L\u00f6sung gefunden hast.<\/p>\n Sobald du diese ersten Aufgaben erledigt hast, kannst du dich mit dem Dashboard besch\u00e4ftigen. Wir haben dir bereits gezeigt, dass Webflow ein bisschen kompliziert ist. Im Vergleich dazu kann das vereinfachte Layout von WordPress wie ein frischer Wind wirken:<\/p>\n Dennoch bringt es seine eigenen Herausforderungen mit sich. Diese Methode erfordert ein paar mehr Klicks, um die Werkzeuge zu erreichen, die du f\u00fcr verschiedene Aufgaben brauchst. Wenn du nicht wei\u00dft, wo du anfangen sollst, f\u00e4llt es dir vielleicht schwerer, dich zurechtzufinden. Zum Gl\u00fcck macht es die organisierte Seitenleiste ein wenig einfacher.<\/p>\n Wenn es um Erweiterbarkeit geht, ist WordPress kaum zu schlagen. Dank der gro\u00dfen Auswahl an Plugins<\/a> und Themes kannst du deine Website f\u00fcr fast jeden Zweck anpassen. Das bedeutet aber auch, dass du dich mit den Besonderheiten der einzelnen Erweiterungen vertraut machen musst.<\/p>\n Egal, wie du zu der Debatte zwischen Webflow und WordPress stehst, eines ist sicher: Bei beiden Optionen hast du viele andere Nutzer, die dir Gesellschaft leisten. Schauen wir uns an, wie sich diese beiden Plattformen in Bezug auf die Community und den Kundensupport unterscheiden.<\/p>\n Webflow hat ein eigenes Forum<\/a>. Hier kannst du mit anderen Nutzern in Kontakt treten und deine Fragen stellen. Au\u00dferdem kannst du hier die Webflow University nach bestimmten Inhalten durchsuchen.<\/p>\n Hier findest du auch den Bereich „Show & Tell“. Hier kannst du zeigen, was du mit der Plattform gemacht hast. Au\u00dferdem kannst du dich hier von Kreativen aus den verschiedensten Bereichen inspirieren lassen.<\/p>\n Wenn du professionelle Unterst\u00fctzung w\u00fcnschst, bietet dir Webflow einen Kundenservice<\/a>. Du kannst dich wochentags an das Team wenden und erh\u00e4ltst E-Mail-Support. Das ist besonders n\u00fctzlich, wenn du Fragen zu deinem Preisplan hast.<\/p>\n Die Webflow-Community bietet auch eine Reihe von Veranstaltungen und Gruppen, denen du beitreten kannst. \u00c4hnlich wie in den Foren kannst du hier mehr \u00fcber die Plattform erfahren und dich mit anderen Kreativen austauschen.<\/p>\n Als Open-Source-Software gibt es f\u00fcr WordPress keine „offiziellen“ Supportoptionen. Allerdings bietet diese Plattform eine Vielzahl von Ressourcen, auf die du dich verlassen kannst. Diese decken fast alle Qualifikationsstufen ab, von erfahrenen Designern bis hin zu denen, die WordPress<\/a> noch nicht kennen.<\/p>\n Ein Grund daf\u00fcr ist die Tatsache, dass WordPress Open Source ist. Das bedeutet, dass sein gesamter Code \u00f6ffentlich zug\u00e4nglich ist. Das bedeutet auch, dass du den Code nach Belieben bearbeiten oder umgestalten kannst.<\/p>\n Neben der Flexibilit\u00e4t im Design hat dies auch zu einer starken Community gef\u00fchrt. Du kannst dich in der komplexen WordPress-Dokumentation<\/a> und in den speziellen Foren<\/a> umsehen. Einzelne Plugins und Themes haben sogar eigene Foren, die du besuchen kannst.<\/p>\n Schlie\u00dflich bietet WordPress auch eine Reihe von Veranstaltungen<\/a> rund um das Programm an, bei denen die Nutzer voneinander lernen k\u00f6nnen. Heutzutage haben sich diese Veranstaltungen gr\u00f6\u00dftenteils in den virtuellen Raum verlagert. Das macht es noch einfacher, sich an der Community zu beteiligen.<\/p>\n Wenn du bereit bist, mit der Gestaltung zu beginnen, ist es wichtig, dass du dir \u00fcberlegst, welche M\u00f6glichkeiten dir zur Verf\u00fcgung stehen. Hier sind ein paar Elemente, die du ber\u00fccksichtigen solltest, bevor du dich f\u00fcr ein CMS entscheidest.<\/p>\n Einer der gr\u00f6\u00dften Vorteile von Webflow sind seine Vorlagen<\/a>. Das sind vorgefertigte Webseiten, die von professionellen Entwicklern entworfen wurden. Das bedeutet, dass sie sowohl f\u00fcr die Leistung als auch f\u00fcr die \u00c4sthetik optimiert sind:<\/p>\n Du kannst die Vorlagen aber immer noch nach Belieben bearbeiten. So kannst du eine stark angepasste Webseite erstellen, ohne dass du die Basis erstellen oder dich um den Hintergrundcode k\u00fcmmern musst. Du kannst sie sogar minimal ver\u00e4ndern, wenn du einen schnellen Start suchst.<\/p>\n Dieser Bearbeitungsprozess wird durch den visuellen Editor ein wenig erleichtert. Die Ergebnisse sind gr\u00f6\u00dftenteils „what you see is what you get“, d.h. du musst weniger zwischen dem Bearbeitungsbildschirm und deinen Vorschaubildern wechseln.<\/p>\n Au\u00dferdem hast du in diesem Editor eine gro\u00dfe Auswahl an M\u00f6glichkeiten. Du kannst fast alles \u00e4ndern: Layouts, Abst\u00e4nde, Texte, mobile Layouts und mehr. Solange du bereit bist, die Zeit zu investieren, ist es ein virtueller Sandkasten.<\/p>\n Erw\u00e4hnenswert ist auch, dass du „Sammlungen“ erstellen kannst. Sammlungen sind wiederverwendbare Inhalte, die du in einer Datenbank zur sp\u00e4teren Verwendung speichern kannst. So kannst du auf einfache Weise deine Arbeit in verschiedenen Bereichen deiner Webseite rationalisieren.<\/p>\n Wenn du Webflow mit WordPress vergleichst, sollte der visuelle Editor ein Hauptkriterium sein. Das liegt daran, dass WordPress nicht ganz den gleichen Ansatz wie Webflow verfolgt. Anstelle eines Frontend-Seiteneditors wird ein sogenannter Block-Editor<\/a> verwendet:<\/p>\n Dieses modulbasierte System ist ziemlich einfach zu bedienen: Jeder Inhalt existiert als eigener Block und kann einzeln bearbeitet und verschoben werden. Allerdings ist er nicht ganz so visuell wie der Editor von Webflow. Um diesen Effekt zu erzielen, musst du in ein Plugin f\u00fcr die Seitenerstellung<\/a> investieren.<\/p>\n Das Block-Editing-System ist auch in den WordPress-Widget-Abschnitten<\/a> vorhanden. Das sind kleine funktionale Elemente, die du an bestimmten Stellen deiner Webseite platzieren kannst. So kannst du auf einfache Weise f\u00fcr mehr Konsistenz in Bereichen wie Seitenleisten, Kopfzeilen und Fu\u00dfzeilen sorgen.<\/p>\n Was vorgefertigte Designs angeht, so bietet WordPress eine beeindruckende Sammlung von Themes<\/a>. Du kannst zwischen kostenlosen und kostenpflichtigen Optionen w\u00e4hlen, die eine gro\u00dfe Bandbreite an Nischen abdecken. Diese Themes sind au\u00dferdem \u00e4u\u00dferst flexibel: Du kannst entweder den Code direkt bearbeiten oder das integrierte System von WordPress nutzen, um es einfacher zu machen.<\/p>\n Die Suchmaschinenoptimierung (Search Engine Optimization, SEO)<\/a> ist ein wichtiger Bestandteil, damit andere deine Webseite finden. Die Platzierung deiner Seite h\u00e4ngt zum gro\u00dfen Teil davon ab, ob du gute Inhalte schreibst. Es gibt jedoch auch ein paar Faktoren, die von der Wahl deines CMS abh\u00e4ngen.<\/p>\n Wie wir bereits erw\u00e4hnt haben, ist Webflow eher eine All-in-One-L\u00f6sung als WordPress. Das bedeutet, dass es auch eine Reihe von Tools enth\u00e4lt, die dir helfen, so schnell wie m\u00f6glich optimale SEO zu erreichen.<\/p>\n Die Plattform ist zum Beispiel auf die Erstellung mobilfreundlicher Seiten<\/a> ausgerichtet. Dieser Punkt ist entscheidend f\u00fcr eine gute Platzierung in den Suchergebnissen, ganz zu schweigen von den Vorteilen f\u00fcr deine Besucher.<\/p>\n Webflow ergreift auch eine Reihe anderer Ma\u00dfnahmen, darunter:<\/p>\n All das zusammen bedeutet, dass du dir wahrscheinlich nicht allzu viele Gedanken \u00fcber Backend-SEO machen musst. Auf der anderen Seite gibst du die Kontrolle \u00fcber dieses wichtige Element ab und musst dich auf die Optimierungen verlassen, die Webflow f\u00fcr dich vornimmt.<\/p>\n WordPress wird standardm\u00e4\u00dfig mit einem kleineren Satz an SEO-Tools ausgeliefert. Der Basiscode wurde mit Blick auf eine reibungslose Leistung entwickelt. Wenn du diesen Code jedoch \u00e4nderst – und das ist einer der Hauptvorteile von WordPress – kannst du diesen Vorteil verlieren.<\/p>\n WordPress kann dir aber auch dabei helfen, mehr Kontrolle \u00fcber deine Suchergebnisse zu erlangen, dank der vielen Zusatztools, die es gibt. Plugins wie Yoast SEO<\/a> und All in One SEO<\/a> k\u00f6nnen dir helfen, diese wichtige Kennzahl zu verbessern, indem sie deine Inhalte f\u00fcr Keywords optimieren, Metadaten f\u00fcr Suchmaschinenbots hinzuf\u00fcgen und vieles mehr.<\/p>\n Es ist auch erw\u00e4hnenswert, dass es einfacher sein kann, eine WordPress-Seite zu migrieren<\/a>. Das ist wichtig, denn wenn du nicht aufpasst, kann der Umzug deiner Seite der Suchmaschinenoptimierung schaden. Wenn du dich f\u00fcr ein hochwertiges Managed WordPress Hosting<\/a> entschieden hast, kannst du dich darauf verlassen, dass dein Provider diese Aufgabe f\u00fcr dich \u00fcbernimmt.<\/p>\n Werfen wir abschlie\u00dfend noch einen Blick auf den E-Commerce und die Preisgestaltung. Dies ist ein Bereich, in dem die Diskussion zwischen Webflow und WordPress interessant wird. Beide bieten dir sehr unterschiedliche Optionen, also lass uns gleich loslegen.<\/p>\n E-Commerce ist direkt in die Webflow-Engine integriert. Du musst nur eine Erweiterung aktivieren und deine Versanddienste integrieren. Danach musst du nur noch deine Website gestalten.<\/p>\n An dieser Stelle gibt es jedoch einen gro\u00dfen Unterschied zwischen Webflow und WordPress. Wenn du Webflow verwendest, hast du weniger Optionen f\u00fcr Zahlungsabwickler. Diese sind mit einer Standard-Webflow-Geb\u00fchr verbunden – und das zus\u00e4tzlich zu den Geb\u00fchren, die du an die Gateways und Versandunternehmen zahlst.<\/p>\n Da Webflow seine Webseiten hostet, musst du auch einen Preisplan<\/a> ausw\u00e4hlen:<\/p>\n Diese werden monatlich bezahlt und beginnen bei $29 pro Monat. Es gibt auch g\u00fcnstigere Webseiten-Pl\u00e4ne, aber wenn du einen E-Commerce-Plan m\u00f6chtest, mit dem Nutzer\/innen Produkte auf deiner Webseite kaufen k\u00f6nnen, musst du dich f\u00fcr die Premium-Optionen entscheiden.<\/p>\n Der Open-Source-Charakter von WordPress macht es nicht nur flexibel, er macht es auch kostenlos. Du musst nur die Software herunterladen, um loszulegen.<\/p>\n Allerdings sind dabei andere Kosten f\u00fcr die Webseite noch nicht ber\u00fccksichtigt. Du musst f\u00fcr eine Reihe anderer Elemente bezahlen, die in den Webflow-Paketen standardm\u00e4\u00dfig enthalten sind, z. B. unmanaged oder managed WordPress-Hosting<\/a> und einen Domainnamen<\/a>.<\/p>\n\n
\n
Eine Einf\u00fchrung in WordPress<\/h2>\n
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/wordpress-homepage.png\")
\n
\n
Webflow vs. WordPress: Welche L\u00f6sung ist besser f\u00fcr deine n\u00e4chste Webseite? (5 wichtige \u00dcberlegungen)<\/h2>\n
1. Benutzerfreundlichkeit<\/h3>\n
Webflow<\/h4>\n
![\"Ein](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/webflow-setup-wizard.png\")
![\"Ein](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/webflow-interface.png\")
WordPress<\/h4>\n
![\"Das](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/sample-wordpress-dashboard.png\")
2. Community-Unterst\u00fctzung<\/h3>\n
Webflow<\/h4>\n
WordPress<\/h4>\n
3. Gestaltungsm\u00f6glichkeiten<\/h3>\n
Webflow<\/h4>\n
![\"Eine](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/webflow-templates.png\")
WordPress<\/h4>\n
![\"Ein](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/wordpress-block-editor.png\")
4. Suchmaschinen-Optimierung<\/h3>\n
Webflow<\/h4>\n
\n
WordPress<\/h4>\n
5. E-Commerce und Preismodelle<\/h3>\n
Webflow<\/h4>\n
![\"Eine](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/webflow-site-plans.png\")
WordPress<\/h4>\n
![\"WooCommerce](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/woocommerce-home-page.png\")