fbpx


Unser Blog

Lesen Sie was uns bewegt in der Welt des Online Marketings.
Schreiben Sie uns Ihre Meinung in einem Kommentar.
Unser Blog

10. April 2019

5 Tipps für Website Branding das Eindruck macht

10. April 2019

Gastbeitrag von Roman Kasinski: Mit einer prägnanten Marke stechen Sie heraus und bleiben bei Kundinnen und Kunden in Erinnerung. Markenelemente wie Logo, Farben und Schriften gilt es auf allen Kommunikationskanälen einheitlich und markenkonform einzusetzen, das gilt besonders auch im Web. In diesem Gastbeitrag haben wir die fünf wichtigsten Tipps zusammengetragen, die Sie beim Branding Ihrer Website beachten sollten.

namo studio artd branding website I

1. Vergessen Sie die Optik für den Anfang

Ein optisch ansprechender Internetauftritt ist eine tolle Sache keine Frage. Die Besucher Ihrer Website suchen aber in erster Linie nach Informationen. Was bieten Sie zu welchem Preis an? Wo ist Ihr Büro und wie kann man Sie am besten kontaktieren? Wie gross ist Ihr Unternehmen und welche Referenzen können sie vorweisen?

Ihre Website ist in ein Werkzeug um Ihr Unternehmen und Ihre Angebote klar und verständlich zu präsentieren. Bevor Sie sich also zu sehr in Fragen zu Farben und Formen verlieren, konzentrieren Sie sich auf das Grundgerüst Ihrer Seite. Dieses soll funktional und kundenorientiert die wichtigsten Funktionen Ihres Internetauftritts auf den Punkt bringen.

 

namo studio artd branding website II

2. Bleiben Sie bescheiden

Nachdem Sie wissen, was sie wo auf Ihrer Website positionieren möchten, geht es an die Gestaltung der Inhalte. Wählen Sie Farben, Schriftarten für Header und Lauftext, Buttons und Formularfelder so, dass sie mit Ihrem restlichen Markenauftritt harmonieren. Eine grosse Hilfe bietet Ihnen hierfür ein Design Guide, der die wichtigsten Elemente der Marke festhält sowie Anwendungsregeln definiert.

Wichtig: Bleiben Sie bescheiden! Es gibt unendlich viele tolle Schriftarten und Farbkombinationen aber Ihr Webauftritt soll in erster Linie in sich stimmig und markenkonform daherkommen. Beschränken Sie sich also auf einige wenige Designelemente für die Gestaltung der unterschiedlichen Bereiche Ihrer Seite. Es gilt der Grundsatz "Weniger ist Mehr!".

 

namo studio artd branding website III

3. Gymnastik für Ihr Logo

Ihr Logo sollte auf dem Smartphone genau so gut erkennbar sein wie auf einem 27 Zoll Desktop Bildschirm. Es muss in die kleine Quadratische Favicon-Box genauso passen wie in die Bilddatei eines Social Links. Mit einer einzigen jpg-Version Ihres Logos erreichen Sie dieses Ziel nicht. Für das Internet muss Ihr Logo darum flexibel, oder im Fachjargon "responsive", werden.

Bei sehr kleiner Darstellung kann Text schnell unlesbar werden. Passen Sie in diesem Fall die Grössenverhältnisse von Namen und Bildmarke an oder lassen Sie einzelne Elemente des Logos gleich ganz weg. Benutzen Sie das Logo im Desktop-Header in einem breiten Format und im Mobile Menu auf das Wesentliche reduziert, das kann zum Beispiel der Name Ihres Unternehmens ohne den dazugehörigen Slogan sein. Achten Sie dabei aber stets darauf, dass Sie das Logo nicht unproportioniert vergrössern oder verkleinern. Gehen Sie mit Feingefühl vor!

namo studio artd branding website IV

4. Fotos als Teil Ihrer Marke

Ein wichtiges Element des Markenauftritts, das oft zu wenig Aufmerksamkeit erfährt, sind Bildwelten. Bewusst ausgesuchte und qualitativ hochwertige Fotos unterstreichen nicht nur die Inhalte Ihrer Website, sie sind auch Teil des Markenauftritts.

Achten Sie darauf, dass die verwendeten Fotos in sich stimmig sind und zu Ihrem Brand passen. Bevor Sie die Bilder auf Ihrer Website platzieren, sammeln Sie alle Fotos in einem Ordner und vergleichen Sie diese. Zeigen Ihre Fotos Personen, fragen Sie sich, ob diese Ihrer Zielgruppe entsprechen. Achten Sie auf einen einheitlichen Farbton - passt dieser zu den Farben, die Sie für Texte, Hintergründe und Buttons verwenden? Welcher Ausschnitt eines Fotos soll auch auf dem Smartphone-Screen im Hochformat noch erkennbar sein und über welchem Bereich eines Hintergrundbildes platzieren Sie einen Seitentitel?

namo studio artd branding website V

5. Stock Vs. Custom

Viele Designelemente von der Schrift über die Fotos bis hin zur komplett gestalteten Website kriegen Sie heute von der Stange. Mit nur wenig Geld oder sogar kostenlos können Sie einen fixfertigen Webauftritt unter Ihrer Wunschdomain veröffentlichen und brauchen nur noch Text und Logo anzupassen. Klingt toll oder?

Leider hat die Sache einen Hacken: Eine generische Website lässt auch Ihre Marke generisch wirken. Wo liegt der Sinn des eigenen Webauftritts, wenn Sie sich nicht von der Konkurrenz abheben und Ihren einzigartigen Markenauftritt auch im Web stimmig präsentieren? Sie können zwar über Ihre Angebote informieren, nur wird Ihnen niemand zuhören, wenn Sie nicht herausstechen unter tausender, gleich gestalteter Webseiten. Auch in Zeiten von Wix und Squarespace lohnt sich darum der Aufwand, Ihre einzigartige Marke auch im Netz entsprechend zu repräsentieren.

namo studio artd branding website logo namo II

Roman Kasinski ist Geschäftsführer von Namo Studio für Branding & Design. Namo ist eine inhabergeführte Branding Agentur in Bern, tätig in den Bereichen Strategie, Design, Digital und Produktgestaltung. Mehr Informationen finden Sie unter www.namo.studio.


20. März 2019

Verstärkung im Interaction Design und UX Design

20. März 2019
Hallöchen,
 
mein Name ist Alessa Klinger und ich bin seit diesem Februar in das artd Team aufgenommen worden. Ich studiere Interactive Media Design in Darmstadt und komme ursprünglich von dort. Nach Kunst ist Design meine zweite Liebe.

Team Alessa


Als Interaction Designerin stelle ich sicher, das alle Webdesigns von artd optimal auf den User angepasst sind und jeder "Pixel" sitzt. Ich freue mich mit Kunden einzigartige und innovative Designs und Konzepte umzusetzen.
 
Durch mein Studium in Interactive Media Design weiss ich wie wichtig es ist die Wünsche und Probleme der Nutzer zu verstehen. Durch detaillierte User Research kann ich die Welt aus den Augen meiner Nutzer sehen. Meine Konzeption skizziere ich zuerst in Wireframes und stimme diese mit dem Kunden ab. Anschliessend werden die finalen Screendesigns erstellt.
 
Während ich im Beruflichen ein zielgerichtetes, konsequentes Arbeiten vorziehe, bin ich privat gerne spontan und ausgelassen und mache Yoga oder bin in der Natur.

20. März 2019

artd the place to be

20. März 2019

Mein Name ist Joval Lienhardt und seit kurzem bin ich als Online Marketing Manager/
Projektmanager neu im artd Team zur Unterstützung und Weiterentwicklung von Online Marketing Projekten.
Ich kümmere mich hauptsächlich um die Konzeption, den Aufbau und die Implementierung von Marketing Automatisierungen über die Pardot Plattform von Salesforce. Ausserdem treibe ich das Marketing von artd voran und sorge dafür, dass wir gefunden werden.

Team Joval

Das Bachelorstudium in Instructional Design habe ich im sonnigen Tel Aviv abgeschlossen, wo ich auch schon Erfahrungen im Online Marketing Bereich machte. Dank meiner beruflichen und schulischen Erfahrungen, verstehe ich es auf Kundenanforderungen und Geschäftsziele einzugehen um massgeschneiderte Prozesse zu entwickeln und eine angenehme User Experience zu ermöglichen.

In meiner Freizeit bin ich ein leidenschaftlicher Koch. Um Verdauen zu können gehe ich gerne regelmässig ins Fitnessstudio.

Ich freue mich auf die Zusammenarbeit, die neuen Herausforderungen und spannende Projekte.


27. Februar 2019

Alle Webdesign Trends 2019 im Überblick

27. Februar 2019

Trends sind immer schwierig zu erahnen. Wann ist etwas ein Trend? Wir sind der Meinung ein Webdesign „Trend“ ist, dann ein Trend, wenn viele davon berichten. Deshalb haben wir uns die Zeit genommen und 13 Blogs zum Thema Webdesign Trends angeschaut. Dabei sind uns gemeinsame Trends und auch teilweise alleinstehende Behauptungen aufgefallen. In unserer Übersicht sehen Sie die häufigsten gemeinsamen 12 Trends von über 70 im Netz verbreiteten „Trends“.

