MUSEUMS-WEBSITE: gut und zeitgemäß - Webconsulting Stuhec
←
→
Transkription von Seiteninhalten
Wenn Ihr Browser die Seite nicht korrekt rendert, bitte, lesen Sie den Inhalt der Seite unten
MUSEUMS-WEBSITE:
gut und zeitgemäß
Referentin: Karolina Stuhec-Meglic
Online Schulung via ZOOM
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher Genehmigung.
© Foto von Andrea Piacquadio von PexelsAgenda
Begrüßung / Vorstellung
Einführung ins Thema
Layout & Gestaltung
Pause
Zugänglichkeit & Navigation
Content
Pause
Interaktionen und Dialogmöglichkeiten
Sichtbarkeit (SEO)
Abschluss
2
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher Genehmigung.Wer ist heute Ihre Referentin?
Karolina Stuhec-Meglic
● 20 Jahre Erfahrung im Online Marketing
(15 Jahre Angestellte als Online-Marketing-Managerin)
● Studierte Wirtschaftsingenieurin
● Zertifizierungen: Webmasters Europe-Trainerin für SEA,
Train the Trainer, Google Ads
● 2013 gegründet - Webconsulting Stuhec
● Seit 2016 Dozentin für SEO, Social Media, Microsoft Office bei IHK
und VHS
● Seit 2017 Dozentin für Suchmaschinenmarketing bei alfatraining
3
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher Genehmigung.Website – Das digitale Aushängeschild des Museums
Eine Website (Webpräsenz, Webauftritt) ist ein virtueller Platz eines Anbieters im
World Wide Web, erreichbar unter einer individuellen Webadresse, an dem sich
meist mehrere Webseiten, Dateien und andere Ressourcen befinden, die
Domain.de
üblicherweise durch eine einheitliche Navigation miteinander verknüpft sind. Sie
ist mit Webtechniken, beispielsweise HTML, erstellt und kann mit einem Browser
wiedergegeben werden. (Quelle: Wikipedia) /seite1 /seite2 /seite3 seite4
Museumswebsite: /seite22 /seite32
● Ist Kommunikationsstandard der Museen
/seite23 /seite33
● Ist Erste Informationsquelle mit wichtigsten Fakten der
Einrichtung
● Bietet vertiefende und inspirierende Informationen über
Sammlungen, Objekte, Themenschwerpunkte oder aktuelle
Angebote
● Ermöglicht nutzenden Personen mit dem Museum in Kontakt
zu treten
© Foto von kreatikar von Pixabay
4
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher © Photo by gerals on pixabay.de
Genehmigung.Welches Ziel können Museen mit ihrer Website verfolgen?
● Gefunden werden bei Google & Co. ● Anfragen über Kontaktformulare
(Downloads/Newsletter-Abo)
● Markenaufbau durch: attraktive Snippets
(Vorschau des Inhalts einer Webseite in den ● E-Mail-Kontakte
Suchergebnissen), Erwähnungen auf Social
● Telefonanrufe
Media, Blogs & Foren
Kennzahlen: Anzahl der neuen Kontakte,
● Website als „moderne Visitenkarte“ Marken- Kunden- Anfragen,…
Kennzahlen: Anzahl der Nutzer, Seitenaufrufe, aufbau kontakte
neue Besucher,…
● Usability ● Buchungen
● Unterstützung (Informationen, Chat, ● Aufträge
Community,…) Bindung Absatz ● Shop-Bestellungen
● Nützliche Website-Funktionen und
Kennzahlen: Anzahl der online verkauften
Interaktionsmöglichkeiten (Konfigurator,
Karten, Online Shop- Umsatze,…
Newsletter-Abo, Push-Nachrichten, Share-
Funktion, Kommentare,…)
Kennzahlen: Verweildauer, Klicktiefe, Kommentare,
Anzahl der Shares,…
Konkrete, messbare und machbare Ziele formulieren!
5
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher Genehmigung.Zeitgemäße Museums-Website ist Herzstück digitaler Kommunikation
Digitale Kommunikation strategisch angehen und vernetzt planen:
● Kanal festlegen: Welche Plattform wollen Sie nutzen? Website,
Blog, Facebook oder YouTube-Channel?
● Themen sammeln: Berücksichtigen Sie Ihre Zielgruppe, deren
relevante Suchbegriffe und Suchintention.
● Formate festlegen: Textformate, digitale Medien und Objekte
● Redaktions-, Produktions- und Veröffentlichungs-Plan erstellen
Synergieeffekte nutzen und die größtmögliche Wirkung erzielen! Website
Zeitgemäße Websites - Anforderungen an:
● Design
● Technik
● Content
Das Seminar vermittelt Ihnen einige Ideen, wie Ihre Website von
neuen Entwicklungen profitieren kann und wie Sie diese
zukunftsfähig für Ihre digitale Kommunikation aufstellen.
6
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher Genehmigung.Was erwartet ein User beim Besuch einer Website?
Nutzererlebnis/
Nutzerfreundlichkeit
Nutzungserleben
✓ Layout & Gestaltung ✓ Content (Inhalte)
✓ Zugänglichkeit & ✓ Interaktionen
Navigation ✓ Dialog-Möglichkeiten
Attraktivität, Vertrauen & Erfüllung der Nutzer-
gute Bedienbarkeit bedürfnisse & positive
Erlebnisse
✓ Sichtbarkeit im Internet
7
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher©Genehmigung.
Foto von Andrea Piacquadio von PexelsLayout & Gestaltung
Ausstellung – Beispiel Museum in BW
Visuelle, funktionale und strukturelle Gestaltung Beispiel Museum
Home Ausstellung Öffnungszeiten/
Rundgang Kontakt
Preise
Website benötigt ein ansprechendes, zeitgemäßes Design, das sich mit
eingängigen Farben, Formen und Elementen von der Konkurrenz abhebt,
Emotionen erzeugt und das Museum visualisiert.
Professionelles Design schafft Glaubwürdigkeit und Vertrauen.
Einige Grundregeln:
User mit gelernten Mustern führen:
● Logo ist immer an der gleichen Stelle und ist verlinkt mit der Startseite
● Navigation ist oben und immer an der gleichen Stelle
● Standort und Kontaktinformationen sind im Footer-Bereich
● Klickbare-Elemente sind als solche zu erkennen (Verlinkungen im Text farblich
hervorgehoben, Verwendung von gängigen-Symbolen für Social Media)
● Klare Gruppierung der Informationen in der Navigation
● Übersichtliche Gestaltung der Inhalte
Aktuelles | Restaurant | Öffnungszeiten/Preise | Anfahrt
● Ausreichende Abstände, Weißraum
Adresse Kontakt Impressum
Beispiel Museum Tel./E-Mail Datenschutz
● …
8
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher Genehmigung.Beispiele | Übung | Fragerunde
9
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher Genehmigung.Barrierefreie Website / Zugänglichkeit von Inhalten
Die Barrierefreie Website ist Ausdruck von Kompetenz in Kommunikation
und Technik und sie signalisiert, dass Nutzende ernst genommen werden.
Regeln für eine barrierefreie Website:
● Rascher Seitenaufbau
● „Design for All“ (berücksichtigt insbesondere auch die individuellen
Bedürfnisse von behinderten und älteren Menschen)
● Trennung zwischen strukturiertem Inhalt und Layout
● Überprüfung und Zertifizierung nach den Standards der Barrierefreien-
Informationstechnik-Verordnung BITV 2.0 / WCAG 2.1.
● Geräteunabhängigkeit
● Nachhaltigkeit (kleine Dateigrößen, schnelle Ladezeiten,
Wiederverwendung -> verringert Ressourcenverbrauch)
10
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher©Genehmigung.
Foto von Andrea Piacquadio von PexelsBarrierefreie Website bedeutet konkret:
● Geräteunabhängigkeit: Website ist auf allen Endgeräten gut lesbar
Testtool: https://search.google.com/test/mobile-friendly
● Einheitlicher und rascher Seitenaufbau ist sichergestellt
Testtool: https://developers.google.com/speed/pagespeed/insights/?hl=de
● Informationen sind verständlich für Technologien und User:
Alt-Attribute werden für „Nicht-Text-Elemente“ bereitgestellt, wie z.B. Bilder,
Untertitel und Transkriptionen werden für Videos bereitgestellt, barrierefreie PDF-
Dokumente
● Die Seite kann ohne Maus navigiert werden, mit der Tastatur
● Skalierbarkeit von Schriften und anderen Elementen im Browser ist gewährleistet
● Sprache ist Zielgruppengerecht, Satzbau ist einfach und auf Fremdwörter wird
weitgehend verzichten.
© Foto von kreatikar von Pixabay
● Verschlüsselte Datenübertragung: der Transfer von Daten zwischen dem Browser und
dem Webserver wird Mithilfe eines SSL Zertifikats verschlüsselt.
11
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher Genehmigung.Navigation – Nutzende Personen können sich überall auf der Website leicht
und schnell orientieren
Eine durchdachte Navigation lässt jeden stets nachvollziehen:
● Woher komme ich?
● Wo bin ich?
● Wohin kann/soll ich?
Der Nutzer sollte mit möglichst wenig Klicks zu dem gewünschten Ziel gelangen.
Grundregeln für eine benutzerfreundliche Navigation:
● Navigation ist gut zu finden und immer an der gleichen Stelle
● Klare Gruppierung der Informationen in der Navigation
● Für die Zielgruppe auf Anhieb verständliche Beschriftung (Anchor-Texte) der
Menü-Links wählen
● Interne Verlinkungen (innerhalb der Seite) öffnen im selben Browserfenster,
externe Verlinkungen werden in neuem Browserfenster geöffnet
● Bei vielen Seiten sind folgende Funktionen zur Orientierung sinnvoll: Suchfeld,
Filter-Funktion, Tags oder Kategorien
12
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher Genehmigung.Website-Content, ein echter Schatz
„Online-Nutzer haben gewisse Erwartungen an das Online-Angebot eines
Museums, z.B. wollen Sie Inhalte nicht nur rezipieren, sondern auch aktiv
mitgestalten können. Die klare Rollenverteilung zwischen dem Museum
als Produzenten, englisch «producer», und dem Besucher als
Konsumenten, englisch «consumer», verändert sich. Besucher werden
zunehmend zu «Prosumern», einer Mischung aus Konsumenten und
Produzenten.“
Quelle: Der digital erweiterte Erzählraum
Loyaler Kunde
Bindung
Interaktionen
Relevanz und Mehrwert
Lesbarkeit
Sichtbarkeit durch guten Content
13
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher © Photo by PIRO4D on pixabay
Genehmigung.Website-Content, ein echter Schatz
Content-Formate für Customer Jurney optimieren
• Content auf Zielgruppe ausrichten
• Content der Ebene in der Customer Journey zuweisen
Bewusstsein/ Suche/ Buchung Besuch Nach dem
Bedürfnis Auswahl Besuch
VOR DEM BESUCH BESUCH VOR ORT NACH DEM BESUCH
Wie wird Interesse an dem Was interessiert User, was Online und Offline-Inhalte
Museum geweckt? wollen Sie sehen, lernen? sorgen für Unterhaltung
Welche Inhalte helfen bei Unterstützungs-Inhalte bei Unterhaltung
Welche Inhalte inspirieren während dem Besuchs und
der Auswahl? der Planung und Informationen
User, die Website zu besuchen? dienen für die
Was ist entscheidend für Organisation Faktenwissen
WO? > Suchmaschinen, SM Kundenkommunikation vor
eine Buchung? und nach dem Besuch.
INSPIRATION, WISSENWERMITTLUNG, UNTERHALTUNG UNTERSTÜTZUNG UNTERHALTUNG IM KONTAKT BLEIBEN
TEXTBASIERTE UND VISUELLE INHALTE
14
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher Genehmigung.Website-Content, ein echter Schatz.
Mehrwert und Nutzen für User
● Finden Sie heraus, welche Informationen sie brauchen, welche Suchintention
sie haben und gehen Sie darauf ein. (Adresse, Öffnungszeiten finden, sich
über aktuelle Ausstellung informieren,…)
● Eine intensive Keyword-Recherche ist immer die Grundlage für guten Content.
● Erleichtern Sie ihnen das zu finden, was sie brauchen: Ordnen Sie Inhalte zu
passenden Navigationspunkten und verlinken Sie wichtige Informationen an
relevanten Stellen.
● Erzeugen Sie den Aha-Effekt: Liefern Sie Informationen, von denen die
nutzende Personen nicht wussten, dass sie sie brauchen und sie diese nicht
mehr missen möchten, wie Insider-Informationen, Tipps, …
● Die Informationen sind transparent und vertrauenswürdig, was Website-
Betreiber, Zweck und evtl. Autoren der Website angeht. (Über-uns-Seite,
Impressum, Datenschutz, Autoren-Box, Bewertungen,… )
● Erstellen Sie Inhalte, die zur Interaktionen animieren: weiter klicken
detaillierte Infos aufrufen, für Newsletter anmelden, Inhalte mit Freunden
teilen,…
15
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher © Foto von Andrea Piacquadio von Pexels
Genehmigung.Website-Content, ein echter Schatz.
Texte lesefreundlicher gestalten
● Schaffen Sie eine sinnvolle inhaltliche Struktur und Übersichtlichkeit
(vom Wichtigen hin zum Detail)
● Gliedern Sie den Text in mehrere kurze Inhaltliche Abschnitte und nutzen Sie
Zwischenüberschiften (H2-H3), Aufzählungspunkte, Verlinkungen, visuelle
Elemente.
● Heben Sie wichtige Begriffe hervor, um die Lesefreundlichkeit zu erleichtern.
● Platzieren Sie am Ende einen Handlungsaufforderung und weiterführende
Inhalte.
● Verwenden Sie einfache und klare Sprache.
● Schreiben Sie kurze Sätze in Aktivform.
● Formulieren Sie Texte positiv, persönlich und sympathisch.
● Der Inhalt ist leicht zu scannen: mit kurzen Absätzen, Zwischenüberschriften,
Listen und Bildern
● Die Verlinkungen sind zu erkennen und funktionieren
16
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher © Foto von Andrea Piacquadio von Pexels
Genehmigung.Website und Conten-Marketing:
Geschichten erzählen – analog und digital
Die Kombination von visuellen Inhalten mit kreativem, ansprechendem Text kann
eine echte Marketingkraft sein, um die Interaktion zu verbessern.
Erstellen Sie Inhalte, die hilfreich, nützlich, informativ oder unterhaltsam für die
Zielgruppe sind.
Bilder, Videos & Co.:
● Wecken Emotionen und Assoziationen
● Können komplexe Inhalte verständlicher machen
● Können Geschichten erzählen und trockene Themen erlebbar machen
● Werde gerne in Social Media geteilt, was sich positiv auf die
Bekanntheitsgrad eines Museums auswirkt
DER DIGITAL ERWEITERTE ERZÄHLRAUM, Axel Vogelsang, Barbara Kummler, Bettina Minder
Leitfaden zur Entwicklung von «Online-Offline-Projekten» im Museum. Praxisnah, aber dennoch theoretisch fundiert
wird man angeleitet, eigene Erzählstrategien zu entwickeln, die sowohl den Realraum als auch die digitale Welt
abdecken und beide Bereiche miteinander verknüpfen.
17
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher © Photo by Aaina Sharma on Unsplash
Genehmigung.Beispiele | Übung | Fragerunde
18
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher Genehmigung.Interaktions- und Dialogmöglichkeiten
Eine Webseite ist ein Instrument, um beliebige Ziele zu erreichen, sei es Karten
online kaufen, eine Kontaktaufnahme, Inhalte teilen, Informationen finden und
abrufen,…
Grundregeln für die Gestaltung der Interaktionselemente:
● Kontaktdaten, Adresse und Öffnungszeiten sind immer im sichtbaren
Bereich der Webseite positioniert.
● Formulare sind übersichtlich gestaltet und fragen so wenig Daten wie
möglich ab. Die Bedienbarkeit von Dialogfeldern im Formular ist mittels
Tastatur (Tabulator)möglich.
● Ein Call-to-Action-Button muss auffällig sein.
● User kann im Online-Shop als Gast (ohne Registrierung) bestellen.
● Links zu sozialen Netzwerken werden deutlich angezeigt.
● Die Share Buttons sind vorhanden und richtig konfiguriert.
Beachten: Digitale Kommunikation ist DSGVO-konform zu gestalten!
19
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher © Photo by Aaina Sharma on Unsplash
Genehmigung.Die Website muss - neben den Usern – auch Google gefallen
Denn, wie in fast jeder anderen Branche gilt auch für Museen:
„Was Google nicht findet, existiert nicht.“
Die Suchmaschinen nutzen spezielle Algorithmen, um Inhalte zu bewerten und
Suchmaschinenergebnisse zu erzeugen. Google-Algorithmen sind sehr komplex und
werten viele Kriterien aus, deren Gewichtung sich im Laufe der Zeit auch ändert.
Die Keyword-Recherche ist der Grundstein der SEO-Strategie!
SEO
ONpage OFFpage
Social
Content HTML/CSS System Backlinks Trust
Media
20
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher © Photo by Aaina Sharma on Unsplash
Genehmigung.SEO – Content: Die Keyword-Recherche ist der Grundstein
Die Keyword-Recherche ermöglicht es, an folgende Informationen zu
gelangen:
● Was wird gesucht?
● Wie hoch ist das Suchvolumen?
● Wo wird gesucht?
● Welche Keywords verwendet die Konkurrenz?
● Welche Suchabsichten haben die Suchenden bei der Eingebe der
© Photo by Aaina Sharma on Unsplash
Suchbegiffe?
Ergebnis: Liste der Keywordkandidaten, die anschließend aussortiert,
kategorisiert und den entsprechenden Seiten zugeordnet werden.
21
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher Genehmigung.SEO-Content: Keyword-Verteilung
Das Fokus-Keyword verteilen in:
● URL
● Titel
Snippet
● Im Meta-Deskription
● Im ersten Absatz
● H1-Überschrift
● H2-Überschift
● Im ALT-Atributt
● Ist im Text hervorgehoben
22
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher Genehmigung.SEO-Technik
Mit den technischen Maßnahmen wird Google das Indexieren der Seiten erleichtert.
Diese Maßnahmen erhöhen ebenfalls die Benutzerfreundlichkeit und einige Punkte wurden bereits im Bereich
„Zugänglichkeit und Navigation“ besprochen.
INDEXIERBARKEIT SSL
SPRECHENDE URLS
DER WEBSITE VERSCHLÜSSELUNG
KEINE DOPPELTEN INTERNE OPTIMIERTE
INHALTE VERLINKUNGEN LADEZEIT
LOGISCHE UND
ATTRAKTIVE SNIPPETS
ÜBERSICHTLICHE OPTIMERTE BILDER
UND RICH SNIPPETS
INHALTSSTRUKTUR
23
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher Genehmigung.SEO – Google my Business
Mithilfe von Google my Business wird das Museum in seiner Region besser auffindbar machen:
● Gute Sichtbarkeit in Google Maps
● Gute Sichtbarkeit, durch eine optimale Darstellung in nichtbezahlten Ergebnissen
● Internetuser gewinnen, die nach lokalen Angeboten suchen.
Google my Business – Basics:
● Alle Museumssdaten bei Google My Business anlegen
● Beiträge mit aktuellen Veranstaltungen erstellen
● Auf Rezensionen von Kunden antworten
● Daten auswerten
24
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher Genehmigung.Beispiele | Übung | Fragerunde
25
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher Genehmigung.VIELEN DANK!
Karolina Stuhec-Meglic
+49 7021 8609 250
info@webconsulting-stuhec.com
www.webconsulting-stuhec.com
© 2021 Karolina Stuhec-Meglic - Nur für Unterrichtszwecke bestimmt. Weitergabe ausschließlich mit schriftlicher Genehmigung.Sie können auch lesen