ILLUSTRATIONSTYPEN - STILE & TECHNIKEN 1

ILLUSTRATIONSTYPEN – STILE & TECHNIKEN

Eine Illustration ist eine Dekoration, Interpretation oder visuelle Erklärung eines Textes, Konzepts oder Prozesses, die für die Integration in veröffentlichte Medien wie Plakate, Flyer, Magazine, Bücher, Lehrmaterialien, Animationen, Videospiele und Filme konzipiert ist. Zur Veranschaulichung gehört auch die Angabe eines Beispiels. entweder schriftlich oder bildlich.

Arten der Illustration
Mit dem technologischen Wachstum und der zunehmenden Bedeutung der Illustration für verschiedene Bereiche haben die Illustrationstechniken eine Reihe neuer Möglichkeiten und Stile erlangt. Es gibt jetzt verschiedene Software, mit denen verschiedene Illustrationsstile erzielt werden können, darunter Photoshop, Illustrator, Inkscape usw.

Basierend auf der verwendeten Technik wird Illustration in zwei große Gruppen unterteilt: Traditionelle Illustration und Moderner Stil.

Traditionelle Abbildung
Die Illustration stammt aus der Zeit, als Höhlenmenschen kleine Strichmännchen an ihre Höhlenwände malten. Von dort ist es zwar weit hergekommen, aber die Illustration ist immer noch eine bedeutende Art der Kommunikation und des Ausdrucks. Heute führen wir Sie durch einige der traditionelleren Formen der Illustration. Informationen zu modernen Illustrationstechniken finden Sie in unserem nächsten Beitrag!

HOLZSCHNITT-ILLUSTRATION
Holzschnitt-Illustration

Dies ist eine der ältesten Illustrationstechniken, die im Mittelalter populär war und nach der Erfindung der Druckmaschine an Bedeutung gewann. Geschnitzte Blöcke wurden wichtig, als Bücher in großen Mengen veröffentlicht wurden, da geschnitzte Blockillustrationen verwendet werden konnten, um Illustrationen zu erstellen, die mit demselben Cutter gedruckt wurden. Diese Technik wird bis heute von Künstlern und Illustrationen verwendet, die ein natürliches oder raues Gefühl für ihre Arbeit wünschen. Holzschnitt-Illustrationen spielten auch im feudalen Japan eine große Rolle. Diese Technik zeichnet sich auch durch die verwendeten dicken Linien und die Kontraste aus, die zwischen den verschiedenen Teilen des Drucks erzielt werden.

BLEISTIFT-ILLUSTRATION
Bleistift-Illustration

Diese Methode bedarf keiner Erklärung, da sie von Künstlern, Illustratoren und sogar von Menschen, die versuchen, ein Konzept einfach zu erklären oder zu vermitteln, so gut bekannt und gebräuchlich ist. Ein Bleistift ist ein wichtiges Werkzeug, das eine Vielzahl von Effekten, Schattierungen, Linien und Effekten ermöglicht. Die Künstler können entweder einen einfarbigen Bleistift, eine Graphitmine oder eine Vielzahl von Stiften mit unterschiedlichen Farben verwenden, um den gewünschten Effekt zu erzielen. Diese Art der Illustration ist auch wegen der Freiheit und Vielfalt, die dieser Stil zu bieten hat, herausragend.

KOHLE-ILLUSTRATION
Kohle-Illustration

Holzkohleillustrationen können nicht mit der Präzision und den Linien aufwarten, die mit einem Bleistift hergestellt wurden, aber sie weisen die besonderen Merkmale auf, die sie für einzelne Künstler attraktiv machen. Sie sind häufig das bevorzugte Medium für die Illustration von Geschichten, für schnelle Porträts und Skizzen oder für die Illustration, bei der alle Konstruktionen und groben Linien sichtbar bleiben müssen. Holzkohle zeichnet sich durch hervorragende Mischungseigenschaften und unterschiedliche Qualitäten und Härten für unterschiedliche Effekte aus. Bei der Arbeit mit Holzkohle kann es oft zu Unordnung kommen, und Künstler verwenden bei der Arbeit mit diesem Medium häufig Finger oder andere Mischwerkzeuge sowie Fixiermittel, um sicherzustellen, dass keine unerwünschten Verschmutzungen entstehen.