3D Elemente

3D Trend webdesign

Dreidimensionale Darstellungen gelten aus gutem Grund als modisch. Sie bleiben in Erinnerung und ermutigen den Besucher genau hinzusehen. Die 3D-Elemente sind eine willkommene Abwechslung zum beliebten Flat Design oder möglichst minimalistischen Grafiken, wovon die meisten modernen Websites Gebrauch machen. 3D-Elemente bringen die Liebe zum Detail zum Ausdruck und bleiben dennoch abstrakt genug, um für fast jede Art von Branding oder Story geeignet zu sein.

Brutalismus

Brutalist Trends webdesign

Alle Beispiele verzichten auf Stilmittel des modernen Web-Designs wie etwa responsive Benutzeroberflächen oder interaktive Navigationselemente. Sie setzen zu großen Teilen auf reinen HTML-Code. In den USA spricht man deshalb bei dieser Art von Design auch vom „Web Brutalism“-Trend. In der Architektur beschreibt er einen Stil der Moderne, der in den 50er bis 70er Jahren entstand und eine klobige sowie detailarme Zurschaustellung der Grundrisse, Konstruktion sowie der Materialien von Bauwerken vorsieht. Im Volksmund sagt man zu derartigen Gebäuden auch ganz gerne „Betonbauten“. Eine brutalistische Website erscheint auch oft „roh“, reduziert, mit wenig Gestaltungselementen und kaum CSS-Gestaltung.

Retrodesigns

vintage trends webdesign

Keine Trendliste wäre komplett ohne eine Form von Retrodesign, das ihr Comeback feiert. Wie beispielsweise Glitch Art, bei dem es sich um schiefgegangenes Retro handelt. Glitch Art sind diese Momente, in denen zerknitterter Film oder eine langsame Internetverbindung zu einem verzerrten, eindrucksvollen Bild führt. Retro-Vibes scheinen langsam wieder aufzutauchen, wie auf in diesem Beispiel der Website von Sea Harvest.

Organische und geometrische Formen

gemetrische Formen Trends webdesign

Mit der kontinuierlichen Verbesserung der Webdesign-Technologie wird es für Designer einfacher, aus dem Raster zu treten und die Markenidentität auszudrücken. Viele Designer verwenden Kreise, Dreiecke und gedrehte Quadrate, um die Aufmerksamkeit der Benutzer auf sich zu ziehen und subtile Botschaften über die Marke zu kommunizieren. Die Verwendung verschiedener geometrischer Formen im Webdesign ist kein neuer Trend. Dieser begann bereits um 2016 und gewann an Popularität und tut es auch weiter im 2019. Wie die Praxis zeigt, sind viele Benutzer von solchen Websites angetan, die mit solchen organischen und geometrischen Formen gestaltet sind. Formen können den verrücktesten Webdesigns eine Balance verleihen. Die Geometrie ist in verschiedenen Elementen vorhanden: Schaltflächen, Rahmen oder Abbildungen. Jede Form bringt spezifische Assoziationen hervor und hat ihre eigene Bedeutung. Wenn sie sinnvoll eingesetzt werden, können Formen zu Schlüsselelementen eines Webdesigns werden.

gemoetrische formen trends webdesign

Grosse, fette Typographien

typographie trends webdesign

Dank der grossen Auswahl an Webfonts und dem Aufkommen hochauflösender Displays ist der Einsatz vieler Serifen-Schriften inzwischen gut möglich, ohne dass die Lesbarkeit leidet. So lassen sich auch Trends und Gestaltungen umsetzen, die man bisher nur aus dem Printbereich kannte. Die große markante typografische Gestaltung gehört dazu.

Bunte, kräftige Farben

buntefarben trend webdesign

Dieser Trend hat seit vielen Jahren nicht an Popularität verloren. In Kombination mit einem gut entwickelten flachen Design verteuern sie eine Website optisch. Mehr denn je verwenden Unternehmen heute kräftige, leuchtende Farben, um die Unternehmensmarke besser zu repräsentieren.

Mobile First

Mit dem Begriff „Mobile First“ wird insgesamt das Konzept für Webdesign und die Konzeption von Websites bezeichnet. Das Mobile First Konzept sieht vor, dass vor allem die für Smartphones und Tablets optimierte Ansicht zuerst entwickelt wird und dann sukzessiv Ergänzungen stattfinden. Damit folgt die Mobile First Strategie der Tendenz, dass immer mehr Besucher mit dem Smartphone oder Tablet auf einer Website surfen und nicht wie früher hauptsächlich mit dem Desktop-Computer oder Laptop. Das Webdesign zeigte uns Ende 2018 eine Reihe von scroll-basierten Animationen und eine Einbeziehung von "getakteten Animationen", die den Blick auf das Angebot lenken. Während dies am Desktop gut funktioniert, müssen im 2019 neue leichtere Ansätze für Interaktionen gestaltet werden. Der Website Speed, also die Performance der Website, nehmen weiter unabhängig von aktuellen Webdesign-Trends an Bedeutung zu. Diese Aspekte sollten 2019 für die Optimierung von Webdesigns in Betracht gezogen werden.

Dynamic Scrolling

Es gibt einen klaren Trend zu inhaltlich umfangreicheren Seiten. Also statt mehrere inhaltlich kürzere Seiten zu erstellen, wird eine längere eingesetzt. Ein Hauptgrund liegt darin, dass Benutzer allgemein lieber scrollen (wollen), anstatt auf die nächsten Seiten zu klicken, was eine deutliche grössere kognitive Anstrengung bedeuten würde - Wo muss ich klicken?, Was erwartet mich da?, Lohnt sich der Klick?, Welche der Navigationspunkte klicke ich überhaupt an? Längere umfangreichere Inhalte ermöglichen dem Webdesigner auch mehr Gestaltungsspielraum. Teilweise geht es dann schon in „Storytelling“ über, so dass die Inhalte beim Scrollen quasi einem roten Faden folgen.

Mikrointeraktionen

Experten für User Experience sind sich einig, dass Mikrointeraktionen eine wichtige Rolle bei der Interaktion und Benutzerfreundlichkeit spielen. Sich die Zeit zu nehmen, sehr spezifische Interaktionen zu verstehen und zu optimieren, kann dazu führen, dass sich Ihre Website lebendig anfühlt. Typischerweise werden Mikrointeraktionen auf anklickbaren Elementen wie Schaltflächen und Navigationen verwendet. Der Schlüssel liegt darin, diese Effekte nicht zu überplanen. Ihre Absicht sollte es sein, die Benutzerfreundlichkeit zu verbessern und sie nicht komplexer zu gestalten.
button animation

Minimalismus

Minimalism trend webdesign

Aufgrund von Kundenwünschen wird man oft gebeten mehr hinzuzufügen, als Webdesigner einem Design wünschen, und der Instinkt des Webdesigners neigt dazu, das Layout in symmetrische Raster zu lenken. Im Design ist weniger jedoch oft mehr und Asymmetrie kann kraftvoll und auffällig sein. Gerade deshalb gehören minimalistische asymmetrische Layouts zu den schwierigsten Designstilen. Obwohl herausfordernd führt der Prozess der Eliminierung nicht wesentlicher Elemente zu einem saubereren und fokussierteren Design. Ein solides Verständnis von Layering, Proportion und Whitespace ist der Schlüssel zu dieser Technik. Minimalistische Designs lenken nicht vom Inhalt ab, sondern sie unterstützen diesen. Dazu ist die Ladezeit bei minimalistischen Websites sehr gut, da keine unnötigen Elemente und Codes geladen werden müssen.

Videos im Hintergrund

Videohintergründe sind informativ und praktisch. Der Benutzer muss nicht von oben nach unten scrollen, um die gewünschten Informationen zu erhalten. Er/Sie kann sich die Informationen im Video ansehen. Früher befanden sich die Videos bereits an hochkarätigen Orten, aber nun treten sie vermehrt in den Hintergrund. Videohintergründe sind heute zwar etwas weniger beliebt als 2016, da die Bedeutung der Ladegeschwindigkeit gestiegen ist. Im Jahr 2019 wird jedoch die Entwicklung der Videointegration im Webdesign nach Trendvorhersagen zunehmen. Dies liegt daran, dass Video-Hintergründe nachweislich die Konversionsrate von Websites erhöhen. Die Zuschauer bleiben in der Nähe, um das Video anzusehen, wenn es ihre Aufmerksamkeit erregt hat. Sie können auch eine ganze Markengeschichte mit einem Video erzählen, ohne Worte zu verwenden.
how to use video background on your website premisehealth o

Broken Grid

Broken grid Trend webdesign

Der Trend zur Asymmetrie hat 2018 begonnen und wird 2019 bestehen bleiben. Grids, werden verwendet, um Inhalte einer Website in einer abgestimmten und konsistenten Weise hinzuzufügen. Die mit Rastern erstellten Layouts sehen symmetrisch und strukturiert aus. Diese Vorhersehbarkeit erleichtert den Umgang mit Informationen. Der neue Trend, asymmetrische Gitter zu verwenden und ein "gebrochenes" Erlebnis für den Betrachter zu schaffen, ist jedoch auf dem Höhepunkt. Designer überlagern Inhaltsmodule, Farben und Texturen, um eine Tiefenwirkung zu erzielen. Diese Dynamik trägt dazu bei, die Zuschauer zu begeistern und die umsatzorientiertesten Bereiche der Website hervorzuheben.


