Anforderungen an moderne Webseiten - Kunden, SEO, Mobility und Social Media

PIXELMECHANICS | Webproduktion [MR] Anforderungen an moderne Webseiten 30.03.2011 - n2 Treff - TAW Weiterbildungszentrum Altdorf PIXELMECHANICS | Webproduktion Michael Rohrmüller Am Spund 7 90427 Nürnberg mr@pixelmechanics.de 1 Alle Bilder von ﬂickr: Creative Commons-licensed content for commercial useSamstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] Wir sind... 2 © Bernat CaseroSamstag, 2. April 2011

„Wir realisieren anspruchsvolle Web-, eCommerce- und Social-Media- Projekte.“PIXELMECHANICS | Webproduktion [MR] 3 © Olly NewportSamstag, 2. April 2011

[portfolio] Vermarktung Gutachtertätigkeit ‣ Konzeption & Strategie ‣ Proof-of-ConceptPIXELMECHANICS | Webproduktion [MR] ‣ Social Media Marketing ‣ Projektleitung & -review ‣ Design ‣ Rechtsgutachten ‣ Texting ‣ Proof-of-Fullﬁllment Webproduktion Multimedia ‣ Webdesign ‣ Social Media Kampagnen ‣ CMS - Joomla!, Drupal, Typo 3 ‣ virales Marketing ‣ eCommerce - Magento ‣ iphone, ipad, android ‣ Usability ‣ Online- & Social-Gaming ‣ SEO & SEM ‣ erlebbare Produkte 4 © Mike BairdSamstag, 2. April 2011

[Michael Rohrmüller] ‣ Diplom Wirtschaftsinformatiker (BA)PIXELMECHANICS | Webproduktion [MR] ‣ Leidenschaft ‣ neueste Technologien im Web & Mobile ‣ Social Media ‣ Lebensmotto ‣ „Es geht noch besser!“ ‣ „Lass uns die neuen Sachen probieren!“ 5Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] „Warum eigentlich SEO, Usability, Social Media und ein moderner Webauftritt...? 6Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] Proﬁling... die Nutzergruppen! 7 © ЕленАндреаSamstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR]Samstag, 2. April 2011 die Digital Natives! 8

PIXELMECHANICS | Webproduktion [MR]Samstag, 2. April 2011 9 der Wecker

PIXELMECHANICS | Webproduktion [MR] die morgendliche Zeitung 10Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR]Samstag, 2. April 2011 11 meine News

PIXELMECHANICS | Webproduktion [MR] „Was ich gestern noch lesen wollte!“ 12Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] mein Netzwerk 13Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] mein Unternehmen auf twitter 14Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] mein „Know-how“ auf twitter 15Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] mein privates Netzwerk 16Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] mein nationales Netzwerk 17Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] mein internationales Netzwerk 18Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] mein Reisebüro 19Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] wo ich bin..! 20Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] was um mich herum geschieht 21Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] weil es Spass macht! 22Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] die virtuelle Visitenkarte mit Xing 23Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] ... und mit Linkedin 24Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] Musik nach meiner Wunschrichtung! 25Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] ... per „UMTS-Anbindung“ auch im Auto! 26Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] ... mit weltweiten Sendern! 27Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] meine Preisberatung... 28Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] ... die absolute Preistransparenz! 29Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] meine Wissensdatenbank - immer & überall! 30Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] Wissen über GPS zusammengeführt... 31Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] immer erreichbar sein 32Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] Warum schlecht Essen gehen? 33Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] Gute Erfahrungen sind die beste Vermarktung! 34Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] und dann entspannen... 35Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] bekannte Spiele mit anderen Spielen! 36Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] 80% aller Internetstarts beginnen mit einer Suche! 37Samstag, 2. April 2011

die Mehrzahl der Nutzer!PIXELMECHANICS | Webproduktion [MR] Skepsis als Urinstinkt! 38 © Ruj PahaBildquelle: ﬂickr - Rui PalhaSamstag, 2. April 2011

Wo möchten Sie einkaufen... hier?PIXELMECHANICS | Webproduktion [MR] 39 © Uncle Phooey - Uncle Phooey Bildquelle: ﬂickrSamstag, 2. April 2011

... oder hier?PIXELMECHANICS | Webproduktion [MR] 40 © Laughing Squid - Laughing Squid Bildquelle: ﬂickrSamstag, 2. April 2011

übrigens: Meister der Emotionen!PIXELMECHANICS | Webproduktion [MR] 41Samstag, 2. April 2011