LITHOGRAPHIE-ILLUSTRATION
Lithographie-Illustration

Die Lithografie leitet sich von einem griechischen Wort ab, das Stein bedeutet. Anfänglich wurde diese Methode durch Auftragen von Öl, Fett oder Wachs auf die Oberfläche von glatten Kalksteinplatten gestartet. Heutzutage werden einige Bücher mit einer modernen Version dieser Methode gedruckt, die als Offset-Lithographie bezeichnet wird, insbesondere wenn es sich um Farben für Illustrationen handelt.

AQUARELL-ILLUSTRATION
Aquarell-Abbildung

Das Hauptziel der Aquarellillustration besteht darin, Effekte und Schattierungen zu erzielen, indem Wasser hinzugefügt wird, um verschiedene Transparenzen der pigmentierten Farbe zu erzeugen. Es gibt viel Tiefe und Detaillierung, die oft von dieser Methode erhalten wird. Es wird vor allem für Gemälde, Modeillustrationen, Kinderbücher und Illustrationen verwendet, die leicht und luftig sein müssen. Auf einfache Weise können Farben hinzugefügt, zusammengeführt und Grafiken hervorgehoben werden.

ACRYL ILLUSTRATION
Acrylfarben Illustration

Dies ist ein bevorzugtes Medium für Menschen, die gerade erst ihre Illustrationsreise antreten, da es relativ einfach ist, mit ihnen zu arbeiten. Es können verschiedene Effekte erzielt werden, die auf verschiedenen Oberflächen angewendet werden können und nach dem Trocknen wasserbeständig sind. Sie kommen in einer Vielzahl von Farben und Ausführungen und werden oft auf Leinwand oder Stoff verwendet.

STIFT- UND TINTEN-ILLUSTRATION
Stift-Tinte-Illustration

Tintenillustrationen sind in Situationen von Bedeutung, in denen der Illustrator präzise und detaillierte Arbeiten wünscht und einen hohen Kontrast zwischen den verwendeten Elementen aufweist. Die meisten Illustrationen verwenden eine einzelne Farbe und verschiedene Farbtöne auf einer ebenen Oberfläche, um einfarbige, aber sehr detaillierte Arbeiten zu erhalten. Dieses Medium zeichnet sich durch feine Linien und unterschiedliche Linienqualitäten aus. Unterschiedliche Punkte, Linien und Dichten werden verwendet, um Effekte zu erzielen. Diese Methode wird auch für technische Zeichnungen oder schematische Darstellungen verwendet.

MODERNE ABBILDUNGSTECHNIKEN
Mit dem technologischen Wachstum und der zunehmenden Bedeutung der Illustration für verschiedene Bereiche haben die Illustrationstechniken eine Reihe neuer Möglichkeiten und Stile erlangt. Es gibt jetzt verschiedene Software, mit denen verschiedene Illustrationsstile erzielt werden können, darunter Photoshop, Illustrator, Inkscape usw. Wenn Sie ein traditioneller Künstler sind, der in die Welt der modernen oder digitalen Methoden eintauchen oder einfach nur Ihr Wissen vertiefen möchte, sollte dies ausreichen, um den Einstieg zu erleichtern. Es kann sich einschüchternd anfühlen, wenn Sie zum ersten Mal alle Möglichkeiten der Software und Technologie nutzen, aber es gibt auch viele wesentliche Ähnlichkeiten mit traditioneller Kunst, und es ist einfach, wenn Sie erst einmal angefangen haben. Hier,

FREEHAND DIGITAL ILLUSTRATIONS
Freihand-Digital-Illustration