Quellen

  1. webflow.com
  2. raidboxes.ch
  3. webdesign-journal.de
  4. 99designs.de
  5. merehead.com
  6. thedigital.com
  7. pagecloud.com
  8. fingerprintmarketing.com
  9. bluecompass.com
  10. wix.com
  11. iage.ch
  12. templatemonster.com
  13. crowdspring.com

20. Februar 2019

Front-End Editing bei Joomla!

20. Februar 2019
Unsere Joomla! CMS Projekte haben standardmässig alle ein Front-End Editing Modul, welches die Verwaltung der Website deutlich vereinfacht. Leider stellen wir immer wieder fest, dass dieses Feature oft nicht eingesetzt wird bei bestehenden Installationen. Mit diesem Blogbeitrag würdigen wir diese einfache und schnelle Art, wie man den Inhalt einer Website anpassen kann.

Um zu verstehen, was Front-End Editing ist muss man zuerst die Begriffe Front-End und was Back-End verstehen:
  • Back-End ist das, was der Kunde nicht sehen kann und mit einem Login gesichert ist. Im Back-End wird die Website von Grund auf gestaltet. Ein Content Management Systeme, wie Joomla! ermöglicht es dabei, selbst im Back-End, eine übersichtliche Darstellung aller Inhalte zu bekommen. Im Back-End bzw. der Administration kann man aber noch viel mehr als nur Texte und Bilder anpassen.Dort werden grundlegende Systemsettings oder Navigationsstrukturen festgelegt.

  • Front-End ist die Präsentationsebene einer Website. Es ist also das, was die Kundin oder der Kunde sehen kann. Das Front-End Editing erleichtert die Verwaltung von Inhalten einer Website, da damit auf der eigentlichen Website direkt eine Bearbeitung von Texten und Bildern möglich ist.

Wie sieht Front-End Editing aus?

Auf der Website kann der Kunde durch ein verstecktes Login in den Bearbeitungsmodus wechseln. Nach der Anmeldung kann der Inhalt der Website einfach angepasst werden und gespeichert werden.

Warum Front-End Editing?

Anstatt sich im Back-End durchzuklicken und sich zu fragen:
  • War diese spezifische Seite die man ändern will nun ein Artikel-Beitrag?
  • War es eine Kategorie-Beschreibung?
  • Oder ist der Inhalt in einem Modul? und wie heisst dies?

...kann man direkt an Ort und Stelle die Änderung schnell und einfach vornehmen. Wird die Website von mehreren Personen verwaltet, will man vielleicht nicht, dass alle Personen im Back-End Anpassungen vornehmen können. Die Gefahr für einen gravierenden Fehler beim Bearbeiten der Inhalte reduziert sich beim Front-End Editing praktisch auf Null. Joomla! bietet eine Versionverwaltung bei Beiträgen, so dass man falsch editierte Beiträge wieder herstellen kann. Muss man beispielsweise häufig Neuigkeiten auf der Website anpassen, ist dies innerhalb von wenigen Klicks umgesetzt, ohne sich im Back-End durchzuklicken. Die Änderungen, die man im Front-End vornimmt, sind sofort sichtbar. Genau so, wie es die Besucher der Website sehen. Das Front-End Editing bringt aus unserer Sicht viele Vorteile zur effizienteren und einfacheren Verwaltung der Inhalte auf einer Website.

Neben den Front-End Editing steht auch eine Front-End Submission zur Verfügung. Damit gemeint ist die Erstellung von neuen Beiträgen, welche man ebenfalls bequem über das Front-End einreichen kann. Dies eignet sich vor allem bei Blogs, News aber auch bei Mitarbeiterseiten, welche entsprechen aufgebaut sind.


frond end submission with joomla


03. Januar 2019

Social Media Tools - Hootsuite vs Buffer vs Later

03. Januar 2019

Wie verwalten Sie Ihre Social Media Konten? Damit Sie Posts planen und analysieren können gibt es im Web eine Vielzahl von Tools die Sie beim aktiven bewirtschaften Ihrer Social Media Konten unterstützen. Wir haben für Sie zwei der gängigsten Tools unter die Lupe genommen und mit einem weiteren noch jungen Tool verglichen.

social media tools c


Hootsuite

Hootsuite ist ein Vorreiter der Social Media Verwaltung. Mit diesem Tool können Sie alles tun! Dementsprechend kostet das beliebte Hootsuite auch einiges mehr. Ab 25 USD pro Monat steigen Sie bereits bei professional ein. Sie könne aber für bis zu 599 USD pro Monat die Business Lösung erhalten. Diese lohnt sich aber erst für sehr grosse Marketing Teams.

Sie fragen sich nun, warum sollen Sie Geld für etwas ausgeben, dass Sie auch direkt in Ihrem Social Media Account tun können? Ganz einfach: Sie sparen Zeit und erhalten zusätzliche nützliche Informationen. Mit Hootsuite verwalten Sie alle Ihre Social Media Accounts zusammen und behalten dabei die Übersicht über Ihre Social Media Aktivitäten.

Mit analytischen Berichten können Sie das Verhalten Ihrer Fans und Follower beobachten und wissen welche Themen, zu welchen Zeiten ankommen und welche nicht. Sie können ausserdem Ihre Chats in einer Ansicht überwachen und verpassen so keine Kundenanfragen. Das Ganze hat natürlich auch einen Nachteil. Die interessantesten Informationen und zeitsparendsten Funktionen kosten zusätzlich oder sind nur mit einem monatlichen hohen Preis verfügbar.

kostenlos Testen

Ob Sie diese Funktionen wirklich brauchen können Sie ausprobieren. Hootsuite bietet Ihnen 30 Tage lang alle Funktionen kostenlos zum Testen an. Jeder kann sich für ein kostenloses Konto bei Hootsuite registrieren, um die verschiedenen Funktionen zu erkunden. Sobald Sie sich für das kostenlose Hootsuite-Konto mit Ihrer bevorzugten E-Mail-ID und Ihrem Passwort registriert haben, können Sie die verschiedenen Social-Networking-Sites auswählen, in die Hootsuite integrieren kann, um Nachrichten anzuzeigen, zu planen und zu veröffentlichen. Diese Accounts können Twitter, Facebook, Google+, Instagram, YouTube oder LinkedIn sein. Im kostenlosen Konto sind nur drei dieser Accounts gleichzeitig nutzbar. Um mehr Social Media-Profile (genauer gesagt 100) zu verwalten, können Sie jederzeit auf das Hootsuite Pro-Konto für Unternehmen upgraden.

Einrichten

Zuerst kann das Hootsuite Dashboard etwas kompliziert aussehen, aber sobald Sie anfangen herum zu surfen und klicken, werden Sie feststellen, dass die meisten Funktionen selbsterklärend sind. Das Haupt-Layout des Dashboards bietet Ihnen die Möglichkeit, Registerkarten für Ihre verschiedenen Social Media-Profile zur einfachen Ansicht zu öffnen. Für jede Registerkarte können Sie ein Intervall "Auto Refresh" für alle zwei Minuten, fünf Minuten, 10 Minuten, 15 Minuten oder 30 Minuten einstellen. Alternativ können Sie diese Aktualisierungseinstellung auch ändern und die "manuelle Aktualisierung" aktiv halten. Das bedeutet, dass man Updates über Beiträge, Vorlieben, Kommentare und so weiter zu den Social Media Profilen in der von Ihnen gewünschten Häufigkeit erhältst. Darüber hinaus können Sie die sozialen Netzwerke, die Sie verwalten möchten, über das Dashboard selbst hinzufügen, indem Sie die Schaltfläche "Add Social Network" anklicken.
Es ist sogar möglich, Ihren WordPress-Blog mit dem kostenlosen Konto hinzuzufügen. Von den im Dashboard ausgewählten sozialen Netzwerken aus können Sie sich dann durch Hinzufügen der Stream-Ansichten die zugehörigen Streams ansehen.

Posten

Nachdem Sie Ihre Auswahl an sozialen Netzwerken und den entsprechenden Streams eingerichtet haben, können Sie Posts verfassen, die Sie veröffentlichen möchten. In den Posts können Sie einen beliebigen Text hinzufügen und Mediendateien in Form von Fotos oder Videos anhängen. Sie können sich sogar mit Ihrem YouTube-Kanal verbinden, um neue Videos hochzuladen und Sie mit all Ihren sozialen Netzwerkprofilen zu teilen.

hootsuite dashboard
Sie können entweder das genaue Datum und die genaue Uhrzeit festlegen, zu der Ihr Post in allen ausgewählten Social Media-Profilen veröffentlicht werden soll, oder Sie können die Option "Auto-Scheduler" aktivieren. Auf diese Weise kann Hootsuite den Zeitpunkt bestimmen, zu dem Ihre Nachrichten gepostet werden, um eine optimale Wirkung und eine bessere Leserbindung zu erzielen.

In Ihren Posts hinzugefügte Links können mit URL-Verkürzern wie ow.ly, owl.li, ht.ly oder htl.li gekürzt werden.

