SlideShare a Scribd company logo
1 of 71
Bastian Grimm, Peak Ace AG | @basgr
Crawling, Indexing & Ranking in the age of a mobile first world.
Welcome to a New Reality!
2 pa.ag@peakaceag
Keine Lust mitzuschreiben?
https://pa.ag/mobidx
3 pa.ag@peakaceag
Zusammengefasst geht es beim Mobile First Indexing darum, dass Google Cross
Device kompatiblen Content vorziehen wird und so organisiert, dass er von vielen
verschiedenen Geräten möglichst einfach abgefragt und angezeigt werden kann.
Crawling Indexing Ranking Mobile
Was ist Mobile First Indexing?
4 pa.ag@peakaceag
Warum macht Google das? Mobile schlägt Desktop!
Seit 2015 gibt es mehr mobile Suchanfragen als über Desktop. Hitwise berichtete in
08/2016, dass fast 60 Prozent aller Anfragen von mobilen Geräten ausgehen.
Quellen: Hitwise (http://pa.ag/2qofNNV) & SearchEngineLand (http://pa.ag/2pT2OA7)
Anteil der Online Suchanfragen ausgehend von mobilen Geräten, nach Industrie:
5 pa.ag@peakaceag
Unterschiedliche Nutzererfahrung je nach Suchanfrage
6 @peakaceag pa.ag
Mobile Suchergebnisse zu “Game of Thrones” (US)
Source: Google US, Mobile SERP on iPhone6 – 24/08/2017
Klassische, organische Suchergebnisse? Fehlanzeige!
7 @peakaceag pa.ag
Editorial Integration zur Bundestagswahl (seit 30.08.17)
Ausprobieren: https://www.google.de/#q=martin+schulz / Mehr Info: http://pa.ag/2gqcVxi
8 pa.ag@peakaceag
Auch Fragen werden im mobilen Chrome beantwortet
Via Twitter: http://pa.ag/2tQfXA9
Zukünftig werdet ihr auf der Basis eurer mobilen Seite gerankt
Von Desktop zu Mobile
10 pa.ag@peakaceag
Google kündigte Mobile First Indexing im Nov. 2016 an
Wie und Wann? Sogar Google weiß vieles noch nicht sicher! Chaos pur…
11 pa.ag@peakaceag
Google bestätigt: Weiterhin nur einen Suchindex!
Quelle: http://pa.ag/2fVfl5q
12 pa.ag@peakaceag
Googles Mobile First Indexing Roadmap #1
Letztes Update 15/06/17
Quelle: SMX Advanced 2017, Seattle
Die Änderung wird global durchgeführt, nicht
schrittweise nach Sprachen oder Ländern.
Zeitrahmen: „Wir sind noch einige Zeit davon
entfernt“, Umsetzung also nicht vor 2018 „Es könnte
noch vier bis fünf Jahre dauern, bis es einen
kompletten Mobile First Index geben wird” so Illyes.
3
12
6
9
13 pa.ag@peakaceag
Vielleicht wird‘s auch einfach das „Trial & Error“ Prinzip?
Im Mai 2017 wurde es dann wirklich absurd…
Quelle: http://pa.ag/2rmNU6m
It's also possible that we'll say
well this batch of sites works
perfectly fine on mobile first
indexing so we'll just switch
that over and wait with the
next batch.”
„
14 pa.ag@peakaceag
Googles Mobile First Indexing Roadmap #2
Letztes Update 15/06/17
Quelle: SMX Advanced 2017, Seattle
Für Desktop-Seiten bleibt die Indexierung gleich;
doch gecrawlt wird per mobilem User Agent:
„Wir indexieren mobile Inhalte, wenn es keine gibt
werden die Desktop-Inhalte herangezogen. Niemand
rutscht also aus dem Index!“
Kann ich Accordion Tabs, Hidden Tabs, usw. auf
meiner mobilen Website nutzen?
Google wird diese genauso wie Non-Hidden Content
bewerten. Illyes: „Google is going to ensure that
hidden content is not valued less on a mobile site.“
+
-
+
Lorem Ipsum dolor
Lorem Ipsum dolor
Lorem Ipsum dolor
Lorem Ipsum dolor
Lorem Ipsum dolor
Lorem Ipsum dolor
15 pa.ag@peakaceag
Googles Mobile First Indexing Roadmap #3
Letztes Update 15/06/17
Quelle: SMX Advanced 2017, Seattle
Was ist, wenn die mobile Website weniger Content
aufweist als die Desktop Page?
Das Ranking wird auf „kürzerem“ Content basieren!
Somit muss sichergestellt werden, dass die Inhalte, die
gerankt werden sollen, auf der mobilen Seite zu finden
sind.
Mobile Ranking Faktoren
Diese bleiben generell unverändert, inklusive des
Mobile-Friendly-Testings.
16 pa.ag@peakaceag
Googles Mobile First Indexing Roadmap #4
Letztes Update 15/06/17
Quelle: SMX Advanced 2017, Seattle
Für die Ladegeschwindigkeit (Scoring)
wird die mobile Version anstatt der
Desktop Version geprüft.
17 @peakaceag pa.ag
Mobile First Indexing – Die Herausforderungen #1
Quelle: Gary Illyes @ SMX Advanced Seattle 2017
Figuring out for 18-year-old desktop
signals: How can this be used for the
mobile web? E.g. the link graph/PR is
different and totally messed up; how
can Google make this work?”
„
18 @peakaceag pa.ag
Mobile First Indexing – Die Herausforderungen #2
Quelle: Gary Illyes @ SMX Advanced Seattle 2017
Google never had to swap over an
entire index to something new, this is
completely new and doing that without
experimentation is not possible. And sites
should not be hurt, therefore large scale
indexing experiments will be conducted.”
„
19 pa.ag@peakaceag
Sh*t just got real! ~4.500 Visibility auf Desktop!
Mobile Subdomain beginnt auf Desktop zu ranken: Real-World Testing!?
20 pa.ag@peakaceag
Aber was ist denn überhaut „Mobile“ (für Google)?
iPhone, iPad oder noch größer? Welche Bildschirmauflösung gilt als Standard?
Bedenkt, dass Google beim Rendern (fast) alles abfragt, was zu
einer Seite gehört, JavaScript, CSS, usw.
Bevor wir einsteigen:
…aller Seiten nutzen JavaScript – deswegen rendert Google
Websites jetzt auch, anstatt sie nur zu crawlen!
93,7 %
23 pa.ag@peakaceag
Die Zeiten von „View Source“ sind endgültig vorbei:
Rendered
Un-rendered
24 pa.ag@peakaceag
JS Frameworks und deren Kompatibilität für SEO?
Schaut euch Bartosz‘ umfangreiches Experiment zu Crawlability und Indexability an!
Mehr erfahren: http://pa.ag/2qLqlqH
Die einzelnen Teilbereiche im SEO werden immer komplexer,
Spezialisten im Team sind somit wichtiger denn je.
Spezialisiert eure Teams!
Rendering: Welche Auflösung?
27 pa.ag@peakaceag
1024 x 768 = (noch) Desktop!
Warum ist das so wichtig? Achtet auf responsive Breakpoints, Portrait vs. Landscape,
usw. – alles Wichtige muss richtig gerendert werden!
28 pa.ag@peakaceag
Bonus > GSC Fetch & Render für (fast) alles, was ihr wollt!
Mit dem 100 Prozent iFrame seht ihr, wie Google eine (beliebige) Website rendert.
Auflösung ist nicht das Wichtigste…
30 pa.ag@peakaceag
Der durchschnittliche Konsument nutzt fünf Devices!
Du kannst nicht für alle Geräte perfekt angepasste Websites bauen und pflegen, z.B.
eine für das iPad und verschiedene Seiten für alle Smartphone Bildschirmauflösungen!
Quelle: http://pa.ag/2ffuGNp & http://pa.ag/2fHvLhz
90 % aller User beginnen
Online Tasks auf einem
Gerät und beenden diese
auf einem anderen.
31 @peakaceag pa.ag
Proper Responsive
Aus SEO Gesichtspunkten bietet Responsive Design diverse Vorteile!
32 pa.ag@peakaceag
Was bedeutet Responsive Webdesign? #1
 Vor allem: Content auf verschiedene Arten anzeigen,
je nach Auflösung (Gerät). Designt das kleinste
Ansichtsfenster zuerst, arbeitet euch dann nach oben;
achtet auch auf Quer- und Hochformate.
 Bilder: Bestmögliche Größe, Auflösung & Format. Das
neue <picture> Element ist perfekter Ausgangspunkt,
aber es gibt noch viele andere Lösungen. Denkt an
„Fluid Images“, die sich an ihren Container anpassen.
<picture>
33 pa.ag@peakaceag
Was bedeutet Responsive Webdesign? #2
 Critical Rendering Path: Optimiere für ein
schnellstmögliches „Time to meaningful Paint“.
Round Trips beachten; offloading von JS & Inline CSS
für all Breakpoints (je nach Auflösung).
 Conditional Loading von Komponenten (bspw.
nur wenn sichtbar), kombiniert mit Pre-Fetching
und Pre-Rendering (bei hohen Auflösungen).
34 pa.ag@peakaceag
Was bedeutet Responsive Webdesign? #3
 Optimiert Paint und Re-Paint, besonders für
niedrige Auflösungen/Breakpoints. CSS Media
Queries können eine große Hilfe sein.
 Haltet euren DOM sauber (Versteckte Elemente
sind nur die halbe Wahrheit bzw. keine gute Idee!).
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>Heading</h1>
<p>Paragraph</p>
</body>
</html>
… effizienteres Crawling ist nur ein netter Nebeneffekt!
Performance = User Experience
36 pa.ag@peakaceag
Die Erwartungshaltung eurer Besucher ist klar:
Langsame Ladezeiten sind der meistgenannte Grund, eine Seite zu verlassen!
According to a Nielsen report, 47 % of people
expect a website to load within two seconds,
and 40 % will leave a website if it does not
load fully within three seconds.”
„
37 @peakaceag pa.ag
Google forciert das Thema Site Speed immer wieder:
Quelle: http://pa.ag/1cWFCtY
38 pa.ag@peakaceag
Die Basics sind natürlich (weiterhin) super wichtig:
 Bildoptimierung: Reduziert Overheads für JPGs & PNGs
(Metadaten, usw.), beachtet neue Formate (WebP)
 Effektives Caching und HTTP Komprimierung sollten
impementiert werden
 Wenn möglich, nutzt asynchrone Requests
 Verkleinert CSS und JavaScript Dateien (minify)
 Nutzt ein Content Distribution Network (CDN) oder einen
Asset Server (sowie cookie-less Domains) um parallele
Requests zu optimieren
 Lean Markup (Keine Kommentare, nutzt Inline CSS/JS nur
wenn unbedingt notwendig)
 Optimiert den Critical Rendering Path (Google
interessiert hauptsächlich „Above The Fold“ Content)
Alle Folien auf SlideShare: http://pa.ag/iss17speed
HTTPS & HTTP/2! Denn das HTTP Protokoll ist einfach uralt!
Viel spannender als die Basics:
40 @peakaceag pa.ag
Quelle: Searchmetrics US Ranking Factors 2016 – Download: http://pa.ag/2gO9Qq3
41 @peakaceag pa.ag
Die Top-3 der High Volume Keywords: >60 % HTTPS!
Quelle: SEMrush Ranking Factors 2017 - https://semrush.com/ranking-factors
42 @peakaceag pa.ag
Meine Prognose für dieses Jahr:
Wir werden bis Ende 2017
mehr als 90 Prozent aller Top
10 Ergebnisse auf HTTPS
sehen!”
„
43 @peakaceag pa.ag
HTTPS Ranking „Boost?“ Vielleicht…vielleicht auch nicht!
Quelle: http://pa.ag/2ekj4Gi & http://pa.ag/2pRq0PS
44 @peakaceag pa.ag
HTTPS schon bald Voraussetzung für AMP!
Quelle: http://pa.ag/2fuOdYq
45 pa.ag@peakaceag
Auch wenn du nicht an den Boost glaubst…
Seit Januar 2017 werden Login-/Kreditkarten-Felder auf HTTP als „nicht sicher“ markiert.
Quelle: http://pa.ag/2eh2Trk
46 pa.ag@peakaceag
Chrome mit mehr Warnungen ab Oktober 2017!
Chrome 62 wird jede einzelne HTTP-URL im Inkognito-Modus als unsicher flaggen!
Quelle: http://pa.ag/2rmIAjg
Also: Ja, du brauchst HTTPS!
48 @peakaceag pa.ag
Für alle, die das (immer noch) nicht verstanden haben:
Nutzt HTTPS nicht ohne
HTTP/2 (SPDY)!”
„
Eine weitere „Neuheit“ in den mobilen SERPs
Accelerated Mobile Pages (AMP)
50 pa.ag@peakaceag
AMP: Kastriertes HTML für maximale Performance
Google ist Geschwindigkeit deutlich wichtiger als (HTML-) Features
Nicht erlaubt:
 externes CSS
 JavaScript (außer Async JS)
 Flash, Java & Co.
Maximale mobile Performance:
 weniger CPU und Memory
 geringere Bandbreite
 niedrigerer Batterieverbrauch
 verbesserte Usererfahrung
Beachte:
 nur Text und Bilder, alles andere ist limitiert
 CSS nur inline (non-blocking)
 CSS mit Größenlimitierung
 benötigt Breiten- und Höhenangaben (z.B. Bilder)
51 pa.ag@peakaceag
AMP ist zwar sehr schnell…
…aber bietet eine komplett andere UX, derzeit landen nur 3 % der AMP Besucher auf
der non-AMP URL.
Quelle: http://pa.ag/2fkyXLJ
6231
929
Regular AMP
Ladezeit der mobilen Seite
0 2000 4000 6000 8000
(ms)
Real-World Data: Mobile Ladezeiten
5,7 x schneller
52 pa.ag@peakaceag
…und AMP erhält weiterhin einiges an Aufmerksamkeit:
Quelle: http://pa.ag/2qoc2bh & http://pa.ag/2qoaOwc & http://pa.ag/2rmWGRN
53 pa.ag@peakaceag
WSJ: Publisher trotzdem nicht 100 % zufrieden
AMP Seitenaufrufe generieren nur halb so viel Erträge wie „echte“ mobile Websites
Quelle: http://pa.ag/2fzOWK3
Diverse Zeitungen verkünden,
dass ein AMP Seitenaufruf
momentan nur etwa halb so
viel Revenue generiert wie der
Seitenaufruf einer vollständig
mobilen Website.”
„
54 pa.ag@peakaceag
Aber… AMP ist doch nur für Publisher?!
AMP für Produkte gibt es schon bald in einem SERP in eurer Nähe!
Mehr: https://ampbyexample.com/samples_templates/product/
Kein AMP? Google hilft:
56 pa.ag@peakaceag
Google konvertiert non-mobile friendly Websites
(wieder) automatisch:
Quelle: http://pa.ag/2sorYbC
10 Tipps, um eure Websiten
vorzubereiten:
58 pa.ag@peakaceag
#1 Erkennt die Stärken & Schwächen eures mobilen Setups
Was wird genutzt und wieso? Ist die Website richtig konfiguriert?
www.example.com x www.example.com x www.example.com x m.example.com x
Responsive Web Design Dynamic Serving Independent Mobile Site
Vermeidet es, Bilder, CSS & JS
zu blockieren
Beachtet die Variable: HTTP-User-
Agent-Header
Identifikation und Zuordnung der
relevanten Web Version anhand des
richtigen User Agent
Implementiert Rel-Alternate & Canonical Tags
zwischen mobilen & Desktop URLs.
Nutzt 301-Redirects zwischen mobiler Ansicht &
Desktop um den User Agent der relevanten Web
Version zuzuordnen
Responsive Web Design Dynamic Serving Independent Mobile Site
59 pa.ag@peakaceag
#2 Nutzt ihr die richtigen Keywords für Mobile?
Prüft welche Suchbegriffe für verschiedene Devices passen!
Selling
(transactional)
Buying
(transactional)
VS
60 pa.ag@peakaceag
#3 Ist eure Website wirklich mobile friendly?
Schnelltest: Prüfe die Kompatibilität mit den Chrome DevTools (Windows: Ctrl+Shift+I)!
61 pa.ag@peakaceag
Hier könnt ihr direkt mehrere URLs gleichzeitig prüfen:
Probiere es aus: https://technicalseo.com/seo-tools/mobile-friendly/
62 pa.ag@peakaceag
#4 Interstitials können mobile Zugriffe verhindern
Auch andere Overlay/Pop-Ups wirken sich negativ auf die User Erfahrung aus!
Quelle: http://pa.ag/2tPmhIi
Beispiele für Unterbrecherwerbung (Interstitials), die
Content schwer zugänglich machen
Beispiel:
Intrusives Popup
Beispiel:
Intrusives,
alleinstehendes
Interstitial
Beispiel:
Intrusives,
alleinstehendes
Interstitial
Beispiel:
Interstitials für
Cookie Nutzung
Beispiel:
Interstitials für
Altersverifikation
Beispiel:
Banner, der nur einen
Teil des Bildschirms
nutzt
Beispiele für Interstitials, die bei richtiger Nutzung
keine negativen Auswirkungen haben
63 pa.ag@peakaceag
#5 Habt ihr an alle GSC Reports gedacht?
Neben dem Mobile Usability Report vergesst nicht Rich Cards & Structured Data Tests!
64 pa.ag@peakaceag
#6 Extra Check: GSC Fetch & Render für mobile Ansicht!
Details beachten: Identischer Content? Fehlt etwas? Sind Ressourcen geblockt?
65 pa.ag@peakaceag
Schon gesehen? Ein neues Testing Tool von Google:
Probiere es aus: https://testmysite.thinkwithgoogle.com/intl/en-us
66 pa.ag@peakaceag
#7 Macht den Komplettcheck mit Fokus auf mobilen Reports:
DeepCrawl bietet ausführliches Reporting rund um das Thema „Mobile“!
67 pa.ag@peakaceag
#8 Simuliert Googlebot für mobile mit JS Rendering!
Mit ScreamingFrog geht das ganz leicht – Achtung bei gerendertem Output!
Auch hilfreich: Extract > Xpath > //head/link[@rel="amphtml"]/@href
68 pa.ag@peakaceag
#9 Prüft den gesamten Content eurer mobilen Website!
Ist das schema.org Markup auch auf der mobilen Seite verfügbar? Was ist mit
Indexierungsregeln, Canonical Tags, usw.?
Usually, rel-canonicals, structured data,
hreflang, other annotations and even
images are missing! Copy everything you
want to rank for over to mobile (for now)!”
„
#10 Don‘t f*cking panic!
70 pa.ag@peakaceag
Wir wachsen: 25+ Performance Marketing Jobs in Berlin!
Sprecht mich gerne jederzeit an - oder meldet euch via jobs.pa.ag. Wir freuen uns!
71 pa.ag@peakaceag
Bastian Grimm
bg@pa.ag
twitter.com/peakaceag
facebook.com/peakaceag
www.pa.ag
Fragen? Let‘s go!
Always looking for talent! Check out jobs.pa.ag
https://pa.ag/mobidx

More Related Content

What's hot

Site Speed EXTREME - SEOkomm 2014
Site Speed EXTREME - SEOkomm 2014Site Speed EXTREME - SEOkomm 2014
Site Speed EXTREME - SEOkomm 2014Bastian Grimm
 
Informationsarchitektur & Verlinkung - SMX München 2014
Informationsarchitektur & Verlinkung - SMX München 2014Informationsarchitektur & Verlinkung - SMX München 2014
Informationsarchitektur & Verlinkung - SMX München 2014Bastian Grimm
 
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018Bastian Grimm
 
Relaunch & SEO: Best Practice, Checklists, Stolpersteine
Relaunch & SEO: Best Practice, Checklists, StolpersteineRelaunch & SEO: Best Practice, Checklists, Stolpersteine
Relaunch & SEO: Best Practice, Checklists, StolpersteinePhilipp Klöckner
 
Crawl-Budget Optimierung - SEOday 2015
Crawl-Budget Optimierung - SEOday 2015Crawl-Budget Optimierung - SEOday 2015
Crawl-Budget Optimierung - SEOday 2015Bastian Grimm
 
SEOday Köln 2020 - Surprise, Surprise - 5 SEO secrets
SEOday Köln 2020 - Surprise, Surprise - 5 SEO secretsSEOday Köln 2020 - Surprise, Surprise - 5 SEO secrets
SEOday Köln 2020 - Surprise, Surprise - 5 SEO secretsBastian Grimm
 
Optimieren großer Websites mit Screaming Frog & Excel - Campixx 2014
Optimieren großer Websites mit Screaming Frog & Excel - Campixx 2014Optimieren großer Websites mit Screaming Frog & Excel - Campixx 2014
Optimieren großer Websites mit Screaming Frog & Excel - Campixx 2014Florian Elbers
 
Mehr Sichtbarkeit durch Google News und AMP
Mehr Sichtbarkeit durch Google News und AMPMehr Sichtbarkeit durch Google News und AMP
Mehr Sichtbarkeit durch Google News und AMP1&1
 
Linkbuilding durch skalierbare Strategien und Prozesse
Linkbuilding durch skalierbare Strategien und ProzesseLinkbuilding durch skalierbare Strategien und Prozesse
Linkbuilding durch skalierbare Strategien und ProzesseDominique Seppelt
 
OnPage SEO - Technik Grundlagen - Danny Linden
OnPage SEO - Technik Grundlagen - Danny LindenOnPage SEO - Technik Grundlagen - Danny Linden
OnPage SEO - Technik Grundlagen - Danny LindenDanny Linden
 
Linkrisiko Management - SEOkomm 2013
Linkrisiko Management - SEOkomm 2013Linkrisiko Management - SEOkomm 2013
Linkrisiko Management - SEOkomm 2013Bastian Grimm
 
The Future of SEO - Kai Spriestersbach @ Meet Magento 2016 DE
The Future of SEO - Kai Spriestersbach @ Meet Magento 2016 DEThe Future of SEO - Kai Spriestersbach @ Meet Magento 2016 DE
The Future of SEO - Kai Spriestersbach @ Meet Magento 2016 DESEARCH ONE
 
Screaming Frog Tricks | SEOKomm 2015
Screaming Frog Tricks | SEOKomm 2015Screaming Frog Tricks | SEOKomm 2015
Screaming Frog Tricks | SEOKomm 2015Mario Träger
 
Site Speed am Limit - Campixx 2015
Site Speed am Limit - Campixx 2015Site Speed am Limit - Campixx 2015
Site Speed am Limit - Campixx 2015Walter Andreas Pucko
 
Blackhat Protection: Negative SEO verstehen & verhindern - SEOkomm 2012
Blackhat Protection: Negative SEO verstehen & verhindern - SEOkomm 2012Blackhat Protection: Negative SEO verstehen & verhindern - SEOkomm 2012
Blackhat Protection: Negative SEO verstehen & verhindern - SEOkomm 2012Bastian Grimm
 
SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach
SEFD - Search Engine Friendly Design - SMX München 2015 Kai SpriestersbachSEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach
SEFD - Search Engine Friendly Design - SMX München 2015 Kai SpriestersbachSEARCH ONE
 
SEOkomm 2018: SEO ist nicht tot! Von Kai Spriestersbach
SEOkomm 2018: SEO ist nicht tot! Von Kai SpriestersbachSEOkomm 2018: SEO ist nicht tot! Von Kai Spriestersbach
SEOkomm 2018: SEO ist nicht tot! Von Kai SpriestersbachSEARCH ONE
 
SEO und Projektmanagement, Vortrag SEOKomm 2014
SEO und Projektmanagement, Vortrag SEOKomm 2014SEO und Projektmanagement, Vortrag SEOKomm 2014
SEO und Projektmanagement, Vortrag SEOKomm 2014gudulafeichtinger
 

What's hot (20)

Site Speed EXTREME - SEOkomm 2014
Site Speed EXTREME - SEOkomm 2014Site Speed EXTREME - SEOkomm 2014
Site Speed EXTREME - SEOkomm 2014
 
Informationsarchitektur & Verlinkung - SMX München 2014
Informationsarchitektur & Verlinkung - SMX München 2014Informationsarchitektur & Verlinkung - SMX München 2014
Informationsarchitektur & Verlinkung - SMX München 2014
 
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018
 
Relaunch & SEO: Best Practice, Checklists, Stolpersteine
Relaunch & SEO: Best Practice, Checklists, StolpersteineRelaunch & SEO: Best Practice, Checklists, Stolpersteine
Relaunch & SEO: Best Practice, Checklists, Stolpersteine
 
Crawl-Budget Optimierung - SEOday 2015
Crawl-Budget Optimierung - SEOday 2015Crawl-Budget Optimierung - SEOday 2015
Crawl-Budget Optimierung - SEOday 2015
 
SEOday Köln 2020 - Surprise, Surprise - 5 SEO secrets
SEOday Köln 2020 - Surprise, Surprise - 5 SEO secretsSEOday Köln 2020 - Surprise, Surprise - 5 SEO secrets
SEOday Köln 2020 - Surprise, Surprise - 5 SEO secrets
 
Optimieren großer Websites mit Screaming Frog & Excel - Campixx 2014
Optimieren großer Websites mit Screaming Frog & Excel - Campixx 2014Optimieren großer Websites mit Screaming Frog & Excel - Campixx 2014
Optimieren großer Websites mit Screaming Frog & Excel - Campixx 2014
 
Mehr Sichtbarkeit durch Google News und AMP
Mehr Sichtbarkeit durch Google News und AMPMehr Sichtbarkeit durch Google News und AMP
Mehr Sichtbarkeit durch Google News und AMP
 
Linkbuilding durch skalierbare Strategien und Prozesse
Linkbuilding durch skalierbare Strategien und ProzesseLinkbuilding durch skalierbare Strategien und Prozesse
Linkbuilding durch skalierbare Strategien und Prozesse
 
OnPage SEO - Technik Grundlagen - Danny Linden
OnPage SEO - Technik Grundlagen - Danny LindenOnPage SEO - Technik Grundlagen - Danny Linden
OnPage SEO - Technik Grundlagen - Danny Linden
 
Linkrisiko Management - SEOkomm 2013
Linkrisiko Management - SEOkomm 2013Linkrisiko Management - SEOkomm 2013
Linkrisiko Management - SEOkomm 2013
 
The Future of SEO - Kai Spriestersbach @ Meet Magento 2016 DE
The Future of SEO - Kai Spriestersbach @ Meet Magento 2016 DEThe Future of SEO - Kai Spriestersbach @ Meet Magento 2016 DE
The Future of SEO - Kai Spriestersbach @ Meet Magento 2016 DE
 
Screaming Frog Tricks | SEOKomm 2015
Screaming Frog Tricks | SEOKomm 2015Screaming Frog Tricks | SEOKomm 2015
Screaming Frog Tricks | SEOKomm 2015
 
Site Speed am Limit - Campixx 2015
Site Speed am Limit - Campixx 2015Site Speed am Limit - Campixx 2015
Site Speed am Limit - Campixx 2015
 
AMP: Inhaltliche und technische Vor- und Nachteile der neuen Google-Strategie
AMP: Inhaltliche und technische Vor- und Nachteile der neuen Google-StrategieAMP: Inhaltliche und technische Vor- und Nachteile der neuen Google-Strategie
AMP: Inhaltliche und technische Vor- und Nachteile der neuen Google-Strategie
 
Blackhat Protection: Negative SEO verstehen & verhindern - SEOkomm 2012
Blackhat Protection: Negative SEO verstehen & verhindern - SEOkomm 2012Blackhat Protection: Negative SEO verstehen & verhindern - SEOkomm 2012
Blackhat Protection: Negative SEO verstehen & verhindern - SEOkomm 2012
 
SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach
SEFD - Search Engine Friendly Design - SMX München 2015 Kai SpriestersbachSEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach
SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach
 
SEOkomm 2018: SEO ist nicht tot! Von Kai Spriestersbach
SEOkomm 2018: SEO ist nicht tot! Von Kai SpriestersbachSEOkomm 2018: SEO ist nicht tot! Von Kai Spriestersbach
SEOkomm 2018: SEO ist nicht tot! Von Kai Spriestersbach
 
SEO und Projektmanagement, Vortrag SEOKomm 2014
SEO und Projektmanagement, Vortrag SEOKomm 2014SEO und Projektmanagement, Vortrag SEOKomm 2014
SEO und Projektmanagement, Vortrag SEOKomm 2014
 
SEO Maintenance - SEODay 2015
SEO Maintenance - SEODay 2015SEO Maintenance - SEODay 2015
SEO Maintenance - SEODay 2015
 

Similar to Welcome to a New Reality - SEO goes Mobile First in 2017

Mobile - Bin ich schon zu spät?
Mobile - Bin ich schon zu spät?Mobile - Bin ich schon zu spät?
Mobile - Bin ich schon zu spät?Michael H. Singer
 
Smartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John Muñoz
Smartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John MuñozSmartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John Muñoz
Smartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John MuñozJohn Muñoz
 
Responsive Mit Irhem Webseiten (German Edition)
Responsive Mit Irhem Webseiten (German Edition)Responsive Mit Irhem Webseiten (German Edition)
Responsive Mit Irhem Webseiten (German Edition)Koombea
 
Google - Mobil-First-Index @SEO-Campixx 2018 | Maximilian Bloch
Google - Mobil-First-Index @SEO-Campixx 2018 | Maximilian BlochGoogle - Mobil-First-Index @SEO-Campixx 2018 | Maximilian Bloch
Google - Mobil-First-Index @SEO-Campixx 2018 | Maximilian BlochMaximilian Bloch
 
Die Symbiose aus SEO, UX und Webdesign: So geht's wirklich
Die Symbiose aus SEO, UX und Webdesign: So geht's wirklichDie Symbiose aus SEO, UX und Webdesign: So geht's wirklich
Die Symbiose aus SEO, UX und Webdesign: So geht's wirklichAlexander Geißenberger
 
SEO & Content Marketing entlang der Customer Journey
SEO & Content Marketing entlang der Customer JourneySEO & Content Marketing entlang der Customer Journey
SEO & Content Marketing entlang der Customer Journey1&1
 
Responsive Webdesign Process
Responsive Webdesign ProcessResponsive Webdesign Process
Responsive Webdesign ProcessSven Wolfermann
 
Webinar: Mobile Shop Optimierung - was wirklich wichtig ist
Webinar: Mobile Shop Optimierung - was wirklich wichtig istWebinar: Mobile Shop Optimierung - was wirklich wichtig ist
Webinar: Mobile Shop Optimierung - was wirklich wichtig istwasmitweb GmbH
 
SEO Webinar "Alles mobile oder was? So funktioniert Googles Mobile First Index."
SEO Webinar "Alles mobile oder was? So funktioniert Googles Mobile First Index."SEO Webinar "Alles mobile oder was? So funktioniert Googles Mobile First Index."
SEO Webinar "Alles mobile oder was? So funktioniert Googles Mobile First Index."Namics
 
Testing einer Angular App
Testing einer Angular AppTesting einer Angular App
Testing einer Angular AppFlorian Bader
 
Echte Lösungen, keine Tricks
Echte Lösungen, keine TricksEchte Lösungen, keine Tricks
Echte Lösungen, keine TricksJens Grochtdreis
 
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...Bokowsky + Laymann GmbH
 
Mobile Web Development from Scratch
Mobile Web Development from ScratchMobile Web Development from Scratch
Mobile Web Development from ScratchNokiaAppForum
 
Webdesign Trends Teil 02 - Wie gestaltet man eine Webseite
Webdesign Trends Teil 02 - Wie gestaltet man eine WebseiteWebdesign Trends Teil 02 - Wie gestaltet man eine Webseite
Webdesign Trends Teil 02 - Wie gestaltet man eine Webseitechrisign gmbh
 
Responsive Webdesign - Voraussetzung für gutes Ranking
Responsive Webdesign - Voraussetzung für gutes RankingResponsive Webdesign - Voraussetzung für gutes Ranking
Responsive Webdesign - Voraussetzung für gutes Rankingluna-park GmbH
 
Microsoft und die Open Source Community - Leaving the death star behind
Microsoft und die Open Source Community - Leaving the death star behindMicrosoft und die Open Source Community - Leaving the death star behind
Microsoft und die Open Source Community - Leaving the death star behindChristian Heilmann
 

Similar to Welcome to a New Reality - SEO goes Mobile First in 2017 (20)

Mobile - Bin ich schon zu spät?
Mobile - Bin ich schon zu spät?Mobile - Bin ich schon zu spät?
Mobile - Bin ich schon zu spät?
 
Smartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John Muñoz
Smartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John MuñozSmartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John Muñoz
Smartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John Muñoz
 
Responsive Mit Irhem Webseiten (German Edition)
Responsive Mit Irhem Webseiten (German Edition)Responsive Mit Irhem Webseiten (German Edition)
Responsive Mit Irhem Webseiten (German Edition)
 
SEOs als Dienstleister
SEOs als DienstleisterSEOs als Dienstleister
SEOs als Dienstleister
 
Google - Mobil-First-Index @SEO-Campixx 2018 | Maximilian Bloch
Google - Mobil-First-Index @SEO-Campixx 2018 | Maximilian BlochGoogle - Mobil-First-Index @SEO-Campixx 2018 | Maximilian Bloch
Google - Mobil-First-Index @SEO-Campixx 2018 | Maximilian Bloch
 
Die Symbiose aus SEO, UX und Webdesign: So geht's wirklich
Die Symbiose aus SEO, UX und Webdesign: So geht's wirklichDie Symbiose aus SEO, UX und Webdesign: So geht's wirklich
Die Symbiose aus SEO, UX und Webdesign: So geht's wirklich
 
SEO & Content Marketing entlang der Customer Journey
SEO & Content Marketing entlang der Customer JourneySEO & Content Marketing entlang der Customer Journey
SEO & Content Marketing entlang der Customer Journey
 
Responsive Webdesign Process
Responsive Webdesign ProcessResponsive Webdesign Process
Responsive Webdesign Process
 
Webinar: Mobile Shop Optimierung - was wirklich wichtig ist
Webinar: Mobile Shop Optimierung - was wirklich wichtig istWebinar: Mobile Shop Optimierung - was wirklich wichtig ist
Webinar: Mobile Shop Optimierung - was wirklich wichtig ist
 
SEO Webinar "Alles mobile oder was? So funktioniert Googles Mobile First Index."
SEO Webinar "Alles mobile oder was? So funktioniert Googles Mobile First Index."SEO Webinar "Alles mobile oder was? So funktioniert Googles Mobile First Index."
SEO Webinar "Alles mobile oder was? So funktioniert Googles Mobile First Index."
 
Testing einer Angular App
Testing einer Angular AppTesting einer Angular App
Testing einer Angular App
 
Echte Lösungen, keine Tricks
Echte Lösungen, keine TricksEchte Lösungen, keine Tricks
Echte Lösungen, keine Tricks
 
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
 
eStrategy Magazin 02 / 2014
eStrategy Magazin 02 / 2014eStrategy Magazin 02 / 2014
eStrategy Magazin 02 / 2014
 
Mobile Web Development from Scratch
Mobile Web Development from ScratchMobile Web Development from Scratch
Mobile Web Development from Scratch
 
Webdesign Trends Teil 02 - Wie gestaltet man eine Webseite
Webdesign Trends Teil 02 - Wie gestaltet man eine WebseiteWebdesign Trends Teil 02 - Wie gestaltet man eine Webseite
Webdesign Trends Teil 02 - Wie gestaltet man eine Webseite
 
Responsive Webdesign - Voraussetzung für gutes Ranking
Responsive Webdesign - Voraussetzung für gutes RankingResponsive Webdesign - Voraussetzung für gutes Ranking
Responsive Webdesign - Voraussetzung für gutes Ranking
 
Microsoft und die Open Source Community - Leaving the death star behind
Microsoft und die Open Source Community - Leaving the death star behindMicrosoft und die Open Source Community - Leaving the death star behind
Microsoft und die Open Source Community - Leaving the death star behind
 
SEO Frühlingsserie #1
SEO Frühlingsserie #1 SEO Frühlingsserie #1
SEO Frühlingsserie #1
 
App Indexing, Campixx 2016 Workshop
App Indexing, Campixx 2016 WorkshopApp Indexing, Campixx 2016 Workshop
App Indexing, Campixx 2016 Workshop
 

More from Bastian Grimm

Migration Best Practices - Peak Ace on Air
Migration Best Practices - Peak Ace on AirMigration Best Practices - Peak Ace on Air
Migration Best Practices - Peak Ace on AirBastian Grimm
 
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AG
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AGTechnical SEO vs. User Experience - Bastian Grimm, Peak Ace AG
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AGBastian Grimm
 
Advanced data-driven technical SEO - SMX London 2019
Advanced data-driven technical SEO - SMX London 2019Advanced data-driven technical SEO - SMX London 2019
Advanced data-driven technical SEO - SMX London 2019Bastian Grimm
 
Migration Best Practices - SMX West 2019
Migration Best Practices - SMX West 2019Migration Best Practices - SMX West 2019
Migration Best Practices - SMX West 2019Bastian Grimm
 
Migration Best Practices - Search Y 2019, Paris
Migration Best Practices - Search Y 2019, ParisMigration Best Practices - Search Y 2019, Paris
Migration Best Practices - Search Y 2019, ParisBastian Grimm
 
Migration Best Practices - SEOkomm 2018
Migration Best Practices - SEOkomm 2018Migration Best Practices - SEOkomm 2018
Migration Best Practices - SEOkomm 2018Bastian Grimm
 
The need for Speed: Advanced #webperf - SEOday 2018
The need for Speed: Advanced #webperf - SEOday 2018The need for Speed: Advanced #webperf - SEOday 2018
The need for Speed: Advanced #webperf - SEOday 2018Bastian Grimm
 
OK Google, Whats next? - OMT Wiesbaden 2018
OK Google, Whats next? - OMT Wiesbaden 2018OK Google, Whats next? - OMT Wiesbaden 2018
OK Google, Whats next? - OMT Wiesbaden 2018Bastian Grimm
 
Super speed around the globe - SearchLeeds 2018
Super speed around the globe - SearchLeeds 2018Super speed around the globe - SearchLeeds 2018
Super speed around the globe - SearchLeeds 2018Bastian Grimm
 
Migration Best Practices - SMX London 2018
Migration Best Practices - SMX London 2018Migration Best Practices - SMX London 2018
Migration Best Practices - SMX London 2018Bastian Grimm
 
Welcome to a new reality - DeepCrawl Webinar 2018
Welcome to a new reality - DeepCrawl Webinar 2018Welcome to a new reality - DeepCrawl Webinar 2018
Welcome to a new reality - DeepCrawl Webinar 2018Bastian Grimm
 
Web Performance Madness - brightonSEO 2018
Web Performance Madness - brightonSEO 2018Web Performance Madness - brightonSEO 2018
Web Performance Madness - brightonSEO 2018Bastian Grimm
 
AMP - SMX München 2018
AMP - SMX München 2018AMP - SMX München 2018
AMP - SMX München 2018Bastian Grimm
 
How fast is fast enough - SMX West 2018
How fast is fast enough - SMX West 2018How fast is fast enough - SMX West 2018
How fast is fast enough - SMX West 2018Bastian Grimm
 
Whats Next in SEO & CRO - 3XE Conference 2018 Dublin
Whats Next in SEO & CRO - 3XE Conference 2018 DublinWhats Next in SEO & CRO - 3XE Conference 2018 Dublin
Whats Next in SEO & CRO - 3XE Conference 2018 DublinBastian Grimm
 
Migration Best-Practices: Successfully re-launching your website - SMX New Yo...
Migration Best-Practices: Successfully re-launching your website - SMX New Yo...Migration Best-Practices: Successfully re-launching your website - SMX New Yo...
Migration Best-Practices: Successfully re-launching your website - SMX New Yo...Bastian Grimm
 
Three site speed optimisation tips to make your website REALLY fast - Brighto...
Three site speed optimisation tips to make your website REALLY fast - Brighto...Three site speed optimisation tips to make your website REALLY fast - Brighto...
Three site speed optimisation tips to make your website REALLY fast - Brighto...Bastian Grimm
 
International Site Speed Tweaks - ISS 2017 Barcelona
International Site Speed Tweaks - ISS 2017 BarcelonaInternational Site Speed Tweaks - ISS 2017 Barcelona
International Site Speed Tweaks - ISS 2017 BarcelonaBastian Grimm
 
Technical SEO: 2017 Edition - SEO & Love Verona 2017
Technical SEO: 2017 Edition - SEO & Love Verona 2017Technical SEO: 2017 Edition - SEO & Love Verona 2017
Technical SEO: 2017 Edition - SEO & Love Verona 2017Bastian Grimm
 
Quo Vadis SEO (Die Zukunft des SEO) - SEOkomm Salzburg 2016
Quo Vadis SEO (Die Zukunft des SEO) - SEOkomm Salzburg 2016Quo Vadis SEO (Die Zukunft des SEO) - SEOkomm Salzburg 2016
Quo Vadis SEO (Die Zukunft des SEO) - SEOkomm Salzburg 2016Bastian Grimm
 

More from Bastian Grimm (20)

Migration Best Practices - Peak Ace on Air
Migration Best Practices - Peak Ace on AirMigration Best Practices - Peak Ace on Air
Migration Best Practices - Peak Ace on Air
 
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AG
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AGTechnical SEO vs. User Experience - Bastian Grimm, Peak Ace AG
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AG
 
Advanced data-driven technical SEO - SMX London 2019
Advanced data-driven technical SEO - SMX London 2019Advanced data-driven technical SEO - SMX London 2019
Advanced data-driven technical SEO - SMX London 2019
 
Migration Best Practices - SMX West 2019
Migration Best Practices - SMX West 2019Migration Best Practices - SMX West 2019
Migration Best Practices - SMX West 2019
 
Migration Best Practices - Search Y 2019, Paris
Migration Best Practices - Search Y 2019, ParisMigration Best Practices - Search Y 2019, Paris
Migration Best Practices - Search Y 2019, Paris
 
Migration Best Practices - SEOkomm 2018
Migration Best Practices - SEOkomm 2018Migration Best Practices - SEOkomm 2018
Migration Best Practices - SEOkomm 2018
 
The need for Speed: Advanced #webperf - SEOday 2018
The need for Speed: Advanced #webperf - SEOday 2018The need for Speed: Advanced #webperf - SEOday 2018
The need for Speed: Advanced #webperf - SEOday 2018
 
OK Google, Whats next? - OMT Wiesbaden 2018
OK Google, Whats next? - OMT Wiesbaden 2018OK Google, Whats next? - OMT Wiesbaden 2018
OK Google, Whats next? - OMT Wiesbaden 2018
 
Super speed around the globe - SearchLeeds 2018
Super speed around the globe - SearchLeeds 2018Super speed around the globe - SearchLeeds 2018
Super speed around the globe - SearchLeeds 2018
 
Migration Best Practices - SMX London 2018
Migration Best Practices - SMX London 2018Migration Best Practices - SMX London 2018
Migration Best Practices - SMX London 2018
 
Welcome to a new reality - DeepCrawl Webinar 2018
Welcome to a new reality - DeepCrawl Webinar 2018Welcome to a new reality - DeepCrawl Webinar 2018
Welcome to a new reality - DeepCrawl Webinar 2018
 
Web Performance Madness - brightonSEO 2018
Web Performance Madness - brightonSEO 2018Web Performance Madness - brightonSEO 2018
Web Performance Madness - brightonSEO 2018
 
AMP - SMX München 2018
AMP - SMX München 2018AMP - SMX München 2018
AMP - SMX München 2018
 
How fast is fast enough - SMX West 2018
How fast is fast enough - SMX West 2018How fast is fast enough - SMX West 2018
How fast is fast enough - SMX West 2018
 
Whats Next in SEO & CRO - 3XE Conference 2018 Dublin
Whats Next in SEO & CRO - 3XE Conference 2018 DublinWhats Next in SEO & CRO - 3XE Conference 2018 Dublin
Whats Next in SEO & CRO - 3XE Conference 2018 Dublin
 
Migration Best-Practices: Successfully re-launching your website - SMX New Yo...
Migration Best-Practices: Successfully re-launching your website - SMX New Yo...Migration Best-Practices: Successfully re-launching your website - SMX New Yo...
Migration Best-Practices: Successfully re-launching your website - SMX New Yo...
 
Three site speed optimisation tips to make your website REALLY fast - Brighto...
Three site speed optimisation tips to make your website REALLY fast - Brighto...Three site speed optimisation tips to make your website REALLY fast - Brighto...
Three site speed optimisation tips to make your website REALLY fast - Brighto...
 
International Site Speed Tweaks - ISS 2017 Barcelona
International Site Speed Tweaks - ISS 2017 BarcelonaInternational Site Speed Tweaks - ISS 2017 Barcelona
International Site Speed Tweaks - ISS 2017 Barcelona
 
Technical SEO: 2017 Edition - SEO & Love Verona 2017
Technical SEO: 2017 Edition - SEO & Love Verona 2017Technical SEO: 2017 Edition - SEO & Love Verona 2017
Technical SEO: 2017 Edition - SEO & Love Verona 2017
 
Quo Vadis SEO (Die Zukunft des SEO) - SEOkomm Salzburg 2016
Quo Vadis SEO (Die Zukunft des SEO) - SEOkomm Salzburg 2016Quo Vadis SEO (Die Zukunft des SEO) - SEOkomm Salzburg 2016
Quo Vadis SEO (Die Zukunft des SEO) - SEOkomm Salzburg 2016
 

Welcome to a New Reality - SEO goes Mobile First in 2017

  • 1. Bastian Grimm, Peak Ace AG | @basgr Crawling, Indexing & Ranking in the age of a mobile first world. Welcome to a New Reality!
  • 2. 2 pa.ag@peakaceag Keine Lust mitzuschreiben? https://pa.ag/mobidx
  • 3. 3 pa.ag@peakaceag Zusammengefasst geht es beim Mobile First Indexing darum, dass Google Cross Device kompatiblen Content vorziehen wird und so organisiert, dass er von vielen verschiedenen Geräten möglichst einfach abgefragt und angezeigt werden kann. Crawling Indexing Ranking Mobile Was ist Mobile First Indexing?
  • 4. 4 pa.ag@peakaceag Warum macht Google das? Mobile schlägt Desktop! Seit 2015 gibt es mehr mobile Suchanfragen als über Desktop. Hitwise berichtete in 08/2016, dass fast 60 Prozent aller Anfragen von mobilen Geräten ausgehen. Quellen: Hitwise (http://pa.ag/2qofNNV) & SearchEngineLand (http://pa.ag/2pT2OA7) Anteil der Online Suchanfragen ausgehend von mobilen Geräten, nach Industrie:
  • 6. 6 @peakaceag pa.ag Mobile Suchergebnisse zu “Game of Thrones” (US) Source: Google US, Mobile SERP on iPhone6 – 24/08/2017 Klassische, organische Suchergebnisse? Fehlanzeige!
  • 7. 7 @peakaceag pa.ag Editorial Integration zur Bundestagswahl (seit 30.08.17) Ausprobieren: https://www.google.de/#q=martin+schulz / Mehr Info: http://pa.ag/2gqcVxi
  • 8. 8 pa.ag@peakaceag Auch Fragen werden im mobilen Chrome beantwortet Via Twitter: http://pa.ag/2tQfXA9
  • 9. Zukünftig werdet ihr auf der Basis eurer mobilen Seite gerankt Von Desktop zu Mobile
  • 10. 10 pa.ag@peakaceag Google kündigte Mobile First Indexing im Nov. 2016 an Wie und Wann? Sogar Google weiß vieles noch nicht sicher! Chaos pur…
  • 11. 11 pa.ag@peakaceag Google bestätigt: Weiterhin nur einen Suchindex! Quelle: http://pa.ag/2fVfl5q
  • 12. 12 pa.ag@peakaceag Googles Mobile First Indexing Roadmap #1 Letztes Update 15/06/17 Quelle: SMX Advanced 2017, Seattle Die Änderung wird global durchgeführt, nicht schrittweise nach Sprachen oder Ländern. Zeitrahmen: „Wir sind noch einige Zeit davon entfernt“, Umsetzung also nicht vor 2018 „Es könnte noch vier bis fünf Jahre dauern, bis es einen kompletten Mobile First Index geben wird” so Illyes. 3 12 6 9
  • 13. 13 pa.ag@peakaceag Vielleicht wird‘s auch einfach das „Trial & Error“ Prinzip? Im Mai 2017 wurde es dann wirklich absurd… Quelle: http://pa.ag/2rmNU6m It's also possible that we'll say well this batch of sites works perfectly fine on mobile first indexing so we'll just switch that over and wait with the next batch.” „
  • 14. 14 pa.ag@peakaceag Googles Mobile First Indexing Roadmap #2 Letztes Update 15/06/17 Quelle: SMX Advanced 2017, Seattle Für Desktop-Seiten bleibt die Indexierung gleich; doch gecrawlt wird per mobilem User Agent: „Wir indexieren mobile Inhalte, wenn es keine gibt werden die Desktop-Inhalte herangezogen. Niemand rutscht also aus dem Index!“ Kann ich Accordion Tabs, Hidden Tabs, usw. auf meiner mobilen Website nutzen? Google wird diese genauso wie Non-Hidden Content bewerten. Illyes: „Google is going to ensure that hidden content is not valued less on a mobile site.“ + - + Lorem Ipsum dolor Lorem Ipsum dolor Lorem Ipsum dolor Lorem Ipsum dolor Lorem Ipsum dolor Lorem Ipsum dolor
  • 15. 15 pa.ag@peakaceag Googles Mobile First Indexing Roadmap #3 Letztes Update 15/06/17 Quelle: SMX Advanced 2017, Seattle Was ist, wenn die mobile Website weniger Content aufweist als die Desktop Page? Das Ranking wird auf „kürzerem“ Content basieren! Somit muss sichergestellt werden, dass die Inhalte, die gerankt werden sollen, auf der mobilen Seite zu finden sind. Mobile Ranking Faktoren Diese bleiben generell unverändert, inklusive des Mobile-Friendly-Testings.
  • 16. 16 pa.ag@peakaceag Googles Mobile First Indexing Roadmap #4 Letztes Update 15/06/17 Quelle: SMX Advanced 2017, Seattle Für die Ladegeschwindigkeit (Scoring) wird die mobile Version anstatt der Desktop Version geprüft.
  • 17. 17 @peakaceag pa.ag Mobile First Indexing – Die Herausforderungen #1 Quelle: Gary Illyes @ SMX Advanced Seattle 2017 Figuring out for 18-year-old desktop signals: How can this be used for the mobile web? E.g. the link graph/PR is different and totally messed up; how can Google make this work?” „
  • 18. 18 @peakaceag pa.ag Mobile First Indexing – Die Herausforderungen #2 Quelle: Gary Illyes @ SMX Advanced Seattle 2017 Google never had to swap over an entire index to something new, this is completely new and doing that without experimentation is not possible. And sites should not be hurt, therefore large scale indexing experiments will be conducted.” „
  • 19. 19 pa.ag@peakaceag Sh*t just got real! ~4.500 Visibility auf Desktop! Mobile Subdomain beginnt auf Desktop zu ranken: Real-World Testing!?
  • 20. 20 pa.ag@peakaceag Aber was ist denn überhaut „Mobile“ (für Google)? iPhone, iPad oder noch größer? Welche Bildschirmauflösung gilt als Standard?
  • 21. Bedenkt, dass Google beim Rendern (fast) alles abfragt, was zu einer Seite gehört, JavaScript, CSS, usw. Bevor wir einsteigen:
  • 22. …aller Seiten nutzen JavaScript – deswegen rendert Google Websites jetzt auch, anstatt sie nur zu crawlen! 93,7 %
  • 23. 23 pa.ag@peakaceag Die Zeiten von „View Source“ sind endgültig vorbei: Rendered Un-rendered
  • 24. 24 pa.ag@peakaceag JS Frameworks und deren Kompatibilität für SEO? Schaut euch Bartosz‘ umfangreiches Experiment zu Crawlability und Indexability an! Mehr erfahren: http://pa.ag/2qLqlqH
  • 25. Die einzelnen Teilbereiche im SEO werden immer komplexer, Spezialisten im Team sind somit wichtiger denn je. Spezialisiert eure Teams!
  • 27. 27 pa.ag@peakaceag 1024 x 768 = (noch) Desktop! Warum ist das so wichtig? Achtet auf responsive Breakpoints, Portrait vs. Landscape, usw. – alles Wichtige muss richtig gerendert werden!
  • 28. 28 pa.ag@peakaceag Bonus > GSC Fetch & Render für (fast) alles, was ihr wollt! Mit dem 100 Prozent iFrame seht ihr, wie Google eine (beliebige) Website rendert.
  • 29. Auflösung ist nicht das Wichtigste…
  • 30. 30 pa.ag@peakaceag Der durchschnittliche Konsument nutzt fünf Devices! Du kannst nicht für alle Geräte perfekt angepasste Websites bauen und pflegen, z.B. eine für das iPad und verschiedene Seiten für alle Smartphone Bildschirmauflösungen! Quelle: http://pa.ag/2ffuGNp & http://pa.ag/2fHvLhz 90 % aller User beginnen Online Tasks auf einem Gerät und beenden diese auf einem anderen.
  • 31. 31 @peakaceag pa.ag Proper Responsive Aus SEO Gesichtspunkten bietet Responsive Design diverse Vorteile!
  • 32. 32 pa.ag@peakaceag Was bedeutet Responsive Webdesign? #1  Vor allem: Content auf verschiedene Arten anzeigen, je nach Auflösung (Gerät). Designt das kleinste Ansichtsfenster zuerst, arbeitet euch dann nach oben; achtet auch auf Quer- und Hochformate.  Bilder: Bestmögliche Größe, Auflösung & Format. Das neue <picture> Element ist perfekter Ausgangspunkt, aber es gibt noch viele andere Lösungen. Denkt an „Fluid Images“, die sich an ihren Container anpassen. <picture>
  • 33. 33 pa.ag@peakaceag Was bedeutet Responsive Webdesign? #2  Critical Rendering Path: Optimiere für ein schnellstmögliches „Time to meaningful Paint“. Round Trips beachten; offloading von JS & Inline CSS für all Breakpoints (je nach Auflösung).  Conditional Loading von Komponenten (bspw. nur wenn sichtbar), kombiniert mit Pre-Fetching und Pre-Rendering (bei hohen Auflösungen).
  • 34. 34 pa.ag@peakaceag Was bedeutet Responsive Webdesign? #3  Optimiert Paint und Re-Paint, besonders für niedrige Auflösungen/Breakpoints. CSS Media Queries können eine große Hilfe sein.  Haltet euren DOM sauber (Versteckte Elemente sind nur die halbe Wahrheit bzw. keine gute Idee!). 1 2 3 4 5 6 7 8 9 10 11 <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>Heading</h1> <p>Paragraph</p> </body> </html>
  • 35. … effizienteres Crawling ist nur ein netter Nebeneffekt! Performance = User Experience
  • 36. 36 pa.ag@peakaceag Die Erwartungshaltung eurer Besucher ist klar: Langsame Ladezeiten sind der meistgenannte Grund, eine Seite zu verlassen! According to a Nielsen report, 47 % of people expect a website to load within two seconds, and 40 % will leave a website if it does not load fully within three seconds.” „
  • 37. 37 @peakaceag pa.ag Google forciert das Thema Site Speed immer wieder: Quelle: http://pa.ag/1cWFCtY
  • 38. 38 pa.ag@peakaceag Die Basics sind natürlich (weiterhin) super wichtig:  Bildoptimierung: Reduziert Overheads für JPGs & PNGs (Metadaten, usw.), beachtet neue Formate (WebP)  Effektives Caching und HTTP Komprimierung sollten impementiert werden  Wenn möglich, nutzt asynchrone Requests  Verkleinert CSS und JavaScript Dateien (minify)  Nutzt ein Content Distribution Network (CDN) oder einen Asset Server (sowie cookie-less Domains) um parallele Requests zu optimieren  Lean Markup (Keine Kommentare, nutzt Inline CSS/JS nur wenn unbedingt notwendig)  Optimiert den Critical Rendering Path (Google interessiert hauptsächlich „Above The Fold“ Content) Alle Folien auf SlideShare: http://pa.ag/iss17speed
  • 39. HTTPS & HTTP/2! Denn das HTTP Protokoll ist einfach uralt! Viel spannender als die Basics:
  • 40. 40 @peakaceag pa.ag Quelle: Searchmetrics US Ranking Factors 2016 – Download: http://pa.ag/2gO9Qq3
  • 41. 41 @peakaceag pa.ag Die Top-3 der High Volume Keywords: >60 % HTTPS! Quelle: SEMrush Ranking Factors 2017 - https://semrush.com/ranking-factors
  • 42. 42 @peakaceag pa.ag Meine Prognose für dieses Jahr: Wir werden bis Ende 2017 mehr als 90 Prozent aller Top 10 Ergebnisse auf HTTPS sehen!” „
  • 43. 43 @peakaceag pa.ag HTTPS Ranking „Boost?“ Vielleicht…vielleicht auch nicht! Quelle: http://pa.ag/2ekj4Gi & http://pa.ag/2pRq0PS
  • 44. 44 @peakaceag pa.ag HTTPS schon bald Voraussetzung für AMP! Quelle: http://pa.ag/2fuOdYq
  • 45. 45 pa.ag@peakaceag Auch wenn du nicht an den Boost glaubst… Seit Januar 2017 werden Login-/Kreditkarten-Felder auf HTTP als „nicht sicher“ markiert. Quelle: http://pa.ag/2eh2Trk
  • 46. 46 pa.ag@peakaceag Chrome mit mehr Warnungen ab Oktober 2017! Chrome 62 wird jede einzelne HTTP-URL im Inkognito-Modus als unsicher flaggen! Quelle: http://pa.ag/2rmIAjg
  • 47. Also: Ja, du brauchst HTTPS!
  • 48. 48 @peakaceag pa.ag Für alle, die das (immer noch) nicht verstanden haben: Nutzt HTTPS nicht ohne HTTP/2 (SPDY)!” „
  • 49. Eine weitere „Neuheit“ in den mobilen SERPs Accelerated Mobile Pages (AMP)
  • 50. 50 pa.ag@peakaceag AMP: Kastriertes HTML für maximale Performance Google ist Geschwindigkeit deutlich wichtiger als (HTML-) Features Nicht erlaubt:  externes CSS  JavaScript (außer Async JS)  Flash, Java & Co. Maximale mobile Performance:  weniger CPU und Memory  geringere Bandbreite  niedrigerer Batterieverbrauch  verbesserte Usererfahrung Beachte:  nur Text und Bilder, alles andere ist limitiert  CSS nur inline (non-blocking)  CSS mit Größenlimitierung  benötigt Breiten- und Höhenangaben (z.B. Bilder)
  • 51. 51 pa.ag@peakaceag AMP ist zwar sehr schnell… …aber bietet eine komplett andere UX, derzeit landen nur 3 % der AMP Besucher auf der non-AMP URL. Quelle: http://pa.ag/2fkyXLJ 6231 929 Regular AMP Ladezeit der mobilen Seite 0 2000 4000 6000 8000 (ms) Real-World Data: Mobile Ladezeiten 5,7 x schneller
  • 52. 52 pa.ag@peakaceag …und AMP erhält weiterhin einiges an Aufmerksamkeit: Quelle: http://pa.ag/2qoc2bh & http://pa.ag/2qoaOwc & http://pa.ag/2rmWGRN
  • 53. 53 pa.ag@peakaceag WSJ: Publisher trotzdem nicht 100 % zufrieden AMP Seitenaufrufe generieren nur halb so viel Erträge wie „echte“ mobile Websites Quelle: http://pa.ag/2fzOWK3 Diverse Zeitungen verkünden, dass ein AMP Seitenaufruf momentan nur etwa halb so viel Revenue generiert wie der Seitenaufruf einer vollständig mobilen Website.” „
  • 54. 54 pa.ag@peakaceag Aber… AMP ist doch nur für Publisher?! AMP für Produkte gibt es schon bald in einem SERP in eurer Nähe! Mehr: https://ampbyexample.com/samples_templates/product/
  • 56. 56 pa.ag@peakaceag Google konvertiert non-mobile friendly Websites (wieder) automatisch: Quelle: http://pa.ag/2sorYbC
  • 57. 10 Tipps, um eure Websiten vorzubereiten:
  • 58. 58 pa.ag@peakaceag #1 Erkennt die Stärken & Schwächen eures mobilen Setups Was wird genutzt und wieso? Ist die Website richtig konfiguriert? www.example.com x www.example.com x www.example.com x m.example.com x Responsive Web Design Dynamic Serving Independent Mobile Site Vermeidet es, Bilder, CSS & JS zu blockieren Beachtet die Variable: HTTP-User- Agent-Header Identifikation und Zuordnung der relevanten Web Version anhand des richtigen User Agent Implementiert Rel-Alternate & Canonical Tags zwischen mobilen & Desktop URLs. Nutzt 301-Redirects zwischen mobiler Ansicht & Desktop um den User Agent der relevanten Web Version zuzuordnen Responsive Web Design Dynamic Serving Independent Mobile Site
  • 59. 59 pa.ag@peakaceag #2 Nutzt ihr die richtigen Keywords für Mobile? Prüft welche Suchbegriffe für verschiedene Devices passen! Selling (transactional) Buying (transactional) VS
  • 60. 60 pa.ag@peakaceag #3 Ist eure Website wirklich mobile friendly? Schnelltest: Prüfe die Kompatibilität mit den Chrome DevTools (Windows: Ctrl+Shift+I)!
  • 61. 61 pa.ag@peakaceag Hier könnt ihr direkt mehrere URLs gleichzeitig prüfen: Probiere es aus: https://technicalseo.com/seo-tools/mobile-friendly/
  • 62. 62 pa.ag@peakaceag #4 Interstitials können mobile Zugriffe verhindern Auch andere Overlay/Pop-Ups wirken sich negativ auf die User Erfahrung aus! Quelle: http://pa.ag/2tPmhIi Beispiele für Unterbrecherwerbung (Interstitials), die Content schwer zugänglich machen Beispiel: Intrusives Popup Beispiel: Intrusives, alleinstehendes Interstitial Beispiel: Intrusives, alleinstehendes Interstitial Beispiel: Interstitials für Cookie Nutzung Beispiel: Interstitials für Altersverifikation Beispiel: Banner, der nur einen Teil des Bildschirms nutzt Beispiele für Interstitials, die bei richtiger Nutzung keine negativen Auswirkungen haben
  • 63. 63 pa.ag@peakaceag #5 Habt ihr an alle GSC Reports gedacht? Neben dem Mobile Usability Report vergesst nicht Rich Cards & Structured Data Tests!
  • 64. 64 pa.ag@peakaceag #6 Extra Check: GSC Fetch & Render für mobile Ansicht! Details beachten: Identischer Content? Fehlt etwas? Sind Ressourcen geblockt?
  • 65. 65 pa.ag@peakaceag Schon gesehen? Ein neues Testing Tool von Google: Probiere es aus: https://testmysite.thinkwithgoogle.com/intl/en-us
  • 66. 66 pa.ag@peakaceag #7 Macht den Komplettcheck mit Fokus auf mobilen Reports: DeepCrawl bietet ausführliches Reporting rund um das Thema „Mobile“!
  • 67. 67 pa.ag@peakaceag #8 Simuliert Googlebot für mobile mit JS Rendering! Mit ScreamingFrog geht das ganz leicht – Achtung bei gerendertem Output! Auch hilfreich: Extract > Xpath > //head/link[@rel="amphtml"]/@href
  • 68. 68 pa.ag@peakaceag #9 Prüft den gesamten Content eurer mobilen Website! Ist das schema.org Markup auch auf der mobilen Seite verfügbar? Was ist mit Indexierungsregeln, Canonical Tags, usw.? Usually, rel-canonicals, structured data, hreflang, other annotations and even images are missing! Copy everything you want to rank for over to mobile (for now)!” „
  • 70. 70 pa.ag@peakaceag Wir wachsen: 25+ Performance Marketing Jobs in Berlin! Sprecht mich gerne jederzeit an - oder meldet euch via jobs.pa.ag. Wir freuen uns!
  • 71. 71 pa.ag@peakaceag Bastian Grimm bg@pa.ag twitter.com/peakaceag facebook.com/peakaceag www.pa.ag Fragen? Let‘s go! Always looking for talent! Check out jobs.pa.ag https://pa.ag/mobidx

Editor's Notes

  1. Why use proper response?
  2. Why use proper response?
  3. Why use proper response?
  4. Add slide with more warnings