Dies weist eine bemerkenswerte Ähnlichkeit mit der Art von Illustrationen auf, die auf Papier, Leinwand oder einem ähnlichen traditionellen Medium hergestellt werden. Der einzige Unterschied besteht darin, dass der gesamte Prozess oder zumindest der größte Teil davon digital ist und in der Regel mit einem einzelnen Stift oder einem Stiftwerkzeug ausgeführt wird. Zu den Hauptvorteilen gehört der Zugriff auf eine Vielzahl unterschiedlicher Farben, Pinselvorgaben und Werkzeuge, mit denen der Prozess effektiv beschleunigt werden kann. Außerdem können Fehler leicht rückgängig gemacht und Änderungen und Bearbeitungen vorgenommen werden. Überblendung und Schattierung sind in der digitalen Illustration in der Regel wesentlich komfortabler, und es können verschiedene Effekte erzielt werden. Mit der zunehmenden Anzahl von Stift- und Tablettkombinationen und Stiften, die ausschließlich für Smartphones hergestellt werden und auf dem heutigen Markt erhältlich sind, nehmen präzise und detaillierte Abbildungen dieser Art rapide zu. Sie werden zum Storyboarding, zur Freizeitgestaltung, zur Illustration von Büchern, in Animationen, in verschiedenen Designprozessen usw. verwendet. Mit Freihandmethoden digital erstellte Abbildungen liegen normalerweise in Rasterformaten vor und können nur bis zu einer bestimmten Grenze gezoomt oder vergrößert werden, bevor sie verschwommen und pixelig erscheinen.

Vektorgrafiken sind Computergrafiken, die mithilfe von 2D-Punkten definiert und mithilfe von Linien und Kurven zu Polygonen und verschiedenen Formen verbunden werden.

Jeder Punkt erhält einen bestimmten Punkt auf den Koordinatenachsen der Arbeitsebene, der die Richtung festlegt, in die der Pfad verlaufen soll. Vektorgrafiken werden normalerweise in den Formaten SVG, EPS oder PDF gespeichert. Die Art und Weise, wie diese Grafiken erstellt werden, ermöglicht mehr Skalierungs- und Zoomfunktionen, bevor sie pixelig erscheinen. Sie können stärker vergrößert werden, bevor sie an Qualität verlieren. Sie sind grobkörniger und weisen eine geringere Abstufung oder einen geringeren Verlauf auf. Sie werden hauptsächlich zum Erstellen von Illustrationen für das Web verwendet, z. B. Plakate, Logos usw. Sie zeichnen sich durch klare Umrisse und klareren Charakter aus.

Im Vergleich zur Freihandillustration haben sie eine großartigere Form und Definition. Vektoren sind im Allgemeinen ideal für Printmedien und werden seltener für komplizierte Kunstwerke, Detaillierungen oder skizzenbezogene Arbeiten verwendet. Sie werden auch in Kombination mit Typografie und Text verwendet. Sie können auf unterschiedliche Weise verschoben, gedreht, gedehnt, verzerrt und geändert werden, um unterschiedliche Ergebnisse zu erzielen. Fotorealismus und verwandte Kunststile werden aufgrund der durch ihre Haupteigenschaften auferlegten Einschränkungen normalerweise nicht unter Verwendung von Vektoren ausgeführt.

Wenn Sie ein digitaler Künstler sind, der versucht, den Hauptunterschied zwischen den verschiedenen digitalen Formaten und Kunstarten zu verstehen, sollte dies ausreichen, um Ihnen den Einstieg zu erleichtern. Die meisten Digitalkünstler verwenden zumindest einen Teil der traditionellen Kunst in ihrer Arbeit, sei es nur zum Brainstorming oder als grundlegende Richtlinie für ihre digitale Arbeit. Wenn Sie sich für verschiedene traditionelle Kunststile interessieren, die Sie zusätzlich zu Ihrer digitalen Arbeit verwenden können, lesen Sie unseren vorherigen Beitrag über traditionelle Kunsttechniken! Viel Glück und viel Spaß beim Illustrieren!

Posted in: Web
Fallstudie: Wie Zestful seine Marketing-Site - und Web-App - mit Webflow erstellt hat. 2

Fallstudie: Wie Zestful seine Marketing-Site – und Web-App – mit Webflow erstellt hat.

Welche spezifischen Herausforderungen gab es vor der Nutzung von Webflow, die es zu einer attraktiven Option für Zestful machten?
Vor Webflow gab es eine Einschränkung, was ich als Designer tun konnte. Es würde Wochen oder Monate dauern, bis ich etwas mit Sketch entworfen und in ein HTML/CSS-Mockup umgewandelt habe. Und weil meine Fähigkeiten dort aufhörten, musste ich einen Ingenieur oder Entwickler finden, damit es funktioniert – sei es eine Formularintegration oder die Erstellung von Software nach von mir erstellten Designs.