Nachdem Sie Ihre Beiträge mit allen Einstellungen und Anhängen geschrieben haben, können Sie sie wahlweise sofort versenden oder als Entwurf speichern. Ein Entwurf kann später eingesehen und geändert werden, bis der tatsächliche Zeitpunkt der Veröffentlichung erreicht ist. Darüber hinaus können Sie im Abschnitt "Publisher" Details zu den geplanten Beiträgen, Entwürfen und Nachrichten abrufen.

TOP

  • Riesige Auswahl an (kostenpflichtigen) Features
  • Monitoring über mehrere Kanäle
  • Automatisiertes Planen von Beiträgen
  • Browsererweiterung zum schnellen posten

FLOP

  • Komplexes Dashboard
  • Braucht Zeit zum Verstehen
  • Extra Kosten für erweiterte Berichte

Buffer

Buffer ist eines von vielen beliebten Social Media Tools. Mit Bugger lassen sich Social Media Posts planen und analysieren. Die Funktionen sind ähnlich wie bei allen anderen Tools und auch hier kann man zwischen dem kostenlosen Starter Plan bis zum Business Plan für grosse Unternehmen nach seinen Bedürfnissen wählen.

Gleich zu Beginn ist zu sagen: Buffer ist ein Tool für Macher und weniger für Analytiker. Ausführlichste, detaillierteste Berichte die die eigenen Fans und Followers nackt dastehen lassen sind hier vergebens gesucht. Buffer richtet sich vor allem an kleine und mittlere Unternehmen, welche Ihre Social Media organisieren und planbar machen wollen.

Das Tool lässt sich mit Facebook, Instagram, Twitter, LinkedIn, Google+ und Pinterest integrieren. Social-Media-Posts können für jede Plattform angepasst und dann an alle Plattformen auf einmal versendet werden. Buffer kann auch automatisch Social Media Beiträge zu vorgegebenen Zeiten veröffentlichen.

Einrichten

Um Buffer zu verwenden, melden Sie sich mit einem Twitter-, Facebook- oder LinkedIn-Konto, etc. an. Sobald Sie angemeldet sind, können Sie die sozialen Netzwerke und alle Facebook-Seiten und LinkedIn-Gruppen, die Sie verwalten, hinzufügen.

Posten

Mit Buffer können Sie Tweets und Status-Updates erstellen, die in mehreren Netzwerken gleichzeitig veröffentlicht werden können, und Sie können ebenfalls entscheiden, wann Sie sie veröffentlichen möchten. Entweder posten Sie sofort oder wählen die Option "Add to Buffer", mit der Buffer entscheiden kann, wann es die Beiträge posten soll.

Sie können mehrere Beiträge erstellen und sie zu Ihrer Bufferwarteschlange hinzufügen, und Buffer wird sie für Sie veröffentlichen, wenn Buffer es für angemessen hält. Buffer wählt eine Zeit basierend darauf aus, wann es glaubt, dass die meisten Retweets, etc. und Klicks stattfinden.

Buffer bietet auch eine Browsererweiterung für Firefox, Chrome und Safari, mit der Sie Inhalte von jeder Website aus freigeben können. Es fügt Ihrem Browser ein kleines Symbol hinzu, das es Ihnen ermöglicht, einen Link über Buffer direkt von der Website selbst aus zu teilen. Es schlägt sogar Text vor, der mit dem Link übereinstimmt (den man ändern kann) und gibt die Möglichkeit, ihn jetzt zu veröffentlichen oder zur Warteschlange hinzuzufügen.

Die Analyse von Buffer kann Ihnen helfen festzustellen, ob Posts zur richtigen Uhrzeit und am richtigen Tag gepostet wurden. Die Analysefunktionen bietet eine gute Balance zwischen Privatanwendern und kleinen Unternehmen mit genügend Informationen - wie z.B. wie viele Klicks, Retweets und Erwähnungen Sie erhalten, sowie die potenzielle Reichweite Ihrer Beiträge - ohne Sie zu überfordern.

buffer dashboard

Einfachheit ist es, was Buffer zu einem so großartigen Tool macht. Es erfordert keine Vorwissen und ist aus unserer Sicht sehr benutzerfreundlich und selbsterklärend. Jeder kann dieses Tool unabhängig von seinen Social Media-Kenntnissen nutzen - Sie können soziale Nachrichten schnell planen und auf einfache Berichte zugreifen. Bezahlte Pläne ergänzen die Teamzusammenarbeit, höhere Nachrichtenlimits und bessere Analysen.

Unser persönliches Highlight ist die Browsererweiterung, mit der sich schnell und einfach auf allen Social Media Kanälen Inhalte, die beim Surfen entdeckt werden, teilen lassen. Aufgepasst beim Posten: Einmal gepostete Beiträge kann man nicht über das Tool ändern oder löschen.

TOP

  • Einfachheit
  • Neben dem monatlich zahlbaren Plänen gibt es keine extra Kosten
  • Einfaches Teilen von Inhalten mittels Browsererweiterung
  • Einfach verständliche Analytics
  • Pablo – ein Feature um Text einfach mit Bildern zu posten

FLOP

  • Keine direkte Interaktion mit Followern
  • Freier Plan erlaubt nur drei Konten

 

Later

Later ist eine Plattform, die Ihnen ermöglicht, Posts im Voraus zu planen. Nach dem Planen gibt Ihnen Later eine Meldung auf dem Smartphone, wenn es Zeit für die Veröffentlichung in Ihrem Profil ist.  Doch was ist denn nun anders im Vergleich zu Hootsuite und Buffer?

Einrichten

Das Interface von Later ist sehr intuitiv und einfach zu durchschauen. Als erstes muss man sich aber die App Later auf dem Smartphone oder Tablette herunterladen, die man dann mit dem Social Media Profil verknüpfen muss. Danach kann man auf dem Desktop Fotos hochladen, die Posts beschreiben, die Hashtags setzen und den Beitrag planen. Man erhält dann eine praktische Textnachricht, und wird daran erinnert, dass der Beitrag versandfertig ist. Wenn Sie diese öffnen, wird Ihre Bildunterschrift kopiert, damit Sie sie in Ihrem Feed veröffentlichen können. Einfacher geht es nicht. So hat man zusätzlich bei jedem einzelnen Beitrag die Kontrolle darüber, was gepostet wird.


Posten

Sie benötigen einige Fotos zum Posten, dazu müssen Sie die Fotos entweder von Ihrem Laptop aus oder von Ihrer Festplatte oder Dropbox hochladen. Sobald Ihre Bilder hochgeladen sind, können Sie auf die Bilder klicken, die Sie planen möchten, und Sie werden diese in einer Schnellansicht bearbeiten können. Danach klickt man einfach auf Beitrag erstellen.

Wenn Sie auf "Beitrag erstellen" klicken, wird ein Pop Up geöffnet. Schreiben Sie wie gewohnt Ihre Beschriftung hinein. Vergessen Sie die Hashtags nicht! Later hat gar einen praktischen Hashtag-Checker. Wenn Sie anfangen, Ihre # einzugeben, werden Ihnen Vorschläge gemacht und es wird Ihnen die durchschnittliche Suchhäufigkeit mitgeteilt.

Ist der Beitrag fertig bearbeitet, kann man die Zeit festlegen, zu der der Beitrag veröffentlicht werden soll. Danach erscheint der Beitrag im Kalender, wo man eine Übersicht über alle Beiträge sehen kann. Dann muss man nur noch auf die Erinnerungsmeldung warten, bis der Beitrag veröffentlicht wird.

Later kalender

Wenn es an der Zeit ist zu posten, schickt Later Ihnen eine Meldung, die Sie darüber informiert, dass Sie einen geplanten Beitrag fertig haben. Wenn Sie diese Meldung öffnen, wird Ihre Beschriftung in die Zwischenablage Ihres Smartphones kopiert. Das über Later geplante Bild wird auf Ihrem Smartphone gespeichert und Sie können es beim Öffnen von bspw. Instagram auswählen und bearbeiten. Dann müssen Sie nur noch die Bildunterschrift einfügen und wie gewohnt posten.

TOP

  • 100%ige Kontrolle über Posts und deren Aussehen
  • Man plant einmal für eine ganze Woche

FLOP

  • geht nicht ohne Bestätigung
  • muss "zweimal" Posten (einmal planen / einmal posten)

 


20. Dezember 2018

Mit Content Marketing Ihr Google Ranking verbessern

20. Dezember 2018

Es gibt unterschiedliche Massnahmen, mit denen Sie Ihr Ranking auf Google positiv beeinflussen können. Ein kritischer Faktor ist der Inhalt, den Sie auf Ihrer Webseite haben. Viele Unternehmen produzieren und publizieren aus diesem Grund regelmässig redaktionelle Inhalte. Sich hier von der Masse abzuheben, erfordert einzigartigen Inhalt mit Mehrwert.

In diesem Blogbeitrag erfahren Sie mehr über das Content Marketing und wie Sie Ihre Inhalte einprägsam vermitteln können.

content marketing

Content Marketing

Content Marketing zielt darauf ab, eine Zielgruppe über Inhalte anzusprechen und zu überzeugen1. Die Inhalte sollen dem Leser dabei einen Mehrwert generieren und nicht bloss ein Produkt oder eine Dienstleistung zum Himmel loben.

