Oliver Schirok Suchmaschinenop3mierung und Responsive Design. GATE SEO und Responsive Design pietzpluswild GmbH

Transkript

1 Oliver Schirok Suchmaschinenop3mierung und Responsive Design 1

2 Foto: Flickr _e83cfe0922_k 2

3 Anbieter gewählt Gerät gewählt 3

4 Direkter und indirekter Kontakt 4

5 Die Aufgabe: Ihre Website soll von Besuchern und Suchmaschinen gleichermaßen als wertvoll (und relevant) wahrgenommen werden. So erhöhen Sie die Zahl der wertvollen Seitenbesuche. 5

6 Fahrplan Suchmaschinenop-mierung Herausforderungen Warum SEO? Schlüsselbegriffe Onpage- Faktoren Ausgabevielfalt Grundprinzipien Planung Fazit Responsive Design 6

7 Foto: Flickr _e83cfe0922_k 7

8 Zwei Adressaten 8

9 Think Content! zum Ersten: Suchmaschinenop3mierung 9

10 Suchmaschinenop3mierung (SEO) Suchmaschinenop3mierung (SEO = Search Engine Op3miza3on) bezeichnet Maßnahmen, die dazu dienen, dass Webseiten im organischen Suchmaschinenranking in den unbezahlten Suchergebnissen auf höheren Plätzen erscheinen. 10

11 Ist SEO wirklich wich3g? Über 90 Prozent aller Online- Ak3vitäten beginnen mit dem Besuch einer Suchmaschine. Suche Direktzugriff Sta3sta

12 Ist SEO wirklich wich3g? 70% der Nutzer betrachten zuerst die organischen Suchergebnisse. Organische Ergebnisse Adwords Sta3sta 2014 Wer oben steht, steht oben. 12

13 Was habe ich von SEO? Erhöhung der Sichtbarkeit und Auffindbarkeit in Suchmaschinen Ans3eg des generischen kostenfreien Traffics Steigerung der Kontaktrate zur Zielgruppe Erhaltung der Online- Weibewerbsfähigkeit 13

14 Wie arbeitet die Google Suchmaschine? Der Webcrawler (Bot, Spider, Robot) ruj ihre Website auf, liest die Inhalte aus und bewegt sich weiter zu verlinkten Seiten. Die Website- Inhalte werden im Index der Suchmaschine gespeichert. Nutzer suchen Suchbegriffe. Die Suchmaschine bewertet die Einträge im Index für diese Suchanfrage (Ranking) und gibt passende Webpages aus sor3ert nach Ranking. 14

15 SEO- Erfolgsfaktoren Website- Inhalte + Suchmaschinen- Marke3ng = mehr wertvolle Seitenaufrufe 15

16 SEO- Erfolgsfaktoren Onpage Offpage Website- Inhalte + Suchmaschinen- Marke3ng = mehr wertvolle Seitenaufrufe 16

17 SEO- Erfolgsfaktoren Onpage Offpage Website- Inhalte + Suchmaschinen- Marke3ng = mehr wertvolle Seitenaufrufe Nothing maiers more in search engine op3miza3on than content. Nothing. Rebecca Lieb, Content Marke3ng,

18 Google Ranking Über 200 Parameter beeinflussen das Ranking einer Webpage. KO- Kriterium: Bieten Sie das, was der Besucher sucht? 18

19 19

20 Schlüsselbegriffe Ein Schlüsselbegriff bezeichnet das Haupihema einer Webseite und dient so der rich3gen Indizierung. Es gilt, die Schlüsselbegriffe herauszufinden, die für ihre gewünschten Besucher relevant sind. Bauen Sie Ihre Inhalte um diese Themenwelt herum auf. Universität Köln University + Germany + Medicine + Graduate School 20

21 Schlüsselbegriffe finden Was wollen Nutzer auf Ihrer Seite finden? Fragen Sie Ihre Zielgruppe nach Themen und Begriffen. Welche Begriffe und Kombina3onen werden häufig gesucht? Nutzen Sie Google Keyword Planer und Google Trends. 21

22 Onpage- Faktoren Seitenüberschrijen (Browser3tel, Headline, Zwischenüberschrijen) Seiteninhalt, Textlänge Schlagworte und Schlagwortdichte, Synonyme Bilder und Bildbeschrijung URL (Adresse der Seite) und Metatexte ausgehende Links und ähnliche Ar3kel Ladezeit und Absprungrate Aktualität 22

23 Titel, Überschrijen, Texte Seiten3tel erscheint in den Suchergebnissen soll zum Klicken animieren enthält am Anfang das Haupt- Keyword Headline 1-6 strukturieren als Überschrijen und Zwischenüberschrijen den Inhalt H1 soll das Haupt- Keyword enthalten nicht: Herzlich wilkommen Texte pro Seite mindestens 250 Wörter idealerweise ca Wörter 23