Webflow machte es möglich, dies in einem Schritt zu tun. Und was früher Wochen gedauert hat, dauert heute in vielen Fällen nur noch Stunden.

Gibt es also über die Tatsache hinaus, dass Webflow ein vertrautes und leistungsfähiges Werkzeug für Sie war, spezifische Vorteile, die Sie bei der Verwendung für Zestful gefunden haben?
Ja – Webflow erlaubte es mir, vier oder fünf verschiedene Prototypen zu erstellen.

Jeder Prototyp war etwas anders und zeigte mögliche Merkmale auf, die wir entwickeln wollten. Wie bei jedem Startup sind wir mit der Zeit und den Ressourcen, die wir hatten, begrenzt und konnten nicht alle davon bauen! Indem wir also das, was wie das echte Produkt aussieht und sich anfühlt (mit dem ausgefallenen Webflow IX), konnten wir echtes Kundenfeedback erhalten, bevor wir etwas bauen.

Wenn ein Benutzer etwas auf der eigentlichen Webseite benutzt und es sich für ihn real anfühlt, ändert sich die Erfahrung völlig. Sie können Feedback erhalten, das Sie einfach nicht von einem statischen Modell oder von etwas erhalten können, das mit einem Tool wie Sketch oder InVision erstellt wurde, das sich irgendwie real anfühlt, aber die Benutzer wissen, dass es das nicht ist.

Also schickte ich diese Mockups raus und sagte: “Hey, schau dir das an. Lass mich wissen, was du denkst.” Sie benutzten es wie echte Software und gaben Empfehlungen, weil es in ihrem Kopf kein gefälschter Prototyp war. Es war die eigentliche Software für das Endergebnis.

Wenn Sie versuchen, sich schnell zu bewegen, etwas aufzubauen und innerhalb weniger Stunden Feedback zu erhalten, gibt es wirklich kein besseres Tool als Webflow.

Was hat Webflow von ähnlichen Tools unterschieden, die Sie für diesen Prozess verwendet haben könnten?
Wie ich bereits erwähnt habe, können Kunden erkennen, wann etwas echt ist und wann nicht. Und mit Webflow bauen Sie auf einer Plattform auf, die echten Code verwendet, was das Endergebnis umso authentischer erscheinen lässt.

Ich arbeite wahrscheinlich schneller in Webflow als in jedem anderen Tool. Für jemanden, der anfängt, mögen andere Tools schneller sein, aber ich garantiere, dass das Endergebnis nicht genauso wie Webflow ein authentisches Erlebnis fördert. Das Unterscheidungsmerkmal für mich war die Fähigkeit, etwas Reales zu bauen und in Webflow zu arbeiten, anstatt mit einem anderen Tool zu beginnen, das ich an einen Entwickler übergeben musste, der dann das Reale bauen konnte.

Entfesseln Sie Ihre Kreativität im Web.
Erstellen Sie komplett benutzerdefinierte, produktionsreife Websites – oder Ultra-High-Fidelity-Prototypen – ohne eine Zeile Code zu schreiben. Nur mit Webflow.

Hast du darüber nachgedacht, ein alternatives Mittel zum Aufbau von Zestful zu finden, und wenn ja, was hat den Ausschlag gegeben?
Nicht einmal annähernd. Ich benutze Sketch, aber nur für Ikonographie, Bilder und Grafiken. Ich glaube nicht, dass es wirklich eine Zeit gab, in der wir über den Wechsel nachgedacht haben. Und wie Sie bereits erwähnt haben, hatten wir bereits die Erfahrung mit Webflow, also machte es Sinn.

Früher habe ich mich auf Sketch für mobile App-Modelle verlassen, aber jetzt baue ich diese fast ausschließlich auch in Webflow!

Wenn du diese mobilen Mockups machst, fängst du dann auf dem Desktop an und verkleinerst ihn, oder springst du einfach direkt zum mobilen Ansichtsfenster?
Ich ging in diesem Fall direkt zum mobilen Viewport, weil ich gerade die mobile App (nicht die Desktop-App) entworfen habe.