Mehrwert generieren Sie mit der Bereitstellung von Informationen oder Unterhaltung. Sie müssen dazu Ihre Zielgruppe genau kennen und wissen, welche Themen ansprechend sind. Durch diese Inhalte tritt Ihr Unternehmen als kompetenter Problemlöser auf. Ihre Bekanntheit steigt und Sie erhalten dadurch mehr Besucher und schlussendlich mehr Leads.

 

Storytelling

Damit Content einprägsam vermittelt wird, kann der Inhalt in eine fesselnde Geschichte verpackt werden. Was macht aber eine gute Geschichte aus? Basierend auf Emma Coats2 Empfehlung macht eine gute Story folgendes aus:

  • ... enthält ein sympathischer und authentischer Protagonist
  • ... die Situation ist für den Leser oder Zuschauer nachvollziehbar
  • ... zeigt eine Mission auf
  • ... der Versuch resp. die Reise zum Ziel steht im Fokus
  • ... enthält Hürden und Emotionen
  • ... hat ein „abschliessendes“ Ende


Die Geschichte muss aber auch spannend wiedergeben werden. Hierzu gibt es drei Komponenten, die beim Erzählen einer Geschichte abwechselnd eingesetzt werden sollten:

  • Handlung: Geschichte vorantreiben
  • Emotionen: Emotionen schüren
  • Details: Geschichte ausschmücken


Durch den abwechselnden Einschub wird Spannung aufgebaut und die Leser oder Zuschauer können sich besser in eine Handlung reinversetzen. Durch die starke emotionale Anbindung verbleibt die Geschichte (Inhalt) auch länger im Gedächtnis des Lesers.


Formen von Content Marketing

Content kann in verschiedenen Formen auftreten. Beispiele sind Bilder, Videos und Infografiken, wobei eine häufig und sehr beliebte Form Blogbeiträge sind. Ein Vorteil von Blogbeiträgen ist die Gestaltungsmöglichkeit. Kurze oder lange Texte lassen sich mit Bildern ergänzen und tragen zu einer einprägsamen Vermittlung der Inhalte bei. Dazu einige Tipps:

Blogbeitrag schreiben

Sie müssen sich Gedanken machen, wer Ihren Inhalt überhaupt lesen soll und welchen Mehrwert Sie diesem Leser bieten möchten. Definieren Sie deshalb Ihre Zielgruppe und erstellen Sie basierend darauf Personas. Haben Sie sich für ein Thema entschieden, beginnt die Schreibarbeit. Wir empfehlen eine grobe Struktur festzulegen und den Inhalt wie folgt zu gliedern:

  • Einleitung: Geben Sie bekannt, weshalb der Leser diesen Beitrag lesen soll. Wecken Sie das Interesse und die Lust zum Weiterlesen.

  • Hauptteil: Gehen Sie auf das Thema ein. Folgen Sie einem roten Faden und schreiben Sie verständlich. Geben Sie wo möglich Beispiele und Empfehlungen an.

  • Fazit: Fassen Sie das Wichtigste kurz zusammen. Fordern Sie Ihre Leser bei Bedarf zu einer Aktion auf.

Für die Länge eines Blogartikels empfiehlt es sich diese entweder kurz zu halten (350-500 Wörter) oder richtig in die Thematik einzugreifen und auszuführen (1000 Wörter und mehr). Ein Zwischending kommt bei den Lesern nicht gut an. Die Leser werden von Informationen überhäuft und nehmen sich nicht die Zeit einen langen Artikel zu lesen – sie wollen das Wichtigste in wenigen Absätzen zusammengefasst. Ein langer Artikel ist nur dann erwünscht, wenn dieser tief in ein Thema eingeht, sinnvoll strukturiert ist und spannend für den Leser wiedergegeben wird.

Kommunikation in Bildern

Content kann auch über visuelle Medien vermittelt werden und sind abhängig von der Zielgruppe effektiver als reiner Textinhalt. Die Kommunikation in Bildern lässt sich unterschiedlich gestalten. Folgend stellen wir Ihnen einige Beispiele vor.

1. Fotos

Mit Fotos können Sie Texte auflockern und die Aufmerksamkeit Ihrer Zielgruppe besser gewinnen. Dabei können Fotos unterschiedliche Emotionen vermitteln und einen Sachverhalt ernsthafter bzw. milder darstellen. Fotos können auch als Inhalte selbst dienen und nicht nur als Ergänzung zu einem Textinhalt. Instagram ist ein Paradebeispiel wie mit Fotos kommuniziert werden kann. Hier einige Tipps für Ihre Instagram-Fotos:

  • Vermeiden Sie anstössige Fotos
  • Nutzen Sie Fotos mit einer hohen Auflösung (mind. 1080 x 1080 Pixeln)
  • Wählen Sie einen geeigneten Ausschnitt – der Fokus liegt beim gewünschten Objekt
  • Nutzen Sie passende Hashtags
  • Nutzen Sie bedacht die Filterfunktionen

2. Infografiken

Infografiken veranschaulichen und erleichtern die Interpretation von statistischen Ergebnissen. Dabei werden Infografiken auch häufiger über soziale Netzwerke geteilt als ein gewöhnlicher Textbeitrag. Bei der Gestaltung der Infografiken empfiehlt sich folgendes:

  • Nutzen Sie die Farben zweckmässig
  • Beschriften Sie alle Elemente oder erstellen Sie eine Legende
  • Geben Sie die genutzten Einheiten an (Kilogramm, Tonnen, CHF, USD, ...)
  • Verweisen Sie auf Ihre Quellen

3. Videos

Videos ermöglichen es viele Informationen in sehr kurzer Zeit zu vermitteln. Durch Gesichter, Stimmen und Bewegungen wird die Aufmerksamkeit länger aufrechterhalten und ein einprägsamerer Eindruck hinterlassen. Die Produktion eines solchen Videos kann jedoch sehr aufwändig sein. Fällt die Wahl auf ein Video, empfehlen wir folgendes:

  • Halten Sie sich an ein Script, welches eine fesselnde Geschichte erzählt
  • Zeigen Sie Gesichter und Emotionen
  • Nutzen Sie Musik und Töne
  • Nutzen Sie sinnvolle Texte, um beispielsweise ein Zeitsprung anzuzeigen


Fazit

Durch Content Marketing können Sie Ihr Ranking auf Google verbessern, indem Sie immer wieder akutellen Inhalt mit sichtbarem Mehrwert generieren. Blogbeiträge eignen sich dabei hervorragend während visuelle Medien einfacher zu konsumieren sind und eher über soziale Netzwerke geteilt werden. Für welche Art von Content Sie sich entscheiden sollen, hängt von Ihrer Zielgruppe ab. Entscheidend für den Erfolg von Content Marketing ist aber letztendlich dessen Inhalt und die Vermittlung. Definieren Sie Ihre Entscheidungen und Ziele in Ihrer Content Marketing Strategie.

Bei Fragen rund ums Content Marketing und Social Media, stehen wir Ihnen gerne zur Verfügung: artd@artd.ch, 031 371 63 63




Verzeichnis:

https://www.gruenderszene.de/lexikon/begriffe/content-marketing

2 https://pr-blogger.de/2017/04/13/22-storytelling-gesetze-teil-1/

3 https://www.datapine.com/blog/content-marketing-strategies-to-boost-roi/


06. Dezember 2018

Wordpress 5.0 und Gutenberg Editor

06. Dezember 2018

WordPress 5.0 ist live. Diese Version enthält eine wesentliche Änderung am WordPress-Editor. Der neue Editor mit dem Codenamen Gutenberg ist ein grosser Fortschritt in der Funktionalität. Gutenberg verwendet ein neues blockbasiertes System zur Bearbeitung, das Ihnen ermöglicht, eine Vielzahl von Inhalten in Ihre Beiträge und Seiten einzubetten, und Ihnen viel Flexibilität bei der Gestaltung dieser Blöcke auf der Seite bietet.

Sobald Gutenberg und WordPress 5.0 stabil miteinander zusammenarbeiten, werden sie den WordPress-Anwendern und der Community langfristige Vorteile bieten. Aber kurzfristig kann diese Änderung einige WordPress-Site-Admin vor Herausforderungen stellen. In diesem Beitrag werden wir einige Punkte aufzeigen, die Ihnen bei der Entscheidung helfen, wann Sie auf WordPress 5.0 aktualisieren sollen und zeigen Ihnen eine erfolgreiche Strategie für die Überführung.

wordpress 5 gutenberg editor

Warum ändert WordPress den Editor?

Das WordPress-Kernentwicklungsteam spricht seit geraumer Zeit über Gutenberg. Das Ziel, ist nach Matt Mullenweg, sei es, "die erste Benutzererfahrung mit WordPress zu vereinfachen - für diejenigen, die Websites mit Inhalten füllen, bearbeiten, veröffentlichen und gestalten. Das Editier-Erlebnis soll den Nutzern eine bessere visuelle Darstellung dessen geben, wie ihr Beitrag oder ihre Seite aussehen wird, wenn sie auf Veröffentlichung klicken."

