WEBTEORI

Forelesning v/ Lars Martin Lund, HiT 24.03.2011
Lars Martin er ansatt i Websys, et firma som leverer nettsider, og holdt forelesning for oss i webteori.

SLIK JOBBER DU

-Fra oppdrag til ferdig produktFASENE I ET WEBPROSJEKT: 

Målsetning og strategi
– Situasjonsbeskrivelse
– Visjon
– Forretninngsmål
– Målgruppe
– Strategi/Tiltak

Danner grunnlag for løsningsforslag

Struktur
– Sitemap. I alle fall en grov tanke om sidekart/oversikt over sidas innhold. Mye smartere å begynne her enn å begynne med design. Bruk tankekart – f.eks Freemind eller Mindomo.
– Konseptskisse. Konseptskissa forklarer hvordan vi ser for oss å disponere plassen på sidene, hva man velger å fokusere på i prosjektet

Design
– Grafisk Design med mest mulig reelt innnhold
– Navigeringseksempel
– Lages i Photoshop, Illustrator e.l.

Implementering
– HTML, grafikk, css, osv.
– Integrering mot publiseringsløsning (CMS)
– Eventuell programmering av spesialfunksjoner

Dynamiske websider

– CMS – Content management SystemsOpplæring
– Publiseringsløsning
– Skrive for web
– Bildebruk 

Innhold
Lansering
– Søkemotoroptimalisering
– Nettannonsering

Evaluering/Analyse
– Tolking av besøksstatistikk
– Vurdering av måloppnåelse
– Tiltak/Videreutvikling

Tilleggsverktøy:
FIREFOX PLUGIN:

http://chrispederick.com/work/web-developer/

Med denne kan du bl.a. inspisere alle websider sin CSS. Høyreklikk and inspect! Genialt!
Ctrl+Shift+Y gir deg hele hierarkiet med div’er

http://getfirebug.com/

https://addons.mozilla.org/en-US/firefox/addon/measureit/

https://chrome.google.com/extensions/detail/alelhddbbhepgpmgidjdcjakblofbmce

Og denne er veldig bra til screenshots og redigering av disse etterpå:

http://awesomescreenshot.com/

SØKEMOTOROPTIMALISERING

SEO – Search Engine Optimization

– Optimering for å oppnå høyere plass på trefflista
– Innholdsarbeid. Man må lage relevant innhold som er knallbra for å komme høyt opp på trefflista. Dette handler både om organisering og kvalitet på innholdet.
– Lenkebygging. – Å få mange lenker til siden sin er en viktig del for SEO
– Preget av juks. Det finnes mange leverandører som tilbyr SEO-tjenester, men som bruker knep for å lure Google f..eks, og da kan du risikere å bli utestengt av Google. SEO SPAM Cops er noen som er ute etter å stoppe slikt juks.

Det er ikke mulig å betale seg opp på trefflista i Google

Men hvorfor SEO?

Søkemotorer genererer 66% av all trafikk, eller mer.
*Bruken av søkemotorer øker drastisk
Søk er den viktigste måten brukere finner deg
Gjennomsnittlig er folk innom Google 6 ganger pr. dag
Google står for 86% av søkemotortrafikken
Økt konkurranse på nettannonsering
Annonser ignoreres

Søkemotorer vs. kataloger

Søkemotor:
– Automatisk indeksert
– Uorganisert
– Automatisk rangert
– Eksempler: Google, Altavista, Bing

Katalogtjenester:
Manuelt oppdatert
Kategorisert
Betalt rangering
Eksempler:
– Gule sider
– Bedriftskatalogen etc.
– Kvasir

Hvordan komme seg høyere opp?

  • Googlebot crawler – dvs. den tråkler seg rundt weben og finner lenker og går videre og videre
  • Googlebot følger linker
  • Innholdet scannes automatisk og indekseres
  • Ved søk rangeres treff
  • Google vil gi det beste resultatet
  • Google slår hardt ned på juks!

Så, hva gjør vi?

  • Finn søkeordene. Hvilke ord søker målgruppa på ?