Wirst du mit der mobilen App weitermachen?
Das sind wir definitiv – Wir haben bereits damit begonnen, daran zu arbeiten und dabei letztendlich das genaue Design von Webflow zu verwenden.

Ich habe gehört, dass Sie immer noch Webflow verwenden, um das Frontend der App zu betreiben. Könntest du mir mehr darüber erzählen?
Das Frontend der App von Zestful ist zu 100% mit Webflow gestaltet und erstellt. Ich benutze Webflow als eine Möglichkeit, jedes Pixel buchstäblich zu simulieren, und dann nehmen unsere erstaunlichen Ingenieure den Code direkt von dort und integrieren ihn in unsere App selbst.

Wir verwenden buchstäblich den CSS-Link vom Kopf auf unserer Webflow-Mockup-Seite, um das gesamte CSS für unsere App zu betreiben.

Wenn ich also eine neue CSS-Änderung in Webflow veröffentliche, ist es buchstäblich eine einzeilige Änderung in unserer App, um unser gesamtes Stylesheet vollständig zu aktualisieren.

Gab es einen unerwarteten Wert, den Sie aus der Nutzung von Webflow gezogen haben?
Unerwartet? Wahrscheinlich nicht – aber ich bin ein wenig voreingenommen, da ich Webflow schon so lange benutze! Aber es erstaunt mich immer wieder, wie schnell wir völlig neue Funktionen entwickeln können, für die unsere Mitbewerber Monate brauchen, die für uns eine einzige Woche dauern können. Ein großer Teil dieses Guthabens geht an unseren unglaublichen CTO (Malte), aber die Möglichkeit, den Frontend-Bereich in Webflow schnell zu erstellen, beschleunigt die Sache um das Zehnfache.

In Bezug auf das Einkochen auf einen quantitativen Beweispunkt….
Wir haben in weniger als einem Monat eine unglaublich leistungsstarke, voll funktionsfähige Web-App entwickelt. Und diese Web-App half uns, 1 Million Dollar an Finanzmitteln aufzubringen!

Wann hast du angefangen?
Wir haben offiziell im Januar dieses Jahres gestartet.

Wie würdest du deine Mission definieren?
Wir geben so viel von unserem Leben aus.

Posted in: Web
E-Commerce-CMS: Wichtige Merkmale, nach denen man 2019 suchen sollte 3

E-Commerce-CMS: Wichtige Merkmale, nach denen man 2019 suchen sollte

Die E-Commerce-Branche wächst und entwickelt sich wie nie zuvor. Gemäß den Daten 99 Bestätigungen, die von der Nasdaq und Statista stammen:*

Die globalen E-Commerce-Einzelhandelsumsätze werden voraussichtlich 3,45 Billionen US-Dollar erreichen, was fast 14% aller globalen Einzelhandelsumsätze im Jahr 2019 ausmacht.
Bis 2040 sollen 95% aller Einkäufe über E-Commerce abgewickelt sein.
Mit anderen Worten, der E-Commerce boomt und bleibt. Und um in diesem florierenden Markt erfolgreich zu sein, benötigen Sie ein Content Management System (CMS), das Ihren Bedürfnissen entspricht. Werfen wir einen Blick darauf, wonach Sie suchen sollten.

Was ist ein E-Commerce-CMS?
Ein CMS oder Content-Management-System ist eine Software, die es Ihnen ermöglicht, Webseiteninhalte zu veröffentlichen, zu bearbeiten und zu verwalten.

Für E-Commerce-Websites verwaltet das CMS viele verschiedene Arten von Inhalten, einschließlich:

Seitenlayouts
Produktbeschreibungsseiten
Gutscheine und Rabatte
Werbeelemente wie Banner und Popups
Versand- und Zahlungsinformationen
E-Mail-Inhalte (Transaktionen und Marketing)
Mobilitätsfreundliche Inhalte
Die Hosting-Möglichkeiten für CMSs lassen sich in zwei Hauptkategorien einteilen:

Gehostet: Das CMS wird von einer SaaS-Marke (Software-as-a-Service) gehostet, so dass Sie nichts herunterladen oder verwalten können. Beispiele sind Shopify, Squarespace und Webflow Ecommerce.
Selbst gehostet: Sie laden das CMS herunter und installieren es mit jedem Webhost, den Sie verwenden. Beispiele sind die selbst gehostete Version von WordPress und Magento. Viele selbst gehostete CMSs sind “Open Source”, d.h. Benutzer haben vollen Zugriff auf den Quellcode.
Gehostetes SaaS CMS
E-Commerce-Websites, die auf SaaS-Plattformen basieren, werden von einem Drittanbieter in der Cloud gehostet und gepflegt. Der Zugriff auf die Anwendungen erfolgt über Webbrowser und berechnet den Nutzern Abonnementgebühren, die sich nach dem Grad der Serviceleistung richten.

SaaS-Plattformen verfügen über integrierte Funktionalitäten, so dass Nicht-Techniker mit wenig bis gar keinem Programmierwissen innerhalb weniger Stunden einen voll funktionsfähigen Online-Shop einrichten können. Da SaaS-Plattformen sich um Hosting, Infrastruktur und Sicherheit kümmern, müssen sich Ladenbesitzer nicht um technische Probleme kümmern und können ihre Zeit und Ressourcen auf die Vermarktung und den Verkauf von Produkten konzentrieren.

Selbst gehostetes CMS
E-Commerce-Websites, die mit selbst gehosteten CMSs erstellt wurden, werden von ihren Eigentümern heruntergeladen und gepflegt. Viele selbst gehostete CMSs sind Open Source, was es Geschäftsinhabern ermöglicht, den Quellcode der Website anzuzeigen, zu ändern und zu ergänzen, um individuelle Anforderungen zu erfüllen.

Open-Source-Plattformen können mehr Flexibilität und Anpassungsfähigkeit bieten – da der Quellcode auf öffentliche und kollaborative Weise entwickelt wird. Aber es erfordert auch die Pflege des Hostings und der Domain selbst und damit technisches Wissen rund um Entwicklung und Wartung. Selbsthosting bedeutet auch, dass Sie für den Schutz der Benutzerdaten wie Bestell- und Zahlungsinformationen verantwortlich sind.

Kostenloses eBook: Der moderne Webdesign-Prozess
Entdecken Sie die Prozesse und Tools hinter leistungsstarken Websites.

Beginnen Sie mit dem Lesen

Must-Have-Funktionen für ein E-Commerce-CMS im Jahr 2019
Natürlich gibt es viel mehr als nur Hostingoptionen, die Sie bei der Auswahl eines CMS für Ihren Online-Shop berücksichtigen sollten. Kein CMS verfügt über alle perfekten Funktionen, so dass Sie nach den Funktionen suchen müssen, die Sie benötigen, um Ihren Online-Shop zu erweitern, und dann die Vor- und Nachteile der verfügbaren CMSs abwägen müssen, um das richtige für Sie zu finden.

In diesem Artikel gehen wir auf die wichtigsten Funktionen ein, die Ihre CMSs bieten sollten, damit Sie 2019 erfolgreich sein können. Wir haben die Funktionen in vier Kategorien eingeteilt, um die Dinge zu vereinfachen:

SEO
Benutzererfahrung
Marketing und Vertrieb
Prüfung und Analytik
1. CMS-Funktionen für SEO
Die Generierung von Traffic für Ihren Online-Shop ist eine der wichtigsten Aufgaben für das Wachstum Ihres E-Commerce-Geschäfts. Wenn Zielkunden Ihre Website nicht über die Google-Suche finden können, wird es Ihnen wirklich schwer fallen, in diesem Bereich zu konkurrieren. Daher ist es wichtig, dass Ihr CMS über Funktionen verfügt, die eine SEO-freundliche E-Commerce-Website ermöglichen.

Also, nach welchen SEO-Funktionen sollten Sie bei der Auswahl eines E-Commerce-CMS für Ihren Online-Shop suchen?