Insgesamt sind wir uns einig, dass Gutenberg einen grossen Sprung nach vorne ist, wenn es darum geht, mit WordPress Inhalte online bereitzustellen. Das primäre Ziel von Gutenberg ist, die Bedienung für den Erstbenutzer zu vereinfachen. Für die vielen Plugin-Entwickler, die eine Reihe von Tools anbieten, um spezifische Mängel des aktuellen Editors zu beheben, wird dies eine Neuorientierung erfordern.

Was ist anders beim neuen Editor?

Folgende Blocks bleiben bestehen

  • Absatz
  • Aufzählung / Liste
  • Überschriften
  • Bilder
  • Zitat
  • Cover
  • Galerie
  • Audio
  • File
  • Video

Folgende Blocks ändern sich

  • Blocks zum Formatieren
  • Layout Element Blocks zur Erweiterung von Layout
  • Widget Blocks zum Einbinden von Wordpress Widgets
  • Embed Blocks zum Einbindung von Bildern, Videos, Tweets, Audio und anderen Inhalten externer Seiten

Mögliche Probleme mit älteren Plugins und Designs

WordPress gibt es seit über 15 Jahren, und in dieser Zeit wurden Millionen von Websites mit dem alten Editor erstellt. Häufig werden Websites erstellt und nie auf modernere Themes aktualisiert. Es gibt eine grosse Anzahl von veralteten Plugins, die auf WordPress-Sites installiert sind - Plugins, die nicht mehr aktiv von ihren Entwicklern gepflegt werden. Niemand prüft diese veralteten Plugins oder älteren Designs auf Ihre Kompatibilität mit dem neuen Gutenberg Editor.

Erschwerend kommt hinzu, dass viele dieser Websites auf irgendwelchen WordPress Hosting-Diensten gehostet werden können, die eine automatische Aktualisierung auf die neuste WordPress-Version durchführen.

Mögliche Auswirkungen die erscheinen können sind:

  • Fehlerhafter Zugriff auf Seiten
  • kein Zugriff auf Bearbeitungsbildschirm der Seiten
  • Server 500-Fehler
  • Reibungslos, selbst mit Legacy-Plugins und Legacy-Themes

Mit über 60.000 einzigartigen Plugins im WordPress Plugin-Verzeichnis ist es nicht möglich, alle Plugins mit dem neuen Editor zu testen. Aktiv gepflegte Plugins werden am ehesten von den Plugin-Autoren geprüft, währen dies bei veralteten Plugins nicht der Fall sein wird. Es liegt aber deshalb an Ihnen die Kompatibilität der Plugins vor der Aktualisierung auf Wordpress 5.0 zu testen.

Gleiches gilt für Themes. Viele Themes erhalten von ihren Autoren regelmässige Updates. In anderen Fällen wird ein Theme als Einzelprojekt für einen Kunden erstellt und dann nicht mehr betreut. Diese nicht gepflegten Themes können mit der Aktualisierung auf Wordpress 5.0 und Gutenberg zu Problemen führen.

Wenn Sie Kompatibilitätsprobleme mit WordPress 5.0 erwarten, können Sie den aktuellen WordPress-Editor beibehalten, indem Sie das WordPress Classic Editor Plugin installieren. Wir empfehlen Ihnen, dies vorab zu tun, anstatt zu versuchen, den neuen Editor mit inkompatiblem Code zu verwenden. Es sei aber auch darauf hingewiesen, dass Gutenberg und WordPress 5.0 zahlreiche und wichtige Komponenten für bessere Editierleistung und Flexibilität mitbringen. Es lohnt sich, die Zeit zu investieren, um Ihre Website kompatibel zu machen und bei Bedarf zu modifizieren, um von den Vorteilen eines brandneuen blockbasierten Editors zu profitieren.

Wann bin ich bereit für das Update?

Haben Sie eine Testumgebung für Ihre Website? Haben Sie den neuen Gutenberg Editor ausprobiert? Benutzen Sie eine moderne Version von PHP? Grossartig, Sie werden wahrscheinlich auf WordPress Version 5.0 vorbereitet sein. Wie bei allen Hauptversionen empfehlen wir, zuerst Ihre Testumgebung zu aktualisieren, um nach Problemen zu suchen.

Suchen Sie nach Anomalien bei allen Ihren Seitenlayouts. Es ist auch sinnvoll, in Ihrer Testumgebung in der Zeit zurückzugehen und ältere Beiträge und Seiten zu überprüfen, um sicherzustellen, dass sie für den neuen Editor bereit sind.

Sichern Sie wie immer sowohl Ihre Site-Dateien als auch Ihre Datenbank, bevor Sie ein Update durchführen, insbesondere ein Update dieser Grössenordnung.

Wenn Ihr Hosting-Provider automatisch aktualisiert

Wenn Sie ein WordPress Hosting besitzen, wird Ihr Hosting-Provider WordPress automatisch für Sie aktualisieren. Ihr Hosting-Anbieter sollte deshalb ein Backup für Sie erstellen. Erkundigen Sie sich bei Ihrem Hosting-Anbieter, welchen Support dieser für den Übergang zur neuen Version von WordPress leisten wird und wann die Aktualisierung stattfinden wird.

Wenn Sie einen Page Builder oder ein Premium-Theme verwenden

Wenn Ihre Website einen Page Builder wie Visual Composer, Divi, Beaver Builder oder ein anderes Tool verwendet, welche auf Shortcodes zurückgreifen, können Sie sich bei den Entwickler solcher Page Builder informieren, ob der Page Builder mit Gutenberg kompatibel ist. Viele Premium-Themes werden nicht mit einem Page Builder geliefert. Hierzu müssen Sie sich mit Ihrem Theme-Entwickler in Verbindung setzen, um sicherzustellen, dass Ihr verwendeter Theme bereits mit Wordpress 5.0 und Gutenberg genutzt werden kann oder noch ein Update erfordert.

Was sind die Auswirkungen von Gutenberg auf die Sicherheit?

Uns sind derzeit keine Sicherheitsprobleme mit WordPress 5.0 oder Gutenberg bekannt. Das Projekt wird sehr schnell in die Produktion überführt, was das Risiko eines Sicherheitsproblems erhöht, da dadurch die Zeit für das Testen und Debuggen verkürzt wird. In dieser Phase der Entwicklung von WordPress gibt es weltweit eine grosse Anzahl von Sicherheitsteams, die den Code im Auge behalten und aktiv forschen, um festzustellen, ob es Schwachstellen in neuen WordPress-Versionen gibt. Sobald WordPress 5.0 veröffentlicht ist, wird es wahrscheinlich eine Reihe kleinerer Versionen geben, die in den folgenden Wochen erscheinen werden. Wir empfehlen Ihnen, den offiziellen WordPress-Blog zu überwachen und bei Bekanntgabe eines Sicherheitsupdates so schnell wie möglich zu aktualisieren.

Wordpress 5.0 und Gutenberg bieten viel

Wie bereits erwähnt, sind Gutenberg und WordPress 5.0 ein grosser Fortschritt in der Entwicklung von WordPress. Schnelle Innovationen sind für eine so grosse Anwenderbasis nicht ohne Risiko und Unannehmlichkeiten. Wenn Sie unseren obigen Empfehlungen folgen, können Sie das Risiko dieses Übergangs reduzieren und mit einem leistungsstarken neuen Editor für WordPress reibungslos in das Jahr 2019 wechseln.

Quellen


02. November 2018

10 neue Funktionen in Joomla! 3.9

02. November 2018

Joomla! 3.9 ist jetzt live und einsatzbereit für Sie!

Das Joomla!-Team setzt den größten Teil ihres Fokus und ihrer Energie auf Joomla! 4, aber sie haben trotzdem Zeit gefunden, Joomla! 3.9 zu veröffentlichen. Joomla! 3.9 führt über 200 neue Funktionen, Verbesserungen und Bugfixes ein. Die wichtigsten Änderungen betreffen den Datenschutz und die DSGVO, aber es gibt viele andere hilfreiche neue Funktionen.

1 Datenschutz und DSGVO Tools

Dies ist die Schlagzeile in Joomla! 3.9. Es gibt viel zu beachten, lesen Sie mehr über Joomla! und die DSGVO im Artikel von Joomla!shack.

2 Benutzeraktionsprotokolle

Dank eines Google Summer of Code Projekts konnte das Joomla!-Team einen User Activity Tracker erstellen. Im Bild unten sehen Sie das Plugin "User Actions Log", in dem man auswählen kann, welche Aktionen verfolgt werden sollen:

store actions

Das nächste Bild zeigt, wie die Daten im User Actions Log gespeichert werden:

store user actions

3 Fügen Sie Notizen zu Ihrem Joomla! Artikel hinzu

In früheren Versionen von Joomla!, konnten Sie Notizen zu Artikeln hinzufügen, aber nur zu einer bestimmten Version eines Joomla!-Artikels. Dies wurde entwickelt, um Ihnen zu helfen, den Unterschied zwischen verschiedenen Aktualisierungen eines einzelnen Artikels aufzuzeichnen. Um die Notiz zu sehen, müssen Sie jedoch den Artikel zur Bearbeitung öffnen und auf "Versionen" klicken.

01 note in versions box

In Joomla! 3.9 werden Artikelnotizen in der Artikelliste angezeigt, die Sie ganz einfach hinzufügen:

  • Gehen Sie zu einem Artikel, dem Sie eine Notiz hinzufügen möchten
  • Fügen Sie Ihre Notiz über das neue Feld "Notiz" dem Artikel hinzu
