Frontendisti: SEO ještě neumřelo, co dělat aby žilo co nejdéle?

Slide 1

Slide 1 text

SEO JEŠTĚ NEUMŘELO, CO DĚLAT ABY ŽILO CO NEJDÉLE? Pavel Ungr | konzultant @PavelUngr [email protected] www.pavelungr.cz

Slide 2

Slide 2 text

[email protected] WWW.PAVELUNGR.CZ K ČEMU SEO? Ptal jsem se vývojářů…

Slide 3

Slide 3 text

[email protected] WWW.PAVELUNGR.CZ

Slide 4

Slide 4 text

[email protected] WWW.PAVELUNGR.CZ

Slide 5

Slide 5 text

[email protected] WWW.PAVELUNGR.CZ

Slide 6

Slide 6 text

[email protected] WWW.PAVELUNGR.CZ TECHNICKÉ Pavel Ungr & Jarda Hlavinka @PavelUngr @neologyc [email protected] [email protected] www.pavelungr.cz www.hlavinka.cz

Slide 7

Slide 7 text

[email protected] WWW.PAVELUNGR.CZ PROCHÁZENÍ A INDEXACE

Slide 8

Slide 8 text

[email protected] WWW.PAVELUNGR.CZ JAK FUNGUJÍ VYHLEDÁVAČE INFORMACE O URL STAHOVÁNÍ PROCHÁZENÍ INDEXACE Seznam.cz se rozhoduje zda vůbec stahovat, Google to neřeší.

Slide 9

Slide 9 text

[email protected] WWW.PAVELUNGR.CZ OBECNÉ FUNGOVÁNÍ VYHLEDÁVAČE CRAWLING INDEXACE HODNOCENÍ VÝSLEDKY KLASIFIKACE

Slide 10

Slide 10 text

[email protected] WWW.PAVELUNGR.CZ MOBILE-FIRST INDEX

Slide 11

Slide 11 text

[email protected] WWW.PAVELUNGR.CZ MOBILE-FIRST/ONLY INDEX – PASTI

Slide 12

Slide 12 text

[email protected] WWW.PAVELUNGR.CZ Zákaz indexace nemusí znamenat konec procházení! Robot.txt Meta robots X-robots 40x, 50x Search Console Zákaz procházení nemusí znamenat vyřazení z indexu! Robot / crawler Indexer CRAWLING (PROCHÁZENÍ) VS INDEXACE (UKLÁDÁNÍ) PROCHÁZENÍ INDEXER

Slide 13

Slide 13 text

[email protected] WWW.PAVELUNGR.CZ ZÁKAZ PROCHÁZENÍ User-agent: * Disallow: / Robots.txt PROCHÁZENÍ NEBO-LI CRAWLING NEMŮŽETE ZAKAZOVAT JINDE NEŽ V ROBOTS.TXT

Slide 14

Slide 14 text

[email protected] WWW.PAVELUNGR.CZ ZÁKAZ PROCHÁZENÍ – ROBOTS.TXT User-agent: * Disallow: /

Slide 15

Slide 15 text

[email protected] WWW.PAVELUNGR.CZ ZÁKAZ PROCHÁZENÍ – ROBOTS.TXT Podpora zástupných znaků Disallow: *f*_*&f*_*&f*_*&f* Disallow: *f1_*&f1_* Disallow: *f2_*&f2_* Disallow: *f3_*&f3_* Disallow: *f4_*&f4_* Disallow: *f7_*&f7_* Disallow: *f5_*

Slide 16

Slide 16 text

[email protected] WWW.PAVELUNGR.CZ ZÁKAZ PROCHÁZENÍ NENÍ rel=“nofollow“

Slide 17

Slide 17 text

[email protected] WWW.PAVELUNGR.CZ ZÁKAZ PROCHÁZENÍ NENÍ rel=“sponsored“

Slide 18

Slide 18 text

[email protected] WWW.PAVELUNGR.CZ ZÁKAZ PROCHÁZENÍ NENÍ rel=“ugc“

Slide 19

Slide 19 text

[email protected] WWW.PAVELUNGR.CZ PROBLÉM NOFOLLOW A ALTERNATIV URL-abc xyz klm ghj def abc

Slide 20

Slide 20 text

[email protected] WWW.PAVELUNGR.CZ ZÁKAZ INDEXACE HTTP hlavička: X-robots-tag: noindex HTTP hlavička: Meta Robots, X-robots-tag Indexaci můžete azakazovat mnoha způsoby