und... viele tun sich sogar beim Kopieren schwer...PIXELMECHANICS | Webproduktion [MR] 42Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] ...letztlich gibt es aber nur einen Grund für SEO, Usability und Social Media... 43Samstag, 2. April 2011

... weil wir Fans unserer Marke haben wollen (und auf twitter, facebook...), oder!PIXELMECHANICS | Webproduktion [MR] 44 © Mike BairdSamstag, 2. April 2011

früher & heute früher.... „ﬁrst-point-of-contact“PIXELMECHANICS | Webproduktion [MR] ‣ Werbung in Zeitschrift ‣ Wurfsendungen ‣ Telefonat vor Ort ‣ Call Center heute ‣ Google Suche (80% der Internetsessions beginnen mit Google!) ‣ Branchensuchmaschinen im Internet ‣ mündliche Empfehlungen ‣ Social Media Empfehlungen 45Samstag, 2. April 2011

Webseiten machen den ersten Eindruck! Kunden machen sich ein erstes Bild im NetzPIXELMECHANICS | Webproduktion [MR] ‣ auf der Webseite des Kunden ‣ in Google ‣ auf Bewertungsportalen ‣ in Foren ‣ in Social Media Sites und entscheiden somit ohne evtl. Rückfrage ausserhalb des Wirkungskreises des Unternehmers. 46Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] ! die Webseite als wichtigste Basis... 47 © squeaks2569Samstag, 2. April 2011

Attraktiv sein...PIXELMECHANICS | Webproduktion [MR] 48 © oneselfsacriﬁceSamstag, 2. April 2011

Attraktiv sein...PIXELMECHANICS | Webproduktion [MR] [das ist übrigens die kontroverseste Folie....] 48 © oneselfsacriﬁceSamstag, 2. April 2011

Zielgruppen ansprechen...PIXELMECHANICS | Webproduktion [MR] ‣ansprechendes Design ‣aktuelle Inhalte ‣Einblick in das Unternehmen geben ‣„Aktivität & Leben zeigen!“ ‣schnelle Ladezeiten 49 © adria.richardsSamstag, 2. April 2011

zeitgemäss Programmiert!PIXELMECHANICS | Webproduktion [MR] 50Samstag, 2. April 2011

... und das kann man auch auswerten!PIXELMECHANICS | Webproduktion [MR] 51Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] Usability... ...wo ist die Klinke an der Tür? 52 © politizerSamstag, 2. April 2011

[KISS!]PIXELMECHANICS | Webproduktion [MR] 53 © LaPrimaDonnaSamstag, 2. April 2011

[KISS!]PIXELMECHANICS | Webproduktion [MR] Keep It Simple & Stupid! 53 © LaPrimaDonnaSamstag, 2. April 2011

[KISS!]PIXELMECHANICS | Webproduktion [MR] ; Keep It Simple & Stupid! 53 © LaPrimaDonnaSamstag, 2. April 2011

KISS¡PIXELMECHANICS | Webproduktion [MR] Weblösungen müssen... ‣ ... intuitiv sein! ‣ ... Erklärungen und Tipps an den wichtigen Stellen zeigen! ‣ ... Anwender durch Prozesse führen! ‣ ... in Benachrichtigungen die wichtigen Links enthalten! ‣ ... mit Automatismen sinnvoll umgehen! 54Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] Barrierefreiheit... 55 © LeadBeyondSamstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] Barrierefreiheit bedeutet, dass Gegenstände, Medien und Einrichtungen so gestaltet werden, dass sie von jedem Menschen unabhängig von einer eventuell vorhandenen Behinderung uneingeschränkt benutzt werden können. 56Samstag, 2. April 2011

Realistisch ist... ... barrierearm!PIXELMECHANICS | Webproduktion [MR] ‣ Screenreader-orientiert ‣ lesbare Textauszeichnungen ‣ lesbare Bildauszeichnungen ‣ Schriftvergrösserung ‣ Navigation über Tastatur ‣ Flash sparen! Leider sind diese Funktionen meist Opfer der Budgetstreichungen! 57Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] [Social Media... Speed oder Testosteron?] 58Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR]Samstag, 2. April 2011 59

Das Dogma: Social Media heißt...PIXELMECHANICS | Webproduktion [MR] en ! ier ind niz n s mu de om un ... k ie K d wo 60 © Laughing SquidSamstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] „Spread the word...!“ 61 © Christine SalekSamstag, 2. April 2011