02 the new note box


Dies ist eine sehr nützliche Funktion für Content Manager. Den diese verbringen einen Grossteil ihrer Zeit in dem Joomla! Control Panel. Sobald Sie nun einem Artikel eine Notiz hinzugefügt haben, wird diese der Artikelliste angezeigt:

30 note displayed in article list


Sie können das Suchfeld in der Artikelliste verwenden, um Inhalte in Ihren Notizen zu finden. Geben Sie ein Wort oder einen Satz aus Ihrer Notiz in das Suchfeld ein. Klicken Sie "Enter" auf Ihrer Tastatur. Sie werden sehen, dass die gesamte Artikelliste nun bis auf den Artikel mit der Notiz gefiltert wurde:

31 article with the note filtered

4 Durchsuchen Sie Ihre Joomla!-Inhalte im Admin-Bereich

In früheren Versionen von Joomla! konnte das Suchfeld der Artikel nur dann Text finden, wenn dieser sich im Titel befand. Mit dieser neuen Funktion können Sie nun auch den Text von Artikeln durchsuchen.

Beispiel: Geben Sie "content:" ohne Anführungszeichen ein. Fügen Sie dann Ihren Text nach dem Doppelpunkt hinzu. Im folgenden Bild sehen Sie, wie Sie nach allen Artikeln suchen, die das Wort "information" enthalten:

03 content information

Öffnen Sie den Artikel, der als Ergebnis Ihrer Suche angezeigt wird. Sie sehen den Text, den Sie als Suchbegriff verwendet haben. Diese erweiterte Suchfunktion macht eine Inhaltssuche in Joomla! jetzt so viel einfacher. Wir sind uns sicher, es wird vielen Joomla!-Administratoren helfen, deren Websites viele Joomla!-Artikel haben.

04 article text

5 Laden eines Moduls über die Modul-ID

Früher mussten Sie, um ein Modul zu Ihrem Joomla!-Artikel manuell hinzuzufügen, sich entweder den Modulnamen oder seine Position merken. Dieses Tutorial erklärt, wie Sie {loadposition} und {loadmodule} in Joomla! verwenden könne, um genau dies einfach zu tun.

In Joomla! 3.9 haben Sie die Möglichkeit, Ihr Modul über seine ID-Nummer hinzuzufügen. Die Syntax, die Sie brauchen, ist also {loadmodule: 1234}.

Dies ist nützlich, wenn Sie ein paar Kopien desselben Moduls haben und ein bestimmtes in Ihrem Artikel anzeigen müssen.

6 Wiederholbare benutzerdefinierte Felder

Benutzerdefinierte Felder sind seit der Einführung von Joomla! 3 eines der wichtigsten neuen Features. Wir haben alle 15 Feldtypen überprüft und stellen fest, Joomla! 3.9 fügt einen weiteren benutzerdefinierten Feldtyp hinzu: das Feld "Repeatable":

05 repeatable custom field type


Sie können sich den benutzerdefinierten Feldtyp "Repeatable" als einen erweiterten Listenfeldtyp vorstellen. Wenn Sie ein Feld vom Typ Liste erstellen, erstellen Sie eine Dropdown-Liste der Werte-/Textpaare. Der Benutzer dieses Feldes kann einen der von Ihnen eingegebenen Werte auswählen. Wenn Sie ein solches wiederholbares Feld erstellen, erstellen Sie in diesem Feld also ein Mini-Formular.

"Repeatable" bietet Ihnen die Wahl zwischen fünf Feldtypen:

  •     Editor
  •     Media
  •     Number
  •     Text
  •     Text Area

12 repeatable field form field type


Sobald Sie Ihr wiederholbares Feld / Mini-Formular erstellt haben, kann der Endbenutzer folgendes tun:

  • Die Felder dieses Miniformulars ausfüllen
  • Felder löschen
  • Felder kopieren

Wie das Feld "Repeatable" funktioniert, können Sie im folgenden Bild sehen. Mit den grünen, roten und grauen Tasten auf der rechten Seite können Sie diese Feldeinträge löschen, kopieren und verschieben. Das Feld "Repeatable" ist eine sehr nützliche Ergänzung zu Joomla!. Es erweitert Ihre Möglichkeiten, leistungsstarke und flexible benutzerdefinierte Content-Typen zu erstellen, die nur den Joomla!-Kern verwenden.

13 repeatable field interface for end user

7 Alternative Layouts für benutzerdefinierte Felder

Ab Joomla! 3.9 können Sie Ihre eigenen benutzerdefinierten Layouts für benutzerdefinierte Felder erstellen. Sie finden die neue Option "Layout", bei der Registerkarte "Optionen".

14 the layout parameter

Das standardmässige benutzerdefinierte Feldlayout wird in /components/com_fields/layout/field/render.php gespeichert. Sie müssen diese Kern-Layoutdatei nicht berühren, um Ihre Alternative zu erstellen. Sie können es stattdessen auf einer Ebene Ihres Templates mit der "Template Override" Technik überschreiben.

  • Gehen Sie in Ihrem Joomla! Control Panel zu Extensions > Templates > Templates
  • Klicken Sie auf den Link "Details and Files" für die Standardvorlage Ihrer Website
  • Sie werden zur "Template: Customise (<Your template name>)" weitergeleitet
  • Klicken Sie in der Spalte "Layouts" auf das Feld com_fields > field

15 click field

  • Sie sehen die Meldung, dass Ihre Überschreiben erfolgreich erstellt wurde
    16 created the override message

  • Klicken Sie auf die Registerkarte "Editor" > html > Layouts > com_fields > field > render.php
    17 click render php

  • Fügen Sie Ihre Layout-Einstellungen in den Code ein. Zu Demonstrationszwecken ist im folgenden Bild eine h3-Überschrift hinzugefügt worden

    18 new layout code

  • Klicken Sie in der oberen rechten Ecke des Bildschirms auf "Datei umbenennen"
    19 click rename file

  • Benennen Sie die render.php in etwas anderes um (Unterstrich ist in diesem Dateinamen nicht erlaubt)
    20 newrenderphp

  • Klicken Sie auf "Speichern & Schließen" und dann auf "Schließen"
  • Gehen Sie zu Inhalt > Felder und öffnen Sie alle verfügbaren und veröffentlichten Felder. Öffnen Sie das vorhin erstellte wiederholbare Feld
  • Gehen Sie zu Optionen > Layout und wählen Sie Ihr neues Layout aus:

    21 select new layout

  • Klicken Sie auf "Speichern & Schließen".
  • Überprüfen Sie nun den Joomla!-Artikel mit diesem neuen Feld. Sie sollten Ihr neues Layout sehen:
    22 new layout at work

8 Verwenden Sie Googles unsichtbares reCAPTCHA.

Joomla! 3.9 erhöht Ihre Fähigkeit, Ihre Website vor Bots zu schützen. Joomla! kommt nun mit dem Plugin "Captcha - Invisible reCAPTCHA":
23 invicible recaptcha


Dieses Plugin integriert Ihre Joomla!-Seite mit der neuesten Version des kostenlosen Dienstes "reCaptcha" von Google. Sobald Sie es aktiviert und konfiguriert haben, können Ihre Website-Besucher Ihre Kontaktformulare ausfüllen, ohne sich mit einem sichtbaren Captcha befassen zu müssen.

Google hat reCAPTCHA V3 im Oktober diesen Jahres offiziell gestartet. In Joomla! 3.9 haben Sie nun die Wahl zwischen reCAPTCHA v2 und v3. Wenn Sie einen konservativen Ansatz verfolgen und reCAPTCHA v2 weiterhin verwenden möchten, verwenden Sie einfach das Plugin "CAPTCHA - reCAPTCHA".

9 Weitere Textanzeigeoptionen im Newsflash-Modul

In Joomla! 3.9 haben Sie mehr Möglichkeiten, Bilder im Modul "Newsflash" anzuzeigen. Wenn Sie das Modul so einstellen, dass Bilder angezeigt werden, wird das Bild angezeigt, das Sie für einen Artikel unter "Bilder und Links" > "Intro-Bild" ausgewählt haben.
25 intro image


Bisher wurden im Modul keine Bilder angezeigt, die Sie für den Artikel ausgewählt haben. Dies ist nun in Joomla! 3.9 möglich:
26 new show images setting

10 Die neuesten Artikel eines Autors anzeigen

In früheren Versionen von Joomla! bot das Modul "Latest Article" die folgenden drei Möglichkeiten, Inhalte anzuzeigen:

  1. Zeige Artikel an, die von jemandem geschrieben wurden
  2. Zeige Artikel an, die vom aktuell angemeldeten Benutzer hinzugefügt oder geändert wurden
  3. Zeige Artikel an, die nicht vom aktuell angemeldeten Benutzer hinzugefügt oder geändert wurden
In Joomla! 3.9 haben Sie eine vierte Option, "Erstellt von":
28 created by

Sobald Sie diese Option ausgewählt haben, können Sie das Modul "Latest Article" so einstellen, dass Artikel angezeigt werden, die nur von einem bestimmten Autor geschrieben wurden:
29 created by author

Dieser Blogartikel ist eine Übersetzung eines von Joomlashack verfassten Blogartikels.


26. Oktober 2018

