SlideShare a Scribd company logo
1 of 38
TECHNICAL
SEO
Mladen Maksić
Head of SEO, CEO
PLAY MEDIA
2
ŠTA JE
TECHNICAL
SEO?
/ Proces optimizovanja website-a za crawling i
indexing.
/ Technical SEO pomaže Search Engine-ima da
pristupe, crawl-uju, indexiraju i interpretiraju
website bez poteškoća.
/ Naziva se tehnički jer nema direktne veze sa
sadržajem ili promocijom website-a. Glavni cilj
je optimizacija infrastrukture website-a.
CRAWLING
1 Šta je Crawling?
U SEO svetu Crawling je proces u
kome crawler, spider ili bot posećuje
sadržaj vašeg website-a u cilju
sakupljanja, evaluacije i klasifikacije
sadržaja.
2 Prvi korak
Crawling je prvi korak u
prepoznavanju vašeg website-a od
strane Search Engine-a i ne znači
nužno da će on biti i indeksiran.
3 Napomena
Bez Crawling-a ne postoji Indexing!
INDEXING
01
Proces dodavanja
stranica website-a na
SERP (Search Engine
Results Page)
02
U ovom koraku se
odlučuje koje stranice I
ključne reči (keywords) će
biti indeksirane...
03
...i na kojem mestu u
rezultatima pretrage će se
nalaziti.
ALATI / TOOLS
/ Screaming Frog SEO Spider
/ Screaming Frog Log File Analyser
/ GTMetrix Page Speed Report
/ SEMrush, Ahref, MOZ, Majestic…
/ Google Search Console
/ Google Analytics
/ Google Page Speed Insight
/ Google Mobile Friendly Testing Tool
/ Google’s Schema.org Structured Data Testing
Tool
TECHNICAL SEO,
ONPAGE, OFFPAGE
DOMAIN
/ Domain Name (Second Level Domain – SLD)
/ Top Level Domain (TLD)
KAKO IZABRATI
DOMAIN NAME?
Keywords friendly
Brand name
Lak za pamćenje
Mobile friendly
Legal TLD
URL Struktura
Kratki URL
Opisni, user friendly URL-ovi
Upotreba malih slova
Izbegavajte upotrebu nepotrebnih reči
Koristite focus keyword (izbegavajte keyword staffing)
Upotreba „-“ za razdvajanje reči u URL-u
NAVIGATION
Dve linije
navigacionih linkova,
primarna i
sekundarna
Na hover ili klik
sekundarna lista se
prikaže u padajućem
meniju
Osim padajućeg
menija na hover se
prikazuje i tercijalna
grupa linkova
Single Bar Dropdown
Dropdown with
Flyouts
Double Bar
Svi navigacioni
linkovi u jednoj liniji,
uglavnom limit 10
linkova
SINGLE BAR
DOUBLE BAR
DROPDOWN
DROPDOWN WITH FLYOUTS
Homepage
Planirati strukturu počevši
od home stranice
#01
Depth
Isplanirati kompletan
sadržaj na maksimum 3-4
klika od home stranice
.
#02
Breadcrumbs
Red internal linkova na
vrhu ili dnu stranice koji
vodi posetioce na
prethodnu ili početnu
stranicu
#03
WEBSITE STRUCTURE
INTERNAL
LINKING
/ Obezbeđuje dostupnost svih stranica
/ Daje prioritet sadržaju koji smatramo
najvažnijim
/ Pomaže u kreiranju klastera sadržaja
/ Kreira kontekst kako bi se pružila informacija
gde da se klasifikuje i za koje ključne reči da se
rangira kontent
NAJČEŠĆI TIP
/ Navigational links
/ Content links
/ Sidebar links
/ Footer links
NAJČEŠĆE
VRSTE
NAJVAŽNIJI
ELEMENTI
/ Destination (<a href> atribut)
/ Anchor text (opisuje kontent do koga link
vodi)
/ Follow – no follow atribut (follow, nofollow)
SITEMAPS
/ Sitemaps su file-ovi koji izlistavaju sve URL-ove
koji se nalaze na jednom web sajtu.
/ Osim samih URL-ova, u svakoj sitemap-i
nalaze se i dodatni meta podaci o svakom
URL-u (kada je poslednji put update-ovan,
koliko se često obično menja i koliko je važan u
korelaciji sa drugim URL-ovima na website-u)
/ Na taj način obezbeđujemo Search Engine-ima
dodatne informacije koje im pomažu da
smislenije crawl-uju sajt.
XML Sitemap
HTML Sitemap
Images Sitemap
Video Sitemap
News Sitemap
Mobile Sitemap
IMPORTANT
HTML ELEMENTS
/ Title tag
/ Meta Description
/ Alt text
TITLE TAG
Preporuke:
 600 px (oko 70 karaktera) za Desktop i oko 78 za