– Tenk som brukeren
– Lag en liste over søkefraser

Lag riktig innhold. Innholdet må selvfølgelig handle om det du får treff i søkeordene på! Ellers kommer du ikke opp. Navn på artiklene er dermed viktig. Du må lage godt innhold rundt søkeordene du vil langt opp med.

– Sørg for at søkeordene er representert
– Klart hierarki
– Tenk presist. Lag små, korte artikler som går på de ulike ordene.
– Ikke skriv for søkemotorene likevel, skriv for mennesker, det blir selvfølgelig best.

  • Riktig kode
    • -Bruk headinger riktig. Ha en h1 på siden, bruk flere h2 og evt. h3. Det er koden Google leser og derfor er bruk av bold, heading, tags, title, description og keywords osv. veldig viktig for å oppnå treff
    • Bilder og video: Legg inn alt-koder – beskrivelser og info i bakgrunn av bilde, slik at Google kan lese denne koden også!
    • Beskrivende linker
    • Lag Sitemap. Med et slikt nettstedskart for siden finner  Google lettere fram til strukturen på sida di og hva den inneholder!
    • Søkemotorer skjønner ikke Flash
    • Filnavn/Mappestruktur
    • Uthev viktige ord (Bold)
    • Koden bør valideres (Tools>Validate html)
  • Gjør siden kjent
    • Skaff linker inn
    • Samarbeidspartnere
    • Katalogtjenester
    • Sosiale medier
    • Dmoz.org
    • For hvis mange nok lenker til sidene dine om et tema tenker Google at det er relevanme sider som gjør at du rangeres høyt. Lenker inn fra høykvalitetssider er viktigere enn fra andre sider.

Dyplenking er bedre enn om de bare lenker til forsiden

  • Dropp tjuvtriksene
  • Common sense SEO:
    • Google blir mer og mer menneskelig
    • Tiltrekk deg relevante besøk

SKRIVE FOR WEB:

SKRIVETIPS, KILDEBRUK, OPPHAVSRETT OG REDAKTØRANSVAR
F-mønsteret med varmekart forteller oss at folk scanner sider like mye som de leser.
Skriv enkelt, kort og lettfattelig. Husk at du har en veldig brei leserskare
Tenk på at folk scanner – tilpass teksten etter dette, ikke tenk lineært.

Mye kortere oppmerksomhetsnivå blant leserne. Derfor: Noen råd:

1. Tenk på målgruppen.
Gå gjerne så dypt at du beskriver personene du ser for deg i målgruppen delvis også.
Hva er det første målgruppen er ute etter, tror du?

2.  Skriv kort.
Del opp i flere artikler heller enn å skrive en laang en. Det gjør det lettere både for deg og leseren.

3. Det viktigste først
Bruk den omvendte pyramiden:  1.Tittel, 2.Ingress-sammendrag-konklusjon, 3. innhold, 4.Bakgrunn/utdyping
4. Del opp teksten i avsnitt

5. Bruk titler og mellomtitler aktivt
6. Uthev viktige ord og setninger
7.  Bruk lister og punkter

Noen flere lenker:
Om linjeavstand på web:
http://www.bekkelund.net/2010/09/29/litt-om-linjeavstander/

Bilder på nett:
http://flickrcc.bluemountains.net/flickrCC/index.php
http://sxc.hu Her finner du masse gratis bilder! Helt frie!

Nettbutikk:
Zen Cart

CMS:
Zope

Legg igjen en kommentar

Fyll inn i feltene under, eller klikk på et ikon for å logge inn:

WordPress.com-logo

Du kommenterer med bruk av din WordPress.com konto. Logg ut / Endre )

Twitter picture

Du kommenterer med bruk av din Twitter konto. Logg ut / Endre )

Facebookbilde

Du kommenterer med bruk av din Facebook konto. Logg ut / Endre )

Google+ photo

Du kommenterer med bruk av din Google+ konto. Logg ut / Endre )

Kobler til %s