5 tips när du lägger upp en bild på webbplatsen

11 oktober, 2013

Spelar det så stor roll vilken bild jag väljer att lägga ut på webben? Seriöst? Hur gör Google för att hitta mina bilder? Hur är det med formaten jpg, gif, png? Här kommer 5 tips när du lägger upp en bild på webbplatsen.

1. BARA MENINGSFULLA BILDER

Låt bilden förtydliga och ge en rättvis bild av vad du menar i din text.

Icke exempel:

”Vår lekpark är belägen i ett idylliskt grönområde i södra Västmanland. Här kan barnen leka i den grönskande miljön bland många roliga lekställningar”

Icke exempel - bilden visar inte det texten säger.

– Visst borde fotograf och copywriter tänkt på val av motiv, bakgrund, årstid mm i icke exemplet? Text och bild måste prata samma språk för att det ska bli trovärdigt.

Fotograf: Anlita en fotograf för de viktigaste bilderna på din webbplats, det blir så otroligt bra då :-) De vardagliga bilderna som publiceras på t ex Instagram tar du enkelt själv.
Exempel på fotografer i Hälsingland:

2. LÅT SÖKMOTORERNA HITTA DIN BILD

En sökmotor läser av den alternativa texten och titeln du ger varje bild. När du laddar upp en ny bild till t ex WordPress har du möjlighet att ange just ”Alternate Text” och ”Title”, gör det.

Alt-texten ska beskriva vad bilden föreställer. Tänk dig att du ska beskriva bilden för någon som inte ser den framför sig, hur skulle du formulera dig? Använd ca 80 tecken eller absolut max 150.
– Finns det inget vettigt att säga om bilden, den kanske bara visar en dekorativ symbol? Då kan du låta alt-texten var tom (alt=””).

Title: Ge även bilden en titel (title=”din text”). Title-texten syns när besökaren för muspekaren över bilden. Använd max 60 tecken.

Läs mer om alt-texter hos anvandbart.se

3. ANPASSA BILDEN FÖR WEBBEN

Redigera din bild i ett bildbehandlingsprogram innan du laddar upp den på webbplatsen. Då kan du anpassa bilden för webben, t ex storleksmässigt i kilobyte och beskära den för att passa i design och layout.

– Varför?
1. Annars ger du världen tillgång till dina högupplösta original och 2. det kräver utrymme på servern.

4. FILNAMN

En server brukar inte gilla långa, krångliga filnamn. Ge istället bilden ett kort, beskrivande filnamn och inga svenska tecken eller mellanslag.

Icke exempel: DSC 10203030 äppelträdet blommar hos min mormor i Sveg.jpg

Exempel: blommande_appeltrad.jpg

5. FILFORMAT FÖR BILDER PÅ WEBBEN

På webben finns det idag 3 vanliga filformat som servrarna kan läsa och det är:

  • JPG för fotografier.
  • GIF för tecknade bilder och animationer.
  • PNG för bilder med genomskinlig bakgrund.

Fördjupa dig bland filformaten i blogginlägget ”Image Types and Usage in Web Design”

Lycka till!
Hälsningar Jenny



Kategori:Digitala medier


Etiketter:   #    #

KOMMENTARER

BLOGGARE JENNY GRÖNLUND


Gillar bloggar, att driva eget, programmering och webbdesign.

Om bloggen "Digitala tankar"

Kunskapsbank som handlar om marknadsföring via webben. Här ryms också tankar kring småföretagande och vår produkt BokaTräning.

Alla kategorier:

BokaTräning   (5 st)
Bloggar om vårt bokningssystem.
Digitala medier   (21 st)
Hur kan vi synas och höras i digitala medier?
Bloggar som berör småföretagare.

10 senaste inläggen

Chillrum   (2016-11-18)
Hösten 2016 är här!   (2016-08-23)
Swish   (2016-05-26)
Mobilt BankID, smidigt!   (2016-04-29)
Sportlov v10   (2016-03-04)
Annonsera på Google   (2015-12-15)

Etikettmoln

10 år    almi    app    avtal    barn på nätet    bilder    bilder på webben    bitcoins    bollnäs kommun    cookies    digital marknadsföring    digital valuta    facebook    firefox    födelsedag    föreläsning    föräldrar på nätet    hashtag    hälsa    ice    kakor    kul och ful marknadsföring    köpa IT-tjänster    Maria Österåker    marknadsföring    mentor    mentorprogrammet    månadsbetalning    nyhetsbrev    offertförfrågan    planera    prissättning för kreativa näringar    rubriker    semester    Ta betalt    träningskort    uppdatera    uppdatering    uppdateringsverktyg    uppgradera webbläsaren    upphandla    webbläsare    webbtext    webbutik    WordPress