Slide 21

Slide 21 text

[email protected] WWW.PAVELUNGR.CZ ZÁKAZ INDEXACE X-robots-tag: noindex

Slide 22

Slide 22 text

[email protected] WWW.PAVELUNGR.CZ NĚKDY TO NEJDE 404 410 HESLO 50X (!) 30X PRO ROBOTY Potenciálně nebezpečné, okrajové řešení

Slide 23

Slide 23 text

[email protected] WWW.PAVELUNGR.CZ DEINDEXACE INDEXOVANÝCH STRÁNEK

Slide 24

Slide 24 text

[email protected] WWW.PAVELUNGR.CZ POZOR NA KONFLIKT ROBOTS.TXT A HTML HLAVIČKY

Slide 25

Slide 25 text

[email protected] WWW.PAVELUNGR.CZ SITEMAP

Slide 26

Slide 26 text

[email protected] WWW.PAVELUNGR.CZ ALE KAŽDÁ DŮLEŽITÁ URL JE V SITEMAP

Slide 27

Slide 27 text

[email protected] WWW.PAVELUNGR.CZ SITEMAP MUSÍ BÝT V ROBOTS.TXT

Slide 28

Slide 28 text

[email protected] WWW.PAVELUNGR.CZ OMEZENÍ SITEMAP

Slide 29

Slide 29 text

[email protected] WWW.PAVELUNGR.CZ ŘEŠENÍM JE SITEMAP INDEX

Slide 30

Slide 30 text

[email protected] WWW.PAVELUNGR.CZ NEZAPOMÍNEJTE NA PARAMETRY

Slide 31

Slide 31 text

[email protected] WWW.PAVELUNGR.CZ NEZAPOMÍNEJTE NA JAZYKOVÉ MUTACE

Slide 32

Slide 32 text

[email protected] WWW.PAVELUNGR.CZ CO TO SITEMAP NEPATŘÍ 40X 30X CANONICAL 50X NOINDEX DISALLOW

Slide 33

Slide 33 text

[email protected] WWW.PAVELUNGR.CZ KANONIZACI POUŽÍVÁME NA DUPLICITU

Slide 34

Slide 34 text

[email protected] WWW.PAVELUNGR.CZ IMLEPEMENTACE CANONICAL Html: Http: Link: ; rel="canonical" Správně

Slide 35

Slide 35 text

[email protected] WWW.PAVELUNGR.CZ PŘESMĚROVÁNÍ VS KANONIZACE • • • • • • • • • •

Slide 36

Slide 36 text

[email protected] WWW.PAVELUNGR.CZ ČASTÉ CHYBY – relativní odkazy Špatně

Slide 37

Slide 37 text

[email protected] WWW.PAVELUNGR.CZ ČASTÉ CHYBY – cílí na zakázané stránky 404 noindex 500 Disallow

Slide 38

Slide 38 text

[email protected] WWW.PAVELUNGR.CZ ČASTÉ CHYBY – interní odkazy cílí na canonical

Slide 39

Slide 39 text

[email protected] WWW.PAVELUNGR.CZ CRAWL BUDGET

Slide 40

Slide 40 text

[email protected] WWW.PAVELUNGR.CZ CO JE CRAWL BUDGET? PRAKTICKY

Slide 41

Slide 41 text

[email protected] WWW.PAVELUNGR.CZ CRAWL BUDGET OVLIVŇUJEME RESTRIKCEMI

Slide 42

Slide 42 text

[email protected] WWW.PAVELUNGR.CZ ŘEŠENÍ PRO CRAWL BUDGET A DUPLICITU

Slide 43

Slide 43 text

[email protected] WWW.PAVELUNGR.CZ SEO A JAVASCRIPT

Slide 44

Slide 44 text

[email protected] WWW.PAVELUNGR.CZ POZOR NA JAVASCRIPTOVÉ APLIKACE

Slide 45

Slide 45 text

[email protected] WWW.PAVELUNGR.CZ

Slide 46

Slide 46 text

[email protected] WWW.PAVELUNGR.CZ

Slide 47

Slide 47 text

[email protected] WWW.PAVELUNGR.CZ Rozšíření View Rendered Source

Slide 48

Slide 48 text

[email protected] WWW.PAVELUNGR.CZ Today, … , we are generally able to render and understand your web pages like modern browsers.

Slide 49

Slide 49 text

[email protected] WWW.PAVELUNGR.CZ Today, … , we are generally able to render and understand your web pages like modern browsers.