24 Meta- Informa3onen und ALT- Texte Meta- Descrip3on ist Teil der Seiteneigenschajen (unsichtbarer Kopuereich) enthält eine Kurzbeschreibung des Seiteninhalts maximal 140 Zeichen, 1-2 kurze Sätze ALT- Tags nennen kurz den Inhalt eines Bildes (wenn Bild nicht angezeigt wird) ermöglichen es, Schlüsselwörter für Bilder zu hinterlegen Bildbeschreibungen ca. 100 Wörter erklären die Aussage eines Bildes, einer Grafik 24

25 Links und URL Naviga3onspunkte sollen das Themenspektrum deutlich machen können Keywords enthalten Links sprechende Links: nicht: Hier mehr erfahren sondern Entdecken Sie unsere Graduiertenprograme evtl. mit Keywords der Zielseite Link- Title Nicht sichtbare beschreibende Informa3on zu einem Link sollte Keywords der Zielseite enthalten URL sprechende Adresse: /programmes/graduate- school/how- to- apply stai kryp3scher Adresse: /index.php?id=345 25

26 SEO- Tipps Es gibt keine SEO- Inhalte. Hochwer3ge Inhalte (für Nutzerrelevanz und Backlinks) Schlüsselbegriffe sind der Schlüssel zum SEO- Erfolg. Vermeiden Sie Überop3mierung. SEO ist ein Dauerlauf, es zählen Kon3nuität und Geduld. SEO lässt sich nicht zu 100% beherrschen. Lernen Sie vom Weibewerb. Lernen Sie von Ihren Nutzern. Mit Geld kann man keine Rankings kaufen. 26

27 Foto: Flickr _e83cfe0922_k 27

28 Think Content! zum Zweiten: Responsive Design 28

29 Reak3on gefragt! Neue Geräte und Nutzungskontexte stellen neue, vielschich3ge Anforderungen an unsere Website: an die Inhalte an die techn. Umsetzung an die Pflege 29

30 Von wegen mobil Tabletnutzung nach Zugangswegen Wifi Mobile Sta3sta

31 Auf dem Smartphone fängt es an E- Mail- Abrufe nach Gerät Smartphone Desktop Sta3sta

32 Beispiel Entweder leidet die Marke und Übersicht oder die Lesbarkeit. 32

33 Machen Sie das Experiment! Rufen Sie Ihre Website in Ihrem Desktop- Browser auf. Fassen Sie das Browserfenster am rechten Rand und ziehen Sie es langsam schmaler. Wie reagiert Ihre Website? Ist die Website in allen Fensterbreiten lesbar, nutzbar und visuell ansprechend? 33

34 Gerätevielfalt = Formatvielfalt 34

35 Reak3onsfähige Websites Wir müssen unsere Website nicht an Geräte anpassen, sondern uns auf die Inhalte konzentrieren. Der Auuau der Website muss flexibel auf Rahmenbedingungen reagieren. 35

36 Responsive Design Adap-v Die Website passt sich an die Größe des jeweiligen Bildschirms an. Zugänglich Die Inhalte und Funk3onen sind unabhängig vom Gerät nutzbar. Angepasst Die Website verändert die Elemente nicht einfach nur, sondern nutzt die Stärken des jeweiligen Ausgabemediums bzw. umgeht die Schwächen. 36

37 Modulares Raster als Grundlage 37

38 Beispiel cornell.edu 38

39 Fangen Sie beim Inhalt an. Welche inhaltlichen Bausteine sind relevant? Ziele des Nutzers im Blick Fokus auf das Wesentliche Bausteine priorisieren 39

40 Bausteine ausarbeiten In welcher Größenordnung funk3oniert welcher Baustein wie? Strukturentscheidungen für die versch. Größenordnungen treffen Bausteine neu anordnen Baustein verändern Baustein weglassen 40

41 Foto: Flickr _e83cfe0922_k 41

42 Think Content! Be Responsive! Ihre Website soll hinsichtlich der Inhalte, der Struktur und der Funk3onalität auf die Nutzerbedürfnisse und den Nutzungskontext reagieren. Dann wird sie von Nutzern und Suchmaschinen gleichermaßen als wertvoll wahrgenommen. 42

43 Vielen Dank. 43

44 SEO- Ressourcen Google Webmaster- Tools hip:// Google: Alles über die Suche hip:// Google Ranking Faktoren hip:// ranking- faktoren infografik 44

45 Responsive- Design- Ressourcen Cornell University hip:// Disney Monster Universität hip:// Demonstra3ng Responsive Design hip:// demonstra3ons/ 45

46 Kontakt: pietzpluswild Internetagentur in Köln Beratung, Konzep3on, Design und Umsetzung pietzpluswild GmbH Breite Straße Köln Telefon