Meine Website wurde gehackt! - Was kann ich tun?

26. Oktober 2018

Können Sie auf das Backend nicht mehr zugreifen? Erscheinen auf Ihrer Website irgendwelche Werbeanzeigen, die Sie nicht aufgeschaltet haben? Tritt Ihre Website in der Suchmaschine als eine komplett andere auf?

Lautet die Antwort auf einer dieser Fragen Ja, dann wurde Ihre Webseite vermutlich gehackt und mit Malware infiziert. In diesem Blogbeitrag stellen wir Ihnen einige Massnahmen vor, um sich von diesen Schädlingen zu befreien und sich vor Hackerangriffen besser zu schützen.

 

Was tun bei einer gehackten CMS Website?

 

Webseiten Sicherheit, so schützen Sie Ihre Webseite vor Hacks

 

Wurde Ihre Website gehackt, wird sich ein Dritter Zugriff auf Ihre Webseite verschafft haben. Dabei lässt sich der Fremdzugriff auf zwei weit verbreitete Ursachen zurückführen1:

  • Gestohlene Zugangsdaten - Ihre Daten für die Webseitenadministration wurden von einem Hacker gestohlen. Damit hat der Hacker uneingeschränkten Zugriff auf Ihre Webseite. Die Zugangsdaten werden von Hackern oftmals über Schadsoftware (z.B. Trojaner) auf Ihrem Computer eingelesen.
  • Veraltete Systeme – Content Management Systeme (CMS) und dessen Erweiterungen können Sicherheitslücken aufweisen und müssen aus diesem Grund stets aktualisiert werden. Bei einem veralteten System besteht die Gefahr, dass Schädlinge in Form von Code auf Ihre Webseite platziert werden.

Passwort ändern und Benutzerkonten prüfen

Sie sollten als Erstes Ihren Computer auf mögliche Schadsoftware prüfen und anschliessend Ihre Passwörter für die Website-Administration, FTP ändern. Gehen Sie dabei auf Nummer sicher und ändern Sie auch gleich das Passwort Ihres E-Mail Acoounts. Es empfiehlt sich ein mindestens 9-stelliges Passwort mit Gross- und Kleinschreibung sowie Sonderzeichen anzulegen. Nutzen Sie dazu einen Online Generator wie https://www.lastpass.com/password-generator.

Als Nächstes sollten Sie prüfen, ob in Ihrem CMS unbekannte Benutzerkonten angelegt wurden. Löschen Sie diese Einträge umgehend, das gilt insbesondere für fremde Benutzerkonten mit Administratorrechten.

Schädlinge beseitigen

Hacker werden Schadcode auf Ihrer Website eingeschleust haben, den Sie nun beseitigen müssen, sonst bleibt dem Eindringling eine Hintertür offen und Ihre Internetseite kann manipuliert werden. Zum Eliminieren des Schädlings können Sie wie folgt vorgehen:


Schritt 1: Sicherung erstellen

Bevor Sie irgendwelche Dateien löschen oder bearbeiten, sollten Sie eine Sicherung von Ihrer Seite erstellen. Dieses Backup sollte unbedingt lokal auf Ihrem Rechner abgespeichert sein. Bei den meisten Hostinganbietern können Sie eine Sicherung im Administratorbereich Ihres Hosting erstellen. Alternativ können Sie das Verzeichnis Ihrer Webseite über FTP kopieren, sowie die Datenbank über MySQL herunterladen.

 

Schritt 2: Website scannen

Anhand von online Tools können Sie eine erste Diagnose Ihrer Website durchführen. Zum Scannen bieten sich folgende Dienste an:

 

Dabei ist anzumerken, dass ein online Scanner nicht das ganze Verzeichnis Ihres CMS überprüfen kann. Dadurch kann es vorkommen, dass Sie keine Fehlermeldungen oder Warnungen erhalten, obwohl mit Ihrer Website offensichtlich etwas nicht stimmt.

Eine Analyse der lokal abgespeicherten Sicherung mit einer Malware-Software ist zu empfehlen. Dadurch können Sie das komplette Verzeichnis Ihres CMS auf Schädlinge prüfen. Hierbei bietet sich das folgende kostenfreie Anti-Malware-Software für Windows, Mac und Linux an: Malwarebytes Anti-Malware

Möglicherweise bietet auch Ihr Hosting-Anbieter ein Malware-Scanner an, den Sie im Administratorbereich nutzen können.

 

Schritt 3: Problem beheben

Anhand der Analysen sollten Sie einen Hinweis erhalten, welche Dateien mit hoher Wahrscheinlichkeit infiziert sind. Handelt es sich um eine Datei, die Sie nicht selbst angelegt haben und kein Kernbestandteil Ihres CMS ist, sollten Sie die Datei umgehend löschen.

Bei infizierten Dateien, die Sie selbst erstellt haben, empfiehlt es sich diese zu löschen und später neu zu integrieren. Ist dagegen eine Datei betroffen, die ein Kernbestandteil des CMS ist, sollten Sie diese mit einer Originaldatei ersetzen. Die Originaldatei des CMS finden Sie grundsätzlich auf der Webseite des CMS Anbieters. Unter Umständen ist auch eine Neuinstallation des CMS erforderlich.

 

Schritt 4: Manuelle Suche (für Fortgeschrittene)

Durch das Bereinigen der infizierten Dateien sollte Ihre Website wieder funktionieren und korrekt angezeigt werden. Hat sich das Problem nicht behoben, sind immer noch Dateien infiziert. Hierzu sollten Sie die Pfade: /tmp, /cache und /images nach PHP-Dateien suchen und diese umgehend löschen.

Die infizierten Dateien können auch tief in der Verzeichnisstruktur des CMS versteckt sein. Suchen Sie nach auffällig benannten PHP-Dateien, wie beispielsweise Adm1n.php, contact.php, css.php oder hell0.php und löschen Sie diese. In einigen Fällen ist auch eine legitime PHP-Datei betroffen, in der vom Hacker ein Code bzw. Script eingefügt wurde. Öffnen Sie mittels FTP diese PHP-Datei mit einem entsprechenden Editor und entfernen Sie den verdächtigen Code.

maliciours redirect code at header Beispiel einer modifizierten WordPress Datei, welche eine Umleitung erzeugt.

 

Schritt 5: Externe Hilfe

Lässt sich das Problem mit Schritt 2 und 3 nicht lösen, kann es durchaus Sinn machen externe Hilfe zu Hackbereinigung der Website zu beanspruchen. Kontaktieren Sie Ihren Hosting-Anbieter, diese können Ihnen oft bereits weiterhelfen und das Problem zumindest lokalisieren. Kann der Hosting-Anbieter Ihnen nicht weiterhelfen, dann wenden Sie sich an eine erfahrene Webagentur, die sich auf Ihr CMS spezialisiert hat.

 

Schritt 6: Aktualisieren

Nun sollten Sie sicherstellen, dass Ihre PHP-Version sowie Ihr CMS und alle Erweiterungen auf dem aktuellsten Stand sind. Veraltete Versionen weisen Sicherheitslücken auf und sind damit anfälliger für Hacks. Deinstallieren Sie zudem jegliche Erweiterungen, die Sie nicht verwenden oder für die keine regelmässigen Updates zur Verfügung gestellt werden. Nach Bereinigung und Aktualisierung empfehlen wir Ihnen die Webseite erneut abzusichern. Erstellen Sie eine Sicherung im Administratorbereich Ihres Hosting-Anbieters oder machen Sie eine Kopie der Daten über FTP und speichern Sie die Datenbank lokal auf Ihren Rechner.

 

Schritt 7: Google Indexierung

Haben Sie alle Schritte ausgeführt, sollten Sie Google mittels Search Console über die Änderung informieren. Möglicherweise waren Ihre Meta-Daten in der Suchanfrage betroffen oder Ihre Website wurde auf eine Sperrliste aufgeführt. Über die Google Search Console können Sie einfach eine neue Indexierung Ihrer Webseite beantragen.

 

Fazit

Nach einer kompletten Reinigung Ihrer Webseite und Aktualisierung der Systeme und Erweiterungen auf die neusten Versionen, lässt sich Ihre Webseite weniger leicht hacken. Die einfachste und bewährteste Lösung sich künftig von Hackern zu schützen, ist stets alle Systeme und Erweiterungen aktuell zu halten.

Wie können wir Ihnen helfen?

Wir haben bereits mehrere Joomla! und WordPress Seiten auf fremden Servern bereinigt und wieder hergestellt. Sollte Ihnen die Zeit und Expertise fehlen um Ihre Website von Malware zu befreien, so eilen wir Ihnen gerne zur Hilfe. Kontaktieren Sie uns dazu über +41 031 371 63 63 oder support@artd.ch


Quellen:

1 https://www.melani.admin.ch/melani/de/home/dokumentation/checklisten-und-anleitungen/anleitung-zur-entfernung-von-schadsoftware.html

2 https://www.joomshaper.com/blog/my-joomla-site-was-hacked-what-to-do

Seite 1 von 7
team work2

artd webdesign benutzt Cookies. Wenn Sie die Website weiter nutzen, akzeptieren Sie die Verwendung von Cookies. Mehr dazu finden Sie in unseren Hinweisen zum Datenschutz. Akzeptieren