Kontrolle von Navigationslinks
Die Navigationsstruktur Ihrer Website führt nicht nur die Besucher beim Erkunden Ihrer Website, sondern auch Google, um Ihre Webseiten für bessere Suchergebnisse zu durchsuchen. Die meisten CMSs haben die Möglichkeit, automatisch Navigationslinks basierend auf Ihren Produkten und Kategorien zu generieren. Gute sollten aber auch Möglichkeiten bieten, Navigationslinks für SEO-Zwecke manuell und unabhängig zu erstellen und zu verwalten.

Seiten-URLs
Seiten-URLs spielen eine wichtige Rolle beim Ranking von Webseiten in Suchmaschinen. Seiten-URLs, die Keywords enthalten, haben mehr Gewicht in der Rangliste als solche, die keine enthalten. Die SEO-Wirksamkeit von URLs nimmt ebenfalls mit zunehmender Länge ab. CMSs, die gut für SEO sind, sollten es Website-Managern ermöglichen, die Seiten-URLs ihrer Websites manuell zu steuern.

Sie fragen sich, ob Webflow Ecommerce die URL-Anpassung unterstützt? Klar doch.

Seitentitel & Meta-Beschreibungen
Seitentitel und Meta-Beschreibungen sind zwei weitere wichtige HTML-Elemente, die Ihre SEO-Ergebnisse beeinflussen oder brechen können. Seitentitel erscheinen als anklickbare Überschriften auf den Ergebnisseiten der Suchmaschinen.
Diagramm einer Seitenauflistung der Suchmaschinenergebnisse mit Seitentitel und Meta-Beschreibung mit Beschriftung
Hier erfahren Sie, wie Ihr Seitentitel und Ihre Meta-Beschreibung auf den Suchmaschinen-Ergebnisseiten (SERPs) von Google angezeigt werden.
Um für SEO optimiert zu werden, muss jede Webseite einen Seitentitel und eine Metabeschreibung haben, die Google und den Menschen hilft zu entscheiden, ob die Seite für sie nützlich ist. Beide Elemente sollten die wichtigsten Suchbegriffe enthalten und so eindeutig und prägnant sein, dass sie auf SERPs auf allen Geräten vollständig angezeigt werden.

Wenn Sie ein CMS für Ihr E-Commerce-Geschäft wählen, suchen Sie nach der automatisch generierten Titel- und Meta-Beschreibungsfunktion, die Ihnen die erschöpfende Aufgabe erspart, Elemente für jede einzelne Seite Ihrer Website manuell zu bearbeiten.

Mit Webflow CMS können Sie beispielsweise Felder für Ihre dynamischen Sammlungen erstellen, die direkt in optimierte Meta-Titel und Beschreibungen für SEO umgesetzt werden. Sie können auch Zeichenbeschränkungen für diese Felder festlegen, so dass Ihr Titel und Ihre Beschreibung den vorgeschlagenen Längen von 55 bzw. 155 Zeichen entsprechen.

Automatische XML-Sitemap
Eine Sitemap ist eine hierarchische Liste der Seiten einer Website, die sowohl Personen als auch Suchmaschinen durch die Website führen soll. Die Datei befindet sich auf Ihrem Webserver und wird an Suchmaschinen übermittelt, um Ihre Inhalte zu indizieren. Um Ihre Website von Google indexieren zu lassen, ist es am besten, eine Sitemap zu erstellen und diese an die Google Search Console zu senden. Eine Sitemap kann in vielen verschiedenen Formaten vorliegen, aber XML ist eines der beliebtesten.

Die manuelle Aktualisierung und Pflege einer XML-Sitemap für eine E-Commerce-Site ist keine leichte Aufgabe, besonders wenn die Website Tausende von einzigartigen Produktseiten enthält, die täglich entfernt und hinzugefügt werden.

Ein gutes E-Commerce-CMS sollte automatisch eine aktualisierte XML-Sitemap generieren, wenn eine neue Seite zu Ihrer Website hinzugefügt oder von ihr entfernt wird. Glücklicherweise haben überlegene CMSs für E-Commerce wie Webflow Sie hier abgedeckt.

