49

NEXT LEVEL TECH. SEO | Dominik Wojcik

Embed Size (px)

Citation preview

Page 1: NEXT LEVEL TECH. SEO | Dominik Wojcik
Page 2: NEXT LEVEL TECH. SEO | Dominik Wojcik

NEXT LEVEL TECH. SEO

Page 3: NEXT LEVEL TECH. SEO | Dominik Wojcik

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

Page 4: NEXT LEVEL TECH. SEO | Dominik Wojcik

– PAST –SEO 2007

Page 5: NEXT LEVEL TECH. SEO | Dominik Wojcik

SEO UNITED WAHLEN 2007

Page 6: NEXT LEVEL TECH. SEO | Dominik Wojcik

PAGERANK UND LINKVERKAUF

Page 7: NEXT LEVEL TECH. SEO | Dominik Wojcik

OFFPAGE – NOCH DAS GROSSE THEMA

Page 8: NEXT LEVEL TECH. SEO | Dominik Wojcik

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?

Page 9: NEXT LEVEL TECH. SEO | Dominik Wojcik

– PRESENCE –TECH. SEO 2017

Page 10: NEXT LEVEL TECH. SEO | Dominik Wojcik

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

Page 11: NEXT LEVEL TECH. SEO | Dominik Wojcik

– FUTURE –TECH SEO 202X

Page 12: NEXT LEVEL TECH. SEO | Dominik Wojcik

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

Page 13: NEXT LEVEL TECH. SEO | Dominik Wojcik

PROGRESSIVE WEB APPLICATIONS

Page 14: NEXT LEVEL TECH. SEO | Dominik Wojcik

https://developers.google.com/web/

Page 15: NEXT LEVEL TECH. SEO | Dominik Wojcik

INSTALLATIONSBANNER KANN WIE EINE APPGESTARTET WERDEN

SPLASH SCREEN(CHROME 47+ ANDROID)

FUNKTIONIERT ÜBER SERVICEWORKER AUCH

OFFLINE

PROGRESSIVE WEB APPLICATIONS

Page 16: NEXT LEVEL TECH. SEO | Dominik Wojcik

• 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

Page 17: NEXT LEVEL TECH. SEO | Dominik Wojcik

? ?

PROGRESSIVE WEB APPLICATIONS

Page 18: NEXT LEVEL TECH. SEO | Dominik Wojcik

https://developers.google.com/web/showcase/2016/flipkart

PROGRESSIVE WEB APPLICATIONS

Page 19: NEXT LEVEL TECH. SEO | Dominik Wojcik

https://www.polymer-project.org/

PROGRESSIVE WEB APPLICATIONS FRAMEWORK

Page 20: NEXT LEVEL TECH. SEO | Dominik Wojcik

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

Page 21: NEXT LEVEL TECH. SEO | Dominik Wojcik

https://developers.google.com/web/showcase/2016/flipkart

JS FRAMEWORKS

Page 22: NEXT LEVEL TECH. SEO | Dominik Wojcik

https://developers.google.com/web/showcase/2016/flipkart

JS FRAMEWORKS

Page 23: NEXT LEVEL TECH. SEO | Dominik Wojcik

https://developers.google.com/web/showcase/2016/flipkart

JS FRAMEWORKS

Page 24: NEXT LEVEL TECH. SEO | Dominik Wojcik

https://developers.google.com/web/showcase/2016/flipkart

JS FRAMEWORKS

Page 25: NEXT LEVEL TECH. SEO | Dominik Wojcik

https://goralewicz.com/blog/javascript-seo-experiment/

JS FRAMEWORKS

Page 26: NEXT LEVEL TECH. SEO | Dominik Wojcik

https://goralewicz.com/blog/javascript-seo-experiment/

JS FRAMEWORKS

Page 27: NEXT LEVEL TECH. SEO | Dominik Wojcik

https://goralewicz.com/blog/javascript-seo-experiment/

JS FRAMEWORKS

Page 28: NEXT LEVEL TECH. SEO | Dominik Wojcik

https://goralewicz.com/blog/javascript-seo-experiment/

JS FRAMEWORKS

Page 29: NEXT LEVEL TECH. SEO | Dominik Wojcik

https://goralewicz.com/blog/javascript-seo-experiment/

JS FRAMEWORKS

Page 30: NEXT LEVEL TECH. SEO | Dominik Wojcik

https://goralewicz.com/blog/javascript-seo-experiment/

JS FRAMEWORKS

Page 31: NEXT LEVEL TECH. SEO | Dominik Wojcik

https://goralewicz.com/blog/javascript-seo-experiment/

JS FRAMEWORKS

Page 32: NEXT LEVEL TECH. SEO | Dominik Wojcik

WIR WERDEN PERFORMANCE NEU DENKEN MÜSSEN!

Page 33: NEXT LEVEL TECH. SEO | Dominik Wojcik

https://preactjs.com/

KLEINERE/NEUE JS FRAMEWORKS

Page 34: NEXT LEVEL TECH. SEO | Dominik Wojcik

https://preactjs.com/guide/differences-to-react

KLEINERE/NEUE SCHNELLERE JS FRAMEWORKS

Page 35: NEXT LEVEL TECH. SEO | Dominik Wojcik

https://preactjs.com/guide/differences-to-react

KLEINERE/NEUE SCHNELLERE JS FRAMEWORKS

Page 36: NEXT LEVEL TECH. SEO | Dominik Wojcik

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

Page 37: NEXT LEVEL TECH. SEO | Dominik Wojcik

JAVASCRIPT RENDERING MIT RENDERTRON

Page 38: NEXT LEVEL TECH. SEO | Dominik Wojcik

JAVASCRIPT RENDERING MIT RENDERTRON

Page 39: NEXT LEVEL TECH. SEO | Dominik Wojcik

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

Page 40: NEXT LEVEL TECH. SEO | Dominik Wojcik

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

Page 41: NEXT LEVEL TECH. SEO | Dominik Wojcik
Page 42: NEXT LEVEL TECH. SEO | Dominik Wojcik

http://flif.info/

Page 43: NEXT LEVEL TECH. SEO | Dominik Wojcik

http://flif.info/

Page 44: NEXT LEVEL TECH. SEO | Dominik Wojcik

http://flif.info/

Page 45: NEXT LEVEL TECH. SEO | Dominik Wojcik

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?

Page 46: NEXT LEVEL TECH. SEO | Dominik Wojcik
Page 47: NEXT LEVEL TECH. SEO | Dominik Wojcik
Page 48: NEXT LEVEL TECH. SEO | Dominik Wojcik

https://aframe.io/examples/showcase/a-saturday-night/

Page 49: NEXT LEVEL TECH. SEO | Dominik Wojcik

– Q&A –VIELEN DANK.