1ME323 Webbteknik 3 Lektion 7 Optimering av webbsidor Rune Körnefors Medieteknik 1 2019 Rune Körnefors rune.kornefors@lnu.se
Agenda Optimering SEO (Search Engine Optimization) Sökmotor: index, sökrobot (spider, crawler), rankning Statistik om användning Uppgift 3 2
Optimering SEO Search Engine Optimization Anpassa sidorna mot nyckelord. Mål: komma högt upp i sökresultat. WPO, Website Performance Optimization Optimera sidornas kod och media. Mål: snabb nedladdning, presentation och användning i webbläsaren. Optimering till användarna Anpassa webbplatsen till målgruppen. Mål: bra användarupplevelse. Optimering av tillgänglighet Anpassning både av innehåll och teknik. Mål: alla ska kunna ta del av innehållet. Your website should contain high-quality, well-organized content that is of value to your visitors. (Felke-Morris, 2015, s.393) Write for readers, not for search engines (Lynch & Horton, s.142) Felke-Morris, T. (2015) Basics of Web Design, Third Edition, Pearson Education, Inc. Lynch, P. & Horton, S. (2008) Web Style Guide, 3rd ed., Yale University Press 3
Sökmotoroptimering Search Engine Optimization (SEO) Sökmotoroptimering Sökoptimering 4
Sökmotorer Indexering Sökmotorns program indexerar webbsidorna och uppdaterar en databas, som används då en sökning sker. Spindlar, webcrawlers, sökrobotar, bottar, bots, agenter, Program som går igenom sidor på webben och indexerar innehållet. Följer länkar som finns på sidorna, för att hitta nya sidor. Rankning Värde för en sidas betydelse. Ju högre värde desto högre upp i sökresultatet. Sökmotorerna använder olika matematiska algoritmer för att bestämma en sidas rankning. Dessa algoritmer och formler är hemliga och förändras, då folk kommer på knep för att lura sökmotorerna. 5
Olika steg i optimering Idé till en webbplats Syfte Målgrupp Plan på innehåll Nyckelord (sökord) Jämför med konkurrenter Utforma innehåll Anpassa till nyckelorden Skapa en site map https://support.google.com/webmast ers/answer/156184?hl=sv Skapa en bra struktur Publicera på webben Underlätta för sökrobotar Registrera domännamn Korrekt HTML och metainformation Registrera webbplatsen https://support.google.com/we bmasters/answer/34397?hl=sv av sökrobotar Tala om att du finns Bli populär Uppdatera ofta Marknadsföring Reklam Se till att andra länkar till webbplatsen av användare https://www.iis.se/domaner/registrera/ https://www.google.com/webmasters/tools Håll dig till relevant innehåll Analysera användningen 6 https://www.google.com/analytics/
Att bli funnen av sökroboten Se till att andra sidor länkar till webbplatsen Gärna sidor som redan har en hög rankning Anmäl din webbplatsen till sökmotorerna, för att begära ett besök av sökroboten T.ex. http://www.google.se/intl/sv/add_url.html 7
Rankning Saker som kan påverka rankningen positivt: Meta-taggar för title, (keywords), author och description Rubriker (h1, h2, h3,...) Inledande text på webbsidan Användning av relevanta sökord i texten Länkar till andra sidor Om dessa är högt rankade Många länkar till webbsidan Helst från högt rankade sidor Ofta uppdaterade sidor Saker som kan påverka rankningen negativt: Upprepning av text Dold text Länkar till andra sidor Om dessa är lågt rankade Saker som kan försvåra rankningen: Tabeller Djup HTML-struktur, splittrat innehåll Ramar Ska undvikas Bilder Använd alt-attributet för att beskriva bilden med lämpliga nyckelord Bakgrundsbilder har ingen alternativ text 8
Optimering av sidorna Nyckelord Bestäm ett antal nyckelord som du tror är vanliga sökord Använd nyckelorden i title-taggen Rubriker <h1>, etc. De första textstyckena på sidan Länkars texter alt-attributen i img-taggar filnamn domännamn HTML-kod och struktur Använd korrekt (validerad) kod och en inte alltför djup struktur i koden Meta-taggar author, description, (keyword) Enkelt språk Relevant innehåll Länkar Få andra webbplatser (med mycket trafik, gärna högt rankade) att länka till din webbplats Begär besök av sökroboten Andra faktorer som kan påverka rankningen Hur ofta sidan uppdateras Hur många andra som länkar till den Hur långt ner i strukturen sidan finns Hur komplex HTML-koden är Hur ofta folk klickar på länken i sökresultatet 9
Exempel: Optimering En sida om glasformning för den påhittade organisationen GlasWebb Ingångssidan är optimerad på följande sätt: Title anger både organisationsnamn och sidans innehåll Meta-tagg med lämpliga nyckelord (även om sökroboten inte bryr sig om taggen) Meta-tagg med beskrivning som kan användas då sökmotorn presenterar sidan i sökresultatet Meta-tagg med författare för att ange vem som står bakom informationen Rubriker som stämmer med nyckelord och beskrivning Alt-attribut i bilderna som beskriver innehållet, så att de kan indexeras Korrekt, validerad HTML-kod, välstrukturerad med användning av semantiska strukturelement Sidans inledande text kommer ganska tidigt i main Nyckelorden används i texten "lagom" mycket Länkar till relevanta webbplatser, som troligen är högt rankade Organiosationens namn ingår i mappen (eller domännamnet) Uppdateringsinformationen på sidan används ej av sökroboten, men om sidan uppdateras ofta, kommer sökroboten att upptäcka att innehållet förändrats och då ranka sidan högre Viktigt att andra webbsidor länkar till denna sida Anpassad till målgruppen Utformad för hög tillgänglighet Optimerad för hög prestanda Optimerad för sökmotorer glaswebb 10
Statistik om användning Besöksräknare Ger ofta även annan statistik om användarna, t.ex. webbläsare, operativsystem, skärmstorlek och var deras ISP finns T.ex. http://susnet.nu/ Analystjänst Ger mer utförlig statistik än besöksräknare, fast ingen räknare visas. T.ex. http://www.google.com/analytics/ 11