Mobile
 Front load važne ključne reči
 Svaki title mora biti unique
HTML element koji određuje naziv stranice.
01
META DESCRIPTION
Preporuke:
 Oko 120 karaktera, 680px, Mobile
 Oko 158 karaktera, 920px, Desktop
 Svaki Meta Description treba da je unique
 Nije rangirajući faktor, ali direktno utiče na CTR
HTML element koji pruža sažet opis sadržaja
stranice
02
ALT TEXT
Preporuke:
 Opisati fotografiju
 Upotrebiti keyword (ukoliko je fotografija link, alt text je
anchor text)
 Ne upotrebljavati fotografije umesto teksta
HTML element koji opisuje sadržaj fotografije
na stranici
03
NAJČEŠĆI
HTTP RESPONSE CODES
4XX – Request Error
 404 – Not found
 410 – Gone
5XX – Server Error
 500 – Server error
 503 Unavailable (retry later)
2XX – Successful
 200 – OK/Success
3XX – Redirect
 301 – Permanent redirect
 302 – Temporary redirect
ROBOTS.TXT
File u root direktorijumu koji daje
instrukcije search engine-u koje
stranice ne treba, a koje treba da crawl-
uje i doda u index
Nalazi se na lokaciji
tvojwebsite.com/robots.txt
CANONICAL TAG
Ukoliko se sličan ili identičan sadržaj
nalazi na dva ili više URL-ova upotrebom
Canonical tag-a pomažemo Search
Engine-ima da odluče koji URL-ova je
primaran i koji preporučujemo da se
prikazuje u rezultatima pretrage
PAGINATION
ZAŠTO NAM JE
VAŽAN
PAGINATION?
/ Crawl Depth
/ Duplicate Content
WEBSITE SPEED
RULES
MOBILE FRIENDLINESS
Responsive web design,
Dynamic serving, Separate
URLs
AMP
Accelerated Mobile Pages
HTTPS, SSL, HTTP/2 SCHEMA.ORG
SOCIAL META DATA
Open Graph Tags-Facebook,
Twitter Card Markup-Twitter,
Schema.org-Linkedin,
Pinterest
INTERNATIONAL SEO
Multi-/international domain
setups, Geo redirects i CDN,
Hreflang
JAVASCRIPT SEO LOG FILES
CONTACT
INFORMATION
T +381 (0)63 580 767
mladen@play-media.org
https://play-media.org

More Related Content

Similar to Technical SEO

SEO meetup - Uvod u optimizaciju sajta za pretraživače - Dino Kukić
SEO meetup - Uvod u optimizaciju sajta za pretraživače - Dino KukićSEO meetup - Uvod u optimizaciju sajta za pretraživače - Dino Kukić
SEO meetup - Uvod u optimizaciju sajta za pretraživače - Dino KukićDino Kukić
 
Osnove SEO optimizacije - Kako iskoristiti pun potencijal vašeg sajta (Openit11)
Osnove SEO optimizacije - Kako iskoristiti pun potencijal vašeg sajta (Openit11)Osnove SEO optimizacije - Kako iskoristiti pun potencijal vašeg sajta (Openit11)
Osnove SEO optimizacije - Kako iskoristiti pun potencijal vašeg sajta (Openit11)Milos Mudric
 
Online Lead Management - Dragan Varagić
Online Lead Management - Dragan VaragićOnline Lead Management - Dragan Varagić
Online Lead Management - Dragan VaragićbiZbuZZ
 
Online lead management - Dragan Varagić
Online lead management - Dragan VaragićOnline lead management - Dragan Varagić
Online lead management - Dragan VaragićbiZbuZZ
 
Online lead management - BizBuzz 2010
Online lead management - BizBuzz 2010Online lead management - BizBuzz 2010
Online lead management - BizBuzz 2010Dragan Varagic
 
Wordpress i ostale blog platforme - Kako napraviti blog - Promocija bloga put...
Wordpress i ostale blog platforme - Kako napraviti blog - Promocija bloga put...Wordpress i ostale blog platforme - Kako napraviti blog - Promocija bloga put...
Wordpress i ostale blog platforme - Kako napraviti blog - Promocija bloga put...Miodrag Jokić
 

Similar to Technical SEO (9)

SEO meetup - Uvod u optimizaciju sajta za pretraživače - Dino Kukić
SEO meetup - Uvod u optimizaciju sajta za pretraživače - Dino KukićSEO meetup - Uvod u optimizaciju sajta za pretraživače - Dino Kukić
SEO meetup - Uvod u optimizaciju sajta za pretraživače - Dino Kukić
 
