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

Nejlepší technické řešení JavaScriptu na webu, crawlingu, procházení a indexace a nebo fasetové navigace.

Transcript

1. SEO JEŠTĚ NEUMŘELO, CO DĚLAT ABY ŽILO CO NEJDÉLE? Pavel Ungr | konzultant @PavelUngr jsem@pavelungr.cz www.pavelungr.cz
2. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ K ČEMU SEO? Ptal jsem se vývojářů…
3. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ
4. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ
5. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ
6. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ TECHNICKÉ Pavel Ungr & Jarda Hlavinka @PavelUngr @neologyc jsem@pavelungr.cz Jaroslav@Hlavinka.cz www.pavelungr.cz www.hlavinka.cz
7. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ PROCHÁZENÍ A INDEXACE
8. JSEM@PAVELUNGR.CZ 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ší.
9. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ OBECNÉ FUNGOVÁNÍ VYHLEDÁVAČE CRAWLING INDEXACE HODNOCENÍ VÝSLEDKY KLASIFIKACE
10. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ MOBILE-FIRST INDEX
11. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ MOBILE-FIRST/ONLY INDEX – PASTI
12. JSEM@PAVELUNGR.CZ 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
13. JSEM@PAVELUNGR.CZ 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
14. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ ZÁKAZ PROCHÁZENÍ – ROBOTS.TXT User-agent: * Disallow: /
15. JSEM@PAVELUNGR.CZ 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_*
16. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ ZÁKAZ PROCHÁZENÍ NENÍ rel=“nofollow“ <a href=″url″ rel=″nofollow″>
17. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ ZÁKAZ PROCHÁZENÍ NENÍ rel=“sponsored“ <a href=″url″ rel=″sponsored″>
18. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ ZÁKAZ PROCHÁZENÍ NENÍ rel=“ugc“ <a href=″url″ rel=″ugc″>
19. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ PROBLÉM NOFOLLOW A ALTERNATIV URL-abc <a href=″url-xyz″ rel=″nofollow″> xyz klm ghj def abc
20. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ ZÁKAZ INDEXACE HTTP hlavička: X-robots-tag: noindex HTTP hlavička: <meta name="robots" content="noindex"> Meta Robots, X-robots-tag Indexaci můžete azakazovat mnoha způsoby
21. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ ZÁKAZ INDEXACE <meta name="robots" content="noindex"> X-robots-tag: noindex
22. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ NĚKDY TO NEJDE 404 410 HESLO 50X (!) 30X PRO ROBOTY Potenciálně nebezpečné, okrajové řešení
23. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ DEINDEXACE INDEXOVANÝCH STRÁNEK <meta name="robots" content="noindex">
24. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ POZOR NA KONFLIKT ROBOTS.TXT A HTML HLAVIČKY
25. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ SITEMAP
26. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ ALE KAŽDÁ DŮLEŽITÁ URL JE V SITEMAP
27. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ SITEMAP MUSÍ BÝT V ROBOTS.TXT
28. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ OMEZENÍ SITEMAP
29. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ ŘEŠENÍM JE SITEMAP INDEX
30. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ NEZAPOMÍNEJTE NA PARAMETRY
31. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ NEZAPOMÍNEJTE NA JAZYKOVÉ MUTACE
32. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ CO TO SITEMAP NEPATŘÍ 40X 30X CANONICAL 50X NOINDEX DISALLOW
33. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ KANONIZACI POUŽÍVÁME NA DUPLICITU
34. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ IMLEPEMENTACE CANONICAL Html: <link rel="canonical"href=„http://abc.cz/produkt123" /> Http: Link: <http://abc.cz/produkt123>; rel="canonical" Správně
35. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ PŘESMĚROVÁNÍ VS KANONIZACE • • • • • • • • • •
36. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ ČASTÉ CHYBY – relativní odkazy <link rel="canonical"href="/produkt123" /> Špatně
37. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ ČASTÉ CHYBY – cílí na zakázané stránky 404 noindex 500 Disallow
38. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ ČASTÉ CHYBY – interní odkazy cílí na canonical
39. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ CRAWL BUDGET
40. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ CO JE CRAWL BUDGET? PRAKTICKY
41. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ CRAWL BUDGET OVLIVŇUJEME RESTRIKCEMI
42. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ ŘEŠENÍ PRO CRAWL BUDGET A DUPLICITU
43. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ SEO A JAVASCRIPT
44. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ POZOR NA JAVASCRIPTOVÉ APLIKACE
45. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ
46. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ
47. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ Rozšíření View Rendered Source
48. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ Today, … , we are generally able to render and understand your web pages like modern browsers.
49. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ Today, … , we are generally able to render and understand your web pages like modern browsers.
50. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ JAK GOOGLE INDEXUJE JAVA SCRIPT
51. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ WRS Web Rendering Service Chrome Headless
52. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ WRS Web Rendering Service Chrome Headless
53. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ
54. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ ZAPNOUT SERVER SIDE RENDERING
55. JSEM@PAVELUNGR.CZ 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
56. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ LAZY LOADING <noscript> VAŠE URL </noscript>
57. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ LAZY LOADING
58. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ SEO A URL
59. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.COM KAŽDÁ URL JE NOSITELEM HODNOCENÍ
60. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.COM KAŽDÁ ZMĚNA URL > PROPAD NÁVŠTĚVNOSTI
61. JSEM@PAVELUNGR.CZ 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
62. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.COM ZMĚNA URL NENÍ ANI VÝVOJÁŘSKÉ ANI SEO ROZHODNUTÍ, JE TO BYZNYSOVÉ ROZHODNUTÍ
63. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ URL MÁ SVÉ HODNOCENÍ
64. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.COM KDŽY MUSÍTE URL ZMĚNIT, MUSÍTE NASADIT I 301 PŘESMĚROVÁNÍ
65. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.COM I TAK PŘESMĚROVÁNÍ > DOČASNÝ POKLES
66. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.COM NIKDY JSEM NEZAŽIL NASTAVENÍ PŘESMĚROVÁNÍ BEZ CHYB
67. JSEM@PAVELUNGR.CZ 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é
68. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.COM BEST PRACTICE: NIKDY NEMĚŇTE URL!
69. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ CO 302?
70. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ JAK SPRÁVNĚ ŘEŠIT NEEXISTUJÍCÍ
71. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ ZMĚNA URL A ZMĚNA CMS
72. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ FILTRACE
73. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ FILTRACE Must have pro každý e-shop
74. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ PŘÍKLAD: FILTRACE
75. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ PŘÍKLAD: FILTRACE
76. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ PŘÍKLAD: FILTRACE
77. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ FILTRACE/FASETOVÁ NAVIGACE
78. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ CRAWLER NEKLIKÁ
79. #CHYTRESEO JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ SPOUSTA MOŽNOSTÍ
80. JSEM@PAVELUNGR.CZ 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 <a href=“URL“>Filtr</a>
81. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ
82. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ ROZDĚLÍ SEO NEBO KLÍČOVKA
83. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ VÍCEVÝBĚR/MULTIVÝBĚR
84. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ PRAVIDLO TŘÍ nebo DVOU …
85. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ ŘEŠENÍ URL V PRAXI Důležité Značka Parametr Barva Nedůležité Skladem Cena (posuvník)
86. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ POZOR NA DUPLICITU s-limeckem /kosile/bile/s-limeckem
87. JSEM@PAVELUNGR.CZ 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/
88. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ ŘEŠENÍM JE AUTOMATIZACE
89. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ AUTOMATIZACE TEXTŮ
90. JSEM@PAVELUNGR.CZ 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.
91. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ SEZNAM PROMĚNNÝCH
92. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ ŠABLONY: TITLE, META DESCRIPTION, HEADLINE, PEREX
93. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ UKÁZKA AUTOMATIZACE
94. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ TECHNICKÉ Pavel Ungr & Jarda Hlavinka @PavelUngr @neologyc jsem@pavelungr.cz Jaroslav@Hlavinka.cz www.pavelungr.cz www.hlavinka.cz
95. JSEM@PAVELUNGR.CZ WWW.PAVELUNGR.CZ SEO ÚKOLY PRO VÝVOJÁŘE
96. LÍBÍ SE VÁM PŘEDNÁŠKA? jsem@pavelungr.cz +420 608 654 501 www.pavelungr.cz @PavelUngr +PavelUngr pavelungr PavelUngr Pavel Ungr | konzultant