Webdesign og webkommunikation 10. april: Søgemaskiner, optimering og tilgængelighed Program Kage næste gang: Lærerne! 10-12 Søgemaskineoptimering Tilgængelighed 13-15 Vejledning Husk: Obligatorisk opgave 4 skal afleveres senest onsdag 23/4 kl 15 1
Oversigt Søgemaskiner Optimering Google-værktøjer Vejledning Søgemaskiner Brugerfladen til nettet for mange Typisk kommer 40-70 % af de besøgende på en webside fra en søgning på google 2
Søgemaskiner historie 1990: Archie indekserer indholdet af offentligt tilgængelige FTP-servere 1991: Gopher indekserer tekstdokumenter 1993: Wandex er den første web-søgemaskine 1994: WebCrawler, den første fuld-tekst-websøgemaskine 1994: Excite, AltaVista m.fl. kæmper internt og med kataloger som Yahoo. 1998: Google Søgemaskiner Funktion Spiders/bots crawler nettet Websideindhold indekseres i databaser Bruger foretager søgning Søgemaskinen returnerer resultater i henhold til specifikke principper, som kun kendes i detaljer af søgemaskinens programmører 3
Søgemaskiner Funktion Søgemaskinen foretager en vurdering af sidens relevans Oprindeligt: Analyser siden og se hvad den handler om (on-site factors) Post-Google: Spørg andre sider (off-site factors) Tekst i TITLE-tag Domænenavn Tekst i særlige HTML-tags (e.g. <h1>, <a>, <em>) Ordfrekvens Metadata Alt-atributten på <img> tags Etc Søgemaskiner Google Page Ranking Side A er væsentlig i den udstrækning side B synes den er væsentlig. Side B er væsentlig i den udstrækning side C synes den er væsentlig. Osv. Pas på: Hvis A linker til B og B linker til A, neutraliserer linkene hinanden 4
Problemer Indekset er altid for gammelt (sider er blevet opdateret) Spiders ser websider omtrent som en tekstbrowser, feks Lynx Har vanskeligt ved at indeksere det usynlige web (AKA det dybe web ) Nogle webudviklere benytter spamdexing tricks som f.eks. Google-bombs Markedsføring i søgemaskiner Search Engine Marketing (SEM) Search Engine Optimization (SEO) Paid Search (betalte annoncer, feks Google Adwords) Vises, når der søges på relevante søgeord Kan købes som feks 100 visninger i alt Kun visninger i en kampagneperiode Visninger for 5000 kr 5
Søgemaskineoptimering En kunst Ikke ubetydelig branche Forsøg på reverse engineering af relevansalgoritmerne Koncensus om at følgende er vigtigt: Nøgleord i <title> Nøgleord i links der peger på siden Nøgleord som figurerer i synlig tekst Link-popularitet (e.g. PageRank) Korrekt stavning Optimering Etik Undgå skjulte links eller tekst Undgå cloaking Undgå irrelevante ord Undgå at spejle indhold Google siger selv: Få andre til at linke til dig Indsend et Google Sitemap Indsend dit site til kataloger a la Open Directory Project Anvend klart hierarki og tekstlinks Skriv klare indholdsbeskrivelser med brugernes ord Brug tekst frem for billeder Gør dig umage med Title og Alt Brug korrekt HTML Hold antallet af links på en side under 100 Check med tekst-browser som feks Lynx 6
Metadata Meta-data (i <head>) <meta name="keywords" content="it, ITU, IT- Universitet, it-universitetet i kbh, ituniversitetet i københavn, IT-højskolen, uddannelse, kurser, efteruddannelse, videreuddannelse, cand. it., kandidat, master, diplom, enkeltfag, Åben Uddannelse, Ph. D., design,..." /> <meta name="description" content="it- Universitetet i København - uddannelse og forskning i informationsteknologi" /> Optimere hvordan? Start med at definere nøgleord for hver hovedkategori på siden Brug evt Googles søgeordsværktøj Disse nøgleord skal gå igen i Meta-data Title, h1, alt tags Title-attributten på a-tags Selve teksten på siden 7
Optimering hvordan Lav et sitemap Sørg for en klar og overskuelig struktur på sitet Spær evt for adgangen til steder, som uvedkommende ikke skal have adgang til, i en robots.txt-fil Lav et google sitemap over de synlige dele af sitet og send det til google Følg standarderne under kodningen af sitet Undgå Gif-filer som overskrifter og i menuer Javascript til navigation (feks i drop-down-menuer) Flash til navigation Følg med i statistikken via server log eller via Google Analytics Google Web Developer Tools: Sitemap En "service" til webudviklere: Gør sitet Googlevenligt (til gengæld kommer spideren ofte) 8
Google Sitemap Google Sitemap 9
Klare indholdsbeskrivelser med brugernes ord? Vil du være med til at udvikle den måde vi kommunikerer via de digitale medier? Hvordan takler du brugernes stigende forventning om indflydelse og aktiv deltagelse? Kunne du tænke dig at arbejde med digitale medier fra koncept til realistiske løsninger? - Så er DDK noget for dig. De digitale medier er i rivende udvikling og udfordrer hele tiden den måde vi kommunikerer med hinanden på. Mobiltelefon, Podcast, sms, blog, wiki er blot et lille udsnit af de nye medier vi taler igennem. Brug tekst frem for billeder 10
Gør dig umage med Title og Alt <title>dr.dk forside</title> <img src="http://www.dr.dk/nr /rdonlyres/78cf9334- FBCF-4A43-A129- D46806F01669/379929/34fd ba8501c4437ebe20a2ecb848 59de_laege.jpg" alt="" /> Brug korrekt HTML 11
Hold antallet af links på en side under 100 Google Analytics 12