Slide 50

Slide 50 text

[email protected] WWW.PAVELUNGR.CZ JAK GOOGLE INDEXUJE JAVA SCRIPT

Slide 51

Slide 51 text

[email protected] WWW.PAVELUNGR.CZ WRS Web Rendering Service Chrome Headless

Slide 52

Slide 52 text

[email protected] WWW.PAVELUNGR.CZ WRS Web Rendering Service Chrome Headless

Slide 53

Slide 53 text

[email protected] WWW.PAVELUNGR.CZ

Slide 54

Slide 54 text

[email protected] WWW.PAVELUNGR.CZ ZAPNOUT SERVER SIDE RENDERING

Slide 55

Slide 55 text

[email protected] WWW.PAVELUNGR.CZ ZAPNOUT SERVER SIDE RENDERING Node.js server (JavaScript na serveru) SSR jde „zapnout“ v: •React js •IMA js •Vue js •Next js (default) •Angular Universal

Slide 56

Slide 56 text

[email protected] WWW.PAVELUNGR.CZ LAZY LOADING VAŠE URL

Slide 57

Slide 57 text

[email protected] WWW.PAVELUNGR.CZ LAZY LOADING

Slide 58

Slide 58 text

[email protected] WWW.PAVELUNGR.CZ SEO A URL

Slide 59

Slide 59 text

[email protected] WWW.PAVELUNGR.COM KAŽDÁ URL JE NOSITELEM HODNOCENÍ

Slide 60

Slide 60 text

[email protected] WWW.PAVELUNGR.COM KAŽDÁ ZMĚNA URL > PROPAD NÁVŠTĚVNOSTI

Slide 61

Slide 61 text

[email protected] WWW.PAVELUNGR.CZ STRUKTURA URL PRO NOVÉ WEBY – JEN POSLEDNÍ SEGMENT + TYP (ID NEVADÍ) /K/NAZEV-KATEGORIE/ /P/NAZEV-PRODUKTU/ /C/NAZEV-CLANKU/ /S/NAZEV-STITKU/ /KATEGORIE/KATEGORIE/PRODUKT

Slide 62

Slide 62 text

[email protected] WWW.PAVELUNGR.COM ZMĚNA URL NENÍ ANI VÝVOJÁŘSKÉ ANI SEO ROZHODNUTÍ, JE TO BYZNYSOVÉ ROZHODNUTÍ

Slide 63

Slide 63 text

[email protected] WWW.PAVELUNGR.CZ URL MÁ SVÉ HODNOCENÍ

Slide 64

Slide 64 text

[email protected] WWW.PAVELUNGR.COM KDŽY MUSÍTE URL ZMĚNIT, MUSÍTE NASADIT I 301 PŘESMĚROVÁNÍ

Slide 65

Slide 65 text

[email protected] WWW.PAVELUNGR.COM I TAK PŘESMĚROVÁNÍ > DOČASNÝ POKLES

Slide 66

Slide 66 text

[email protected] WWW.PAVELUNGR.COM NIKDY JSEM NEZAŽIL NASTAVENÍ PŘESMĚROVÁNÍ BEZ CHYB

Slide 67

Slide 67 text

[email protected] WWW.PAVELUNGR.COM ČASTÉ CHYBY Řetězové přesměrování Přesměrování končí chybou Změněné URL nejsou přesměrované Staré přesměrování není zachované Cíle odkazů jsou přesměrované

Slide 68

Slide 68 text

[email protected] WWW.PAVELUNGR.COM BEST PRACTICE: NIKDY NEMĚŇTE URL!

Slide 69

Slide 69 text

[email protected] WWW.PAVELUNGR.CZ CO 302?

Slide 70

Slide 70 text

[email protected] WWW.PAVELUNGR.CZ JAK SPRÁVNĚ ŘEŠIT NEEXISTUJÍCÍ

Slide 71

Slide 71 text

[email protected] WWW.PAVELUNGR.CZ ZMĚNA URL A ZMĚNA CMS

Slide 72

Slide 72 text

[email protected] WWW.PAVELUNGR.CZ FILTRACE

Slide 73

Slide 73 text

[email protected] WWW.PAVELUNGR.CZ FILTRACE Must have pro každý e-shop

Slide 74

Slide 74 text

[email protected] WWW.PAVELUNGR.CZ PŘÍKLAD: FILTRACE

Slide 75

Slide 75 text

[email protected] WWW.PAVELUNGR.CZ PŘÍKLAD: FILTRACE