Integrierte Blogging-Plattformen
Unternehmen aller Art, einschließlich E-Commerce, sollten mit dem Aufbau eines Blogs beginnen, um ein langfristiges Publikum aufzubauen. Nicht nur, dass inhaltsreiche E-Commerce-Blogs E-Commerce-Websites die Authentizität eines seriösen Unternehmens verleihen, das Ressourcen investiert, um seinem Publikum wertvolle Inhalte zu liefern, sondern sie treiben auch neuen Traffic an, da ihre relevanten und einzigartigen Inhalte in Suchmaschinen entdeckt werden.

Ein gutes CMS für E-Commerce sollte leistungsstarke Blogging-Tools in seinen Kernfunktionen enthalten, so dass Website-Manager keine externen Blogging-Plattformen verwenden müssen, um den Anforderungen gerecht zu werden.

Schaltflächen für die soziale Freigabe
Social Media ist zu einem unverzichtbaren Vertriebskanal für Inhalte im E-Commerce geworden. Wenn Ihre Inhalte heute nicht auf sozialen Plattformen gefunden und weitergegeben werden, fehlen Ihnen viele potenzielle Kunden.

Social Sharing Optionen auf einer Produktdetailseite
Vergiss nicht, deine Produkte teilbar zu machen! Kredit: DOYOUEVEN
Wenn Sie ein CMS für den E-Commerce auswählen, vergessen Sie nicht, nach der Möglichkeit zu suchen, auf Ihren Seiten sofortige Social-Sharing-Buttons zu integrieren. Viele CMSs erheben zusätzliche Gebühren, um diese eingebaute Funktion zu aktivieren, oder verlangen, dass Sie ein Plugin kaufen, um diese Funktion hinzuzufügen.

Kanonisches Link-Markup
Wenn Ihre Produkte Varianten haben – wie z.B. verschiedene Größen oder Farben für T-Shirts – werden Sie kanonische Link Markup Fähigkeiten benötigen. Warum? Denn in den meisten E-Commerce-CMS hat jede Variantenproduktliste ihre eigene, eindeutige URL. Das ist gut für Ihre Kunden, denn es ermöglicht ihnen, direkt auf das gewünschte Produkt zu verlinken. Aber es ist nicht gut für Ihre SEO, denn es verdünnt die SEO-Leistung Ihres “One True Product” Links. Mit anderen Worten, anstatt eine einzige Produktdetailseite zu haben, die alle SEO-Gebäude-Backlinks und Shares nutzt, werden diese Shares und Links auf alle Varianten aufgeteilt.

Die Antwort: Kanonisches Link-Markup. Und obwohl es komplex und technisch klingt, ist es eigentlich nur eine Art zu sagen: “Hey, Google: Das ist das wichtigste Glied für dieses Produkt. Bitte leiten Sie alle’Link-Säfte’ von den Varianten auf diese um.” Siehe Tipp 7 unseres Artikels “SEO and Webflow: the essential guide” für weitere Informationen.

2. CMS-Funktionen zur Optimierung der Benutzerfreundlichkeit (UX)
Wenn Sie denken, dass eine erstaunliche Produktlinie ausreicht, um Ihnen den Erfolg im E-Commerce zu garantieren, liegen Sie falsch.

Es ist, wie Ihre E-Commerce-Website entworfen und vermarktet wird, die neugierige Besucher zu Kunden macht.

Die Kundenreise ist geprägt von dem, was die Menschen auf jeder Seite sehen, wie verlockend Angebote dargestellt werden, wie überzeugend die Botschaft ist und wie einfach und sicher der Zahlungsprozess ist. Und alle diese Content-Typen werden von dem CMS aktiviert und verwaltet, das Sie für Ihren E-Commerce-Shop auswählen.

Betrachten wir die wichtigsten UX-Funktionen für ein E-Commerce-CMS:

Flexible Gestaltungsmöglichkeiten und einfache Integrationsmöglichkeiten
Das Layout jeder einzelnen Seite Ihrer E-Commerce-Website – von der Homepage über die Produktseite, den Warenkorb bis zur Kasse – trägt zur endgültigen Umsatzrealisierung bei. Ihre Kunden können überall auf der Einkaufsreise vorbeikommen, wenn es ihnen schwer fällt, die Inhalte zu verstehen, zu nutzen oder sich mit ihnen auseinanderzusetzen.