next level tech. seo | dominik wojcik
TRANSCRIPT
NEXT LEVEL TECH. SEO
DOMINIK WOJCIK GRÜNDER VON TA TRUST AGENTS INTERNET GMBH
SKILLS
• ÜBER 17 JAHRE SEO/ONLINE-MARKETING-ERFAHRUNG
• 2,5 JAHRE AUFBAU DES INHOUSE SEO-TEAMS BEI ROCKET INTERNET
• INTERIMS HEAD OF SEO BEI ZALANDO
• 6 JAHRE ENTWICKLER & PROGRAMMIERER (KÜHNE UND NAGEL, ENERGIS ISION, ARCOR)
• BUSINESS ANGEL
– PAST –SEO 2007
SEO UNITED WAHLEN 2007
PAGERANK UND LINKVERKAUF
OFFPAGE – NOCH DAS GROSSE THEMA
1. TECH. THEMEN WAREN EINFACH KEIN THEMA
2. SEO WAR NOCH ZIEMLICH „EINFACH“
3. ERSTE ANZEICHEN, DASS CONTENT & THEMENRELEVANZ WICHTIGER WERDEN
4. USER SIGNALS ABSOLUT KEIN THEMA
5. EL DORADO FÜR LINKKÄUFER – ALGORITHMUS ZIEMLICH EINFACH ZU MANIPULIEREN
6. UNIVERSAL SEARCH KAM LANGSAM IN DIE SERPS
WAS FÄLLT AUF?
– PRESENCE –TECH. SEO 2017
SKILLSET EINES SEO MANAGERS
20071998 2017 202x
HTML (READ & WRITE)
CSS
CRAWLER FÜTTERN (META TAGS)
LINKBUILDING
TEXTVERSTÄNDNIS
PAGERANK MANIPULATION
NETZWERK AN GUTEN LINKS
EXPIRED DOMAINS (PBN)
CLOAKING (BMW)
LANDINGPAGES/SKALIERUNG
TEXT QUANTITÄT VS. QUALITÄT
USER INTENTION
CRAWLER MANAGEMENT
INDEXIERUNGSMANAGEMENT
BRAND BUILDING
REDUZIERUNG/FOKUSSIERUNG
PAGESPEED
AMP/MOBILE FIRST INDEX
UNIVERSAL SEARCH
CONVERSION OPTIMIERUNG
ERROR HANDLING
ANALYTICS SKILLSET
GEOTARGETING/PERSONALISIERU
NG
MICRODATA MANAGEMENT
CONTENT MARKETING/SEEDING
VOICE SEARCH
PROGRESSIVE WEB APPLICATIONS
JS FRAMEWORKS
JS WEBCRAWLING
SEO MARKETING
AUTOMATISATION
APP STORE OPTIMIERUNG
AI SEO
PREDICTIVE SEO
ARGUMENTED REALITY SEO
ZIELGRUPPEN-MARKETING/
PERSONAS-MARKETING
AJAX CRAWLING
AMAZON/VIDEO SEO
UX PROCESSING
#LINKS #CONTENT #ANALYTICS #FUTURE
– FUTURE –TECH SEO 202X
VOICE SEARCH
PROGRESSIVE WEB APPLICATIONS
JS FRAMEWORKS
JS WEBCRAWLING
SEO MARKETING AUTOMATIATION
APP STORE OPTIMIERUNG
AI SEO
PREDICTIVE SEO
ARGUMENTED REALITY SEO
ZIELGRUPPEN-MARKETING/
PERSONAS-MARKETING
AJAX CRAWLING
AMAZON/VIDEO SEO
UX PROCESSING
SKILLSET EINES SEO MANAGERS
20071998 2017 202x
HTML (READ & WRITE)
CSS
CRAWLER FÜTTERN (META TAGS)
LINKBUILDING
TEXTVERSTÄNDNIS
PAGERANK MANIPULATION
NETZWERK AN GUTEN LINKS
EXPIRED DOMAINS (PBN)
CLOAKING (BMW)
LANDINGPAGES/SKALIERUNG
TEXT QUANTITÄT VS. QUALITÄT
USER INTENTION
CRAWLER MANAGEMENT
INDEXIERUNGSMANAGEMENT
BRAND BUILDING
REDUZIERUNG/FOKUSSIERUNG
PAGESPEED
AMP/MOBILE FIRST INDEX
UNIVERSAL SEARCH
CONVERSION OPTIMIERUNG
ERROR HANDLING
ANALYTICS SKILLSET
GEOTARGETING/PERSONALISIERU
NG
MICRODATA MANAGEMENT
CONTENT MARKETING/SEEDING
#LINKS #CONTENT #ANALYTICS #FUTURE
PROGRESSIVE WEB APPLICATIONS
https://developers.google.com/web/
INSTALLATIONSBANNER KANN WIE EINE APPGESTARTET WERDEN
SPLASH SCREEN(CHROME 47+ ANDROID)
FUNKTIONIERT ÜBER SERVICEWORKER AUCH
OFFLINE
PROGRESSIVE WEB APPLICATIONS
• NÄCHSTE STUFE VON RESPONSIVE DESIGN UND APP ENTWICKLUNG
• BASIERT AUF HTML5, CSS3 & JAVASCRIPT
• SERVICE WORKER SIND JAVASCRIPT PROGRAMME, DIE IM HINTERGRUND, z.B. CACHE UND PUSH
NOTIFICATIONS, HANDELN KÖNNEN
• PROGRESSIVE WEB APPS LAUFEN NUR AUF HTTPS (ZWINGEND NOTWENDIG)
• AKTUELL NOCH KEINE VOLLE UNTERSTÜTZUNG, DA EINIGE BROWSER (SAFARI, EDGE UND OPERA) NOCH
NICHT DIE VOLLE FUNKTIONALITÄT UNTERSTÜTZEN
• DA PROGRESSIVE WEB APPS ABER IN PROGRESSIVE ENHANCEMENT ENTWICKELT WORDEN SIND,
FUNKTIONIEREN SIE AUCH IN iOS (ABGESPECKT, DA Z.B. OFFLINE FUNKTIONALITÄT NICHT GEGEBEN IST)
PROGRESSIVE WEB APPLICATIONS
? ?
PROGRESSIVE WEB APPLICATIONS
https://developers.google.com/web/showcase/2016/flipkart
PROGRESSIVE WEB APPLICATIONS
https://www.polymer-project.org/
PROGRESSIVE WEB APPLICATIONS FRAMEWORK
SKILLSET EINES SEO MANAGERS
VOICE SEARCH
PROGRESSIVE WEB APPLICATIONS
JS FRAMEWORKS
JS WEBCRAWLING
SEO MARKETING AUTOMATIATION
APP STORE OPTIMIERUNG
AI SEO
PREDICTIVE SEO
ARGUMENTED REALITY SEO
ZIELGRUPPEN-MARKETING/
PERSONAS-MARKETING
AJAX CRAWLING
AMAZON/VIDEO SEO
UX PROCESSING
20071998 2017 202x
HTML (READ & WRITE)
CSS
CRAWLER FÜTTERN (META TAGS)
LINKBUILDING
TEXTVERSTÄNDNIS
PAGERANK MANIPULATION
NETZWERK AN GUTEN LINKS
EXPIRED DOMAINS (PBN)
CLOAKING (BMW)
LANDINGPAGES/SKALIERUNG
TEXT QUANTITÄT VS. QUALITÄT
USER INTENTION
CRAWLER MANAGEMENT
INDEXIERUNGSMANAGEMENT
BRAND BUILDING
REDUZIERUNG/FOKUSSIERUNG
PAGESPEED
AMP/MOBILE FIRST INDEX
UNIVERSAL SEARCH
CONVERSION OPTIMIERUNG
ERROR HANDLING
ANALYTICS SKILLSET
GEOTARGETING/PERSONALISIERU
NG
MICRODATA MANAGEMENT
CONTENT MARKETING/SEEDING
#LINKS #CONTENT #ANALYTICS #FUTURE
https://developers.google.com/web/showcase/2016/flipkart
JS FRAMEWORKS
https://developers.google.com/web/showcase/2016/flipkart
JS FRAMEWORKS
https://developers.google.com/web/showcase/2016/flipkart
JS FRAMEWORKS
https://developers.google.com/web/showcase/2016/flipkart
JS FRAMEWORKS
https://goralewicz.com/blog/javascript-seo-experiment/
JS FRAMEWORKS
https://goralewicz.com/blog/javascript-seo-experiment/
JS FRAMEWORKS
https://goralewicz.com/blog/javascript-seo-experiment/
JS FRAMEWORKS
https://goralewicz.com/blog/javascript-seo-experiment/
JS FRAMEWORKS
https://goralewicz.com/blog/javascript-seo-experiment/
JS FRAMEWORKS
https://goralewicz.com/blog/javascript-seo-experiment/
JS FRAMEWORKS
https://goralewicz.com/blog/javascript-seo-experiment/
JS FRAMEWORKS
WIR WERDEN PERFORMANCE NEU DENKEN MÜSSEN!
https://preactjs.com/
KLEINERE/NEUE JS FRAMEWORKS
https://preactjs.com/guide/differences-to-react
KLEINERE/NEUE SCHNELLERE JS FRAMEWORKS
https://preactjs.com/guide/differences-to-react
KLEINERE/NEUE SCHNELLERE JS FRAMEWORKS
https://developers.google.com/web/showcase/2016/flipkart
SEO HANDLING VON JS FRAMEWORKS
• SERVER SIDE RENDERING IN DEN FRAMEWORKS AKTIVIEREN
• GOOGLE CACHE FUNKTIONIERT HIER NICHT ALS REFERENZ!
• ACHTET AUF INDEXIERBARE URLS UND PUSHSTATE RICHTIG HANDELN
• JS NICHT ÜBER DIE ROBOTS.TXT SPERREN
• BASICS DER JAVASCRIPT URLS NICHT VERGESSEN (METAS)
• FEHLERCODE HANDLING WIRD SCHWIERIG WIEDER LOSZUWERDEN
• HEADERCODE WIE 404/410 ZU SETZEN IST NICHT EINFACH, VORSICHT ALSO!
• A HREF UND IMG SOLLTEN IN JS DOKUMENTEN GESETZT WERDEN
• DIE ART DER JS IMPLEMENTIERUNG MACHT EINEN GROSSEN UNTERSCHIED
(INLINE, EXTERNAL VS. BUNDLE)
• RENDERING SERVICES WIE PRERENDER.IO NUTZEN, WENN ES NICHT ANDERS GEHT
JAVASCRIPT RENDERING MIT RENDERTRON
JAVASCRIPT RENDERING MIT RENDERTRON
https://github.com/webcomponents/webcomponents.org/blob/master/client/bot-filter.py
+ KOSTENREDUZIEREND
+ RESSOURCENSPAREND
+ KANN FÜR PWA ODER ALS ANDERE JS FRAMEWORKS
GENUTZT WERDEN
+ FREEWARE
https://github.com/GoogleChrome/rendertron
JAVASCRIPT RENDERING MIT RENDERTRON
SKILLSET EINES SEO MANAGERS
VOICE SEARCH
PROGRESSIVE WEB APPLICATIONS
JS FRAMEWORKS
JS WEBCRAWLING
SEO MARKETING AUTOMATIATION
APP STORE OPTIMIERUNG
AI SEO
PREDICTIVE SEO
ARGUMENTED REALITY SEO
ZIELGRUPPEN-MARKETING/
PERSONAS-MARKETING
AJAX CRAWLING
AMAZON/VIDEO SEO
UX PROCESSING
20071998 2017 202x
HTML (READ & WRITE)
CSS
CRAWLER FÜTTERN (META TAGS)
LINKBUILDING
TEXTVERSTÄNDNIS
PAGERANK MANIPULATION
NETZWERK AN GUTEN LINKS
EXPIRED DOMAINS (PBN)
CLOAKING (BMW)
LANDINGPAGES/SKALIERUNG
TEXT QUANTITÄT VS. QUALITÄT
USER INTENTION
CRAWLER MANAGEMENT
INDEXIERUNGSMANAGEMENT
BRAND BUILDING
REDUZIERUNG/FOKUSSIERUNG
PAGESPEED
AMP/MOBILE FIRST INDEX
UNIVERSAL SEARCH
CONVERSION OPTIMIERUNG
ERROR HANDLING
ANALYTICS SKILLSET
GEOTARGETING/PERSONALISIERU
NG
MICRODATA MANAGEMENT
CONTENT MARKETING/SEEDING
#LINKS #CONTENT #ANALYTICS #FUTURE
http://flif.info/
http://flif.info/
http://flif.info/
1. WEB-TECHNOLOGIEN WERDEN KOMPLEXER JAVASCRIPT
2. SEOS MÜSSEN WESENTLICH STÄRKER EINEN TECHNISCHEN BACKGROUND HABEN
3. NEUE SEARCH-FORMATE (VOICE SEARCH) UND FRAMEWORKS MACHEN DAS WEB NOCH DYNAMISCHER
4. GOOGLE WIRD IMMER SMARTER, UM JAVASCRIPT ZU VERSTEHEN UND ZU VERARBEITEN
5. MOBILE FIRST INDEX IST NUR DER ANFANG DIE ERSTEN TESTS LAUFEN BEREITS
6. AMP, PWA UND ASO WERDEN IN DEN NÄCHSTEN JAHREN STARKER FOKUS SEIN WIR WERDEN AUF
SMALL SCREEN SEO ENTWICKELN
7. PROGRESSIVE ENHANCEMENT WIRD ZUM STANDARD
8. REDUZIERUNG DER SEITENLADEGESCHWINDIGKEIT DURCH NEUE FORMATE
WAS IST ALSO NEXT LEVEL TECHNISCHES SEO?
https://aframe.io/examples/showcase/a-saturday-night/
– Q&A –VIELEN DANK.