Osnove SEO optimizacije - Kako iskoristiti pun potencijal vašeg sajta (Openit11)
Osnove SEO optimizacije - Kako iskoristiti pun potencijal vašeg sajta (Openit11)Osnove SEO optimizacije - Kako iskoristiti pun potencijal vašeg sajta (Openit11)
Osnove SEO optimizacije - Kako iskoristiti pun potencijal vašeg sajta (Openit11)
 
Primjer maturskog - PDF format
Primjer maturskog - PDF formatPrimjer maturskog - PDF format
Primjer maturskog - PDF format
 
Online Lead Management - Dragan Varagić
Online Lead Management - Dragan VaragićOnline Lead Management - Dragan Varagić
Online Lead Management - Dragan Varagić
 
Online lead management - Dragan Varagić
Online lead management - Dragan VaragićOnline lead management - Dragan Varagić
Online lead management - Dragan Varagić
 
Online lead management - BizBuzz 2010
Online lead management - BizBuzz 2010Online lead management - BizBuzz 2010
Online lead management - BizBuzz 2010
 
Da sadržaj bude u formi
Da sadržaj bude u formiDa sadržaj bude u formi
Da sadržaj bude u formi
 
Wordpress i ostale blog platforme - Kako napraviti blog - Promocija bloga put...
Wordpress i ostale blog platforme - Kako napraviti blog - Promocija bloga put...Wordpress i ostale blog platforme - Kako napraviti blog - Promocija bloga put...
Wordpress i ostale blog platforme - Kako napraviti blog - Promocija bloga put...
 
Blogopen WorkShop
Blogopen WorkShopBlogopen WorkShop
Blogopen WorkShop
 