[Social Mediability] Oftmals wird aber vergessen, dass die Inhalte der Webseite „SocialPIXELMECHANICS | Webproduktion [MR] Mediable“ sein müssen.... also empfehlbar für Seitenbesucher! 63Samstag, 2. April 2011

Nie ging Abstimmung und Informationsverteilung schneller...PIXELMECHANICS | Webproduktion [MR] 66 © Croscsuo BarusSamstag, 2. April 2011

... natürlich war der hier gemeint!PIXELMECHANICS | Webproduktion [MR] 67Samstag, 2. April 2011

Google indiziert in Echtzeit!PIXELMECHANICS | Webproduktion [MR] 68Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] „We are a nation of Google & facebook!“ state of the 70 union2011Samstag, 2. April 2011

Youtube hat enorme Reichweite!PIXELMECHANICS | Webproduktion [MR] 71Samstag, 2. April 2011

... auch für Privatleute!PIXELMECHANICS | Webproduktion [MR] 72Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] SEO... Google mag Dich (nicht)! 73Samstag, 2. April 2011

Der Google Suchalgorithmus ist komplex! ... und unbekannt!PIXELMECHANICS | Webproduktion [MR] 75 © nerovivoSamstag, 2. April 2011

dabei sind die wichtigen Regeln klar ‣ immer wieder neuer Content!PIXELMECHANICS | Webproduktion [MR] ‣ schnelle Ladezeit! ‣ Barrierefreiheit und sprechende URLs! ‣ Auch Crawler brauchen z.B. Bildbeschreibungen! ‣ sinnvolle Texte mit sensibel gewählten Keywords! ‣ Trafﬁc! ‣ und das Wichtigste! ‣ externe Verlinkungen begeisterter Leser (Fans)! ‣ und in Zukunft sicherlich... ‣ Nennungen in Social Media Kanälen ‣ Aktivitäten in Social Media Kanälen 77Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] Google ist erbarmungslos! und schmeisst Verstöße aus dem Index! 79 © joshstaigerSamstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] Was sieht der Webseitenbesucher von Social Media? 82 © Snapsi CrankepSamstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] Ein Presse- und Newsroom bringt die Bestrebungen der „Aussendarstellung“ wieder zurück. 84 © Crack-ShotSamstag, 2. April 2011

Letztlich wollen wir doch Besucher auf der Webseite...PIXELMECHANICS | Webproduktion [MR] ... oder? 91 © Christine SalekSamstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] PS:Verstecken gilt nicht mehr! 94Samstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR]Samstag, 2. April 2011 yasni-ME! 95

123people-ME!PIXELMECHANICS | Webproduktion [MR] 96Samstag, 2. April 2011

Bewertungen sind SEO*!PIXELMECHANICS | Webproduktion [MR] 97 *SEO: Suchmaschinen OptimierungSamstag, 2. April 2011

unabhängige PortalePIXELMECHANICS | Webproduktion [MR] 98Samstag, 2. April 2011

Social Media schafft EmotionenPIXELMECHANICS | Webproduktion [MR] 99Samstag, 2. April 2011

...das weiss auch das Militär!PIXELMECHANICS | Webproduktion [MR] 101Samstag, 2. April 2011

... deswegen lieber Pro-Aktiv mit dem Internet umgehen und aktiv teilnehmen!PIXELMECHANICS | Webproduktion [MR] 102 © Marion DossSamstag, 2. April 2011

PIXELMECHANICS | Webproduktion [MR] Vielen Dank für Ihre Aufmerksamkeit und ... PIXELMECHANICS | Webproduktion Michael Rohrmüller Am Spund 7 90427 Nürnberg mr@pixelmechanics.de 103Samstag, 2. April 2011

„Wir lieben, was wir tun!“PIXELMECHANICS | Webproduktion [MR] www.pixelmechanics.de 104 © Luciano MeirellesSamstag, 2. April 2011

http://pixelmechanics.de	489
http://www.pixelmechanics.de	1
http://dev.pixelmechanics.de	1

Anforderungen an moderne Webseiten - Kunden, SEO, Mobility und Social Media

by PIXELMECHANICS on Apr 02, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 491

Statistics

Anforderungen an moderne Webseiten - Kunden, SEO, Mobility und Social Media — Presentation Transcript