Slide 76

Slide 76 text

[email protected] WWW.PAVELUNGR.CZ PŘÍKLAD: FILTRACE

Slide 77

Slide 77 text

[email protected] WWW.PAVELUNGR.CZ FILTRACE/FASETOVÁ NAVIGACE

Slide 78

Slide 78 text

[email protected] WWW.PAVELUNGR.CZ CRAWLER NEKLIKÁ

Slide 79

Slide 79 text

#CHYTRESEO [email protected] WWW.PAVELUNGR.CZ SPOUSTA MOŽNOSTÍ

Slide 80

Slide 80 text

[email protected] WWW.PAVELUNGR.CZ ŘEŠENÍ PRO DUPLICITNÍ FILTRY Unikátní URL Filtr je odkaz Automa- tizace Vše bez Java Scriptu Unikátní texty Aby to prošel crawler i bez renderingu Aspoň ve zdrojovém kódu musí být Filtr

Slide 81

Slide 81 text

[email protected] WWW.PAVELUNGR.CZ

Slide 82

Slide 82 text

[email protected] WWW.PAVELUNGR.CZ ROZDĚLÍ SEO NEBO KLÍČOVKA

Slide 83

Slide 83 text

[email protected] WWW.PAVELUNGR.CZ VÍCEVÝBĚR/MULTIVÝBĚR

Slide 84

Slide 84 text

[email protected] WWW.PAVELUNGR.CZ PRAVIDLO TŘÍ nebo DVOU …

Slide 85

Slide 85 text

[email protected] WWW.PAVELUNGR.CZ ŘEŠENÍ URL V PRAXI Důležité Značka Parametr Barva Nedůležité Skladem Cena (posuvník)

Slide 86

Slide 86 text

[email protected] WWW.PAVELUNGR.CZ POZOR NA DUPLICITU s-limeckem /kosile/bile/s-limeckem

Slide 87

Slide 87 text

[email protected] WWW.PAVELUNGR.CZ PRINCIP FILTRACE Kategorie: KOŠILE /kosile/ BARVA •černá ZNAČKA •Venti VELIKOST •L ČERNÁ KOŠILE • /cerna/ ČERNÁ KOŠILE PUMA • /kosile/cerna/venti/ ČERNÁ KOŠILE PUMA l •/kosile/cerna/puma/L/

Slide 88

Slide 88 text

[email protected] WWW.PAVELUNGR.CZ ŘEŠENÍM JE AUTOMATIZACE

Slide 89

Slide 89 text

[email protected] WWW.PAVELUNGR.CZ AUTOMATIZACE TEXTŮ

Slide 90

Slide 90 text

[email protected] WWW.PAVELUNGR.CZ UKÁZKA HUDY VS HIGHPOINT HIGH POINT - značka která se stala synonymem kvality pro sportovní outdoorové oblečení - bundy, kalhoty, spací pytle, ponožky a jiné. Dokonale padnoucí Kalhoty. Velký výběr materiálů, barev a funkčních prvků od zkušených výrobců, jako jsou Wild Roses, La Sportiva®, Icebreaker nebo Tanna. Dokonale padnoucí Funkční prádlo. Velký výběr materiálů, barev a funkčních prvků od zkušených výrobců, jako jsou Swix, La Sportiva®, Mammut nebo Chillaz.

Slide 91

Slide 91 text

[email protected] WWW.PAVELUNGR.CZ SEZNAM PROMĚNNÝCH

Slide 92

Slide 92 text

[email protected] WWW.PAVELUNGR.CZ ŠABLONY: TITLE, META DESCRIPTION, HEADLINE, PEREX

Slide 93

Slide 93 text

[email protected] WWW.PAVELUNGR.CZ UKÁZKA AUTOMATIZACE

Slide 94

Slide 94 text

[email protected] WWW.PAVELUNGR.CZ TECHNICKÉ Pavel Ungr & Jarda Hlavinka @PavelUngr @neologyc [email protected] [email protected] www.pavelungr.cz www.hlavinka.cz

Slide 95

Slide 95 text

[email protected] WWW.PAVELUNGR.CZ SEO ÚKOLY PRO VÝVOJÁŘE

Slide 96

Slide 96 text

LÍBÍ SE VÁM PŘEDNÁŠKA? [email protected] +420 608 654 501 www.pavelungr.cz @PavelUngr +PavelUngr pavelungr PavelUngr Pavel Ungr | konzultant