Technical SEO

  • 2. 2 ŠTA JE TECHNICAL SEO? / Proces optimizovanja website-a za crawling i indexing. / Technical SEO pomaže Search Engine-ima da pristupe, crawl-uju, indexiraju i interpretiraju website bez poteškoća. / Naziva se tehnički jer nema direktne veze sa sadržajem ili promocijom website-a. Glavni cilj je optimizacija infrastrukture website-a.
  • 3. CRAWLING 1 Šta je Crawling? U SEO svetu Crawling je proces u kome crawler, spider ili bot posećuje sadržaj vašeg website-a u cilju sakupljanja, evaluacije i klasifikacije sadržaja. 2 Prvi korak Crawling je prvi korak u prepoznavanju vašeg website-a od strane Search Engine-a i ne znači nužno da će on biti i indeksiran. 3 Napomena Bez Crawling-a ne postoji Indexing!
  • 4. INDEXING 01 Proces dodavanja stranica website-a na SERP (Search Engine Results Page) 02 U ovom koraku se odlučuje koje stranice I ključne reči (keywords) će biti indeksirane... 03 ...i na kojem mestu u rezultatima pretrage će se nalaziti.
  • 5. ALATI / TOOLS / Screaming Frog SEO Spider / Screaming Frog Log File Analyser / GTMetrix Page Speed Report / SEMrush, Ahref, MOZ, Majestic… / Google Search Console / Google Analytics / Google Page Speed Insight / Google Mobile Friendly Testing Tool / Google’s Schema.org Structured Data Testing Tool
  • 7. DOMAIN / Domain Name (Second Level Domain – SLD) / Top Level Domain (TLD)
  • 8. KAKO IZABRATI DOMAIN NAME? Keywords friendly Brand name Lak za pamćenje Mobile friendly Legal TLD
  • 9. URL Struktura Kratki URL Opisni, user friendly URL-ovi Upotreba malih slova Izbegavajte upotrebu nepotrebnih reči Koristite focus keyword (izbegavajte keyword staffing) Upotreba „-“ za razdvajanje reči u URL-u
  • 10. NAVIGATION Dve linije navigacionih linkova, primarna i sekundarna Na hover ili klik sekundarna lista se prikaže u padajućem meniju Osim padajućeg menija na hover se prikazuje i tercijalna grupa linkova Single Bar Dropdown Dropdown with Flyouts Double Bar Svi navigacioni linkovi u jednoj liniji, uglavnom limit 10 linkova
  • 14. Homepage Planirati strukturu počevši od home stranice #01 Depth Isplanirati kompletan sadržaj na maksimum 3-4 klika od home stranice . #02 Breadcrumbs Red internal linkova na vrhu ili dnu stranice koji vodi posetioce na prethodnu ili početnu stranicu #03 WEBSITE STRUCTURE
  • 15. INTERNAL LINKING / Obezbeđuje dostupnost svih stranica / Daje prioritet sadržaju koji smatramo najvažnijim / Pomaže u kreiranju klastera sadržaja / Kreira kontekst kako bi se pružila informacija gde da se klasifikuje i za koje ključne reči da se rangira kontent
  • 16. NAJČEŠĆI TIP / Navigational links / Content links / Sidebar links / Footer links
  • 18. NAJVAŽNIJI ELEMENTI / Destination (<a href> atribut) / Anchor text (opisuje kontent do koga link vodi) / Follow – no follow atribut (follow, nofollow)
  • 19. SITEMAPS / Sitemaps su file-ovi koji izlistavaju sve URL-ove koji se nalaze na jednom web sajtu. / Osim samih URL-ova, u svakoj sitemap-i nalaze se i dodatni meta podaci o svakom URL-u (kada je poslednji put update-ovan, koliko se često obično menja i koliko je važan u korelaciji sa drugim URL-ovima na website-u) / Na taj način obezbeđujemo Search Engine-ima dodatne informacije koje im pomažu da smislenije crawl-uju sajt.
  • 21. Images Sitemap Video Sitemap News Sitemap Mobile Sitemap
  • 22. IMPORTANT HTML ELEMENTS / Title tag / Meta Description / Alt text
  • 23. TITLE TAG Preporuke:  600 px (oko 70 karaktera) za Desktop i oko 78 za Mobile  Front load važne ključne reči  Svaki title mora biti unique HTML element koji određuje naziv stranice. 01
  • 24.
  • 25. META DESCRIPTION Preporuke:  Oko 120 karaktera, 680px, Mobile  Oko 158 karaktera, 920px, Desktop  Svaki Meta Description treba da je unique  Nije rangirajući faktor, ali direktno utiče na CTR HTML element koji pruža sažet opis sadržaja stranice 02
  • 26.
  • 27. ALT TEXT Preporuke:  Opisati fotografiju  Upotrebiti keyword (ukoliko je fotografija link, alt text je anchor text)  Ne upotrebljavati fotografije umesto teksta HTML element koji opisuje sadržaj fotografije na stranici 03
  • 28.
  • 29. NAJČEŠĆI HTTP RESPONSE CODES 4XX – Request Error  404 – Not found  410 – Gone 5XX – Server Error  500 – Server error  503 Unavailable (retry later) 2XX – Successful  200 – OK/Success 3XX – Redirect  301 – Permanent redirect  302 – Temporary redirect
  • 30. ROBOTS.TXT File u root direktorijumu koji daje instrukcije search engine-u koje stranice ne treba, a koje treba da crawl- uje i doda u index Nalazi se na lokaciji tvojwebsite.com/robots.txt
  • 31. CANONICAL TAG Ukoliko se sličan ili identičan sadržaj nalazi na dva ili više URL-ova upotrebom Canonical tag-a pomažemo Search Engine-ima da odluče koji URL-ova je primaran i koji preporučujemo da se prikazuje u rezultatima pretrage
  • 33.
  • 34. ZAŠTO NAM JE VAŽAN PAGINATION? / Crawl Depth / Duplicate Content
  • 36. RULES
  • 37. MOBILE FRIENDLINESS Responsive web design, Dynamic serving, Separate URLs AMP Accelerated Mobile Pages HTTPS, SSL, HTTP/2 SCHEMA.ORG SOCIAL META DATA Open Graph Tags-Facebook, Twitter Card Markup-Twitter, Schema.org-Linkedin, Pinterest INTERNATIONAL SEO Multi-/international domain setups, Geo redirects i CDN, Hreflang JAVASCRIPT SEO LOG FILES
  • 38. CONTACT INFORMATION T +381 (0)63 580 767 mladen@play-media.org https://play-media.org

Editor's Notes

  1. Postavljanje infrastrukture website-a tako da omogući sadržaju website-a najbolju moguću početnu poziciju za dobro pozicioniranje.
  2. *Sakupljanje – bot prati sve vaše linkove i sakuplja sadržaj, Sitemap *Evaluacija – da li je sadržaj originalan, kakav je kvalitet sadržaja, *Klasifikacija – da li ima nešto značajno da ponudi korisnicima Search Engine-a
  3. *Ukoliko Google proceni da je vaš sajt vredan dodavanja u rezultate pretrage *Ova odluka se donosi na osnovu kompleksnog algoritma i uključuje mnogo faktora
  4. Hyphen a ne Dash
  5. *Pomaže korisnicima da brzo i lako pronađu sadržaj koji žele *Pruža informaciju Search Engine-u koji sadržaj webmaster smatra kao najvažniji
  6. *naglasiti da ide u <head> stranice i da je moguće samo jedan canonical tag po stranici