![\"bildoptimering](\"https:\/\/www.svenskadomaner.se\/blogg\/wp-content\/uploads\/2018\/03\/bildoptimering-for-SEO-main.jpg\")
<\/p>\n<\/p>\n
Har du en bildtung hemsida? Det \u00e4r d\u00e5 viktigt med bildoptimering. Dels f\u00f6r att sajten ska ladda snabbt och dels f\u00f6r att Google ska tycka om dig i s\u00f6kresultaten.<\/p>\n
Bildoptimering handlar om att f\u00f6rminska filstorleken p\u00e5 dina bilder s\u00e5 mycket som m\u00f6jligt utan att kompromissa bildernas kvalitet. Det kan vidare b\u00e4ttra p\u00e5 din SEO genom att optimera s\u00e5 att dina bilder rankas h\u00f6gt av Google och andra s\u00f6kmotorer.<\/p>\n
Nedan f\u00f6ljer 10 korta som kommer att hj\u00e4lpa dig med bildoptimering. Efter listan f\u00f6ljer en mer utf\u00f6rlig beskrivning av varje punkt.<\/p>\n
Det l\u00e4ttaste man kan g\u00f6ra \u00e4r att ladda upp bilder med befintliga filnamn. \u00c4r det smart? Nej. Detta \u00e4r inte optimalt eller ens bra f\u00f6r SEO. Google crawlar n\u00e4mligen inte bara din text, utan \u00e4ven dina bilders filnamn.<\/p>\n
T\u00e4nk p\u00e5 hur folk googlar produkterna som du erbjuder. \u00c4ger du till exempel en e-handel som s\u00e4ljer kl\u00e4der kanske du ska ben\u00e4mna bilden p\u00e5 en rosa tr\u00f6ja som just \u201drosa tr\u00f6ja\u201d f\u00f6r att det \u00e4r s\u00e5 folk googlar. Kolla igenom din hemsidesstatistik f\u00f6r att identifiera nyckelordsm\u00f6nstret som dina kunder anv\u00e4nder. \u00c4ndra d\u00e4refter filnamnen efter just detta. Du kan inte bara f\u00f6rb\u00e4ttra din hemsidas SEO, men ocks\u00e5 se till att dina bilder rankas h\u00f6ger p\u00e5 SERPs (Search Engine Result Pages).<\/p>\n
Altattribut \u00e4r textalternativet till dina bilder n\u00e4r en webbl\u00e4sare inte kan \u00e5terge den. Bildens altattribut \u00e4r ocks\u00e5 det som ses om du hovrar \u00f6ver en bild (om du anv\u00e4nder en webbl\u00e4sare som st\u00f6djer den funktionen dvs). Altattributen bidrar till en sidas SEO och anv\u00e4ndningen av r\u00e4tt nyckelord i denna beskrivning kan d\u00e4rf\u00f6r bidra till en h\u00f6gre ranking. Om du har en e-handel, \u00e4r det troligtvis b\u00e4sta praxis f\u00f6r att dina produkter att synas i s\u00f6kresultat.<\/p>\n
Nedan f\u00f6ljer n\u00e5gra enkla regler f\u00f6r bildoptimering genom alt-text:<\/p>\n
M\u00e5nga e-handlare, och andra hemsidor, vill visa produkter eller objekt ur fler vinklar. Om du anv\u00e4nder dina altattribut p\u00e5 r\u00e4tt s\u00e4tt, kommer Google troligtvis att bel\u00f6na dig med fler s\u00f6kresultat. Hur g\u00f6r du det d\u00e5? Du m\u00e5ste skapa unika altattribut f\u00f6r varje produktbild. Om vi g\u00e5r tillbaka till den rosa tr\u00f6jan, kanske du vill ha en bild p\u00e5 tr\u00f6jan, detaljer som \u00e4r t.ex. p\u00e4rlor, en modell som b\u00e4r tr\u00f6jan och tr\u00f6jans material. Samtliga altattribut p\u00e5b\u00f6rjas med \u201dRosa tr\u00f6ja\u201d och d\u00e4refter f\u00f6ljer f\u00f6reslagna beskrivningar:<\/p>\n
En varning f\u00f6r att erbjuda st\u00f6rre bilder<\/strong><\/p>\n Sj\u00e4lvklart vill man kunna erbjuda kunder en f\u00f6rstorad version av produktbilder, speciellt om produkten inneh\u00e5ller unika detaljer. Hantera det smart och ladda upp en mindre bildversion och ge bes\u00f6karna m\u00f6jligheten att f\u00f6rstora den i form av en popup (t.ex.). P\u00e5 s\u00e5 s\u00e4tt h\u00e5ller du laddtiden nere.<\/p>\n \u201dVarf\u00f6r?\u201d t\u00e4nker du s\u00e4kert. Bara f\u00f6r att s\u00e4tta det hela i perspektiv:<\/p>\n Det finns tv\u00e5 s\u00e4tt man kan g\u00f6ra detta p\u00e5. Ett \u00e4r \u201dSpara f\u00f6r webben\u201d (\u201dSave for web\u201d) i Photoshop. Det andra, f\u00f6r de som inte har Photoshop, \u00e4r att anv\u00e4nda olika program som n\u00e4mns nedan.<\/p>\n Vi b\u00f6rjar med Photoshop<\/strong><\/p>\n N\u00e4r du anv\u00e4nder Photoshop vill du anpassa bilden till minsta m\u00f6jliga filstorlek utan att kompromissa bildkvaliteten.<\/p>\n Du kan ocks\u00e5 v\u00e4lja att anv\u00e4nda funktionen \u201dExportera som\u201d:<\/p>\n Hur kan du optimera bilderna utan Photoshop?<\/strong><\/p>\n Om du inte har Photoshop, finns det ett stort urval av onlinetj\u00e4nster som kan hj\u00e4lpa dig att med b\u00e5de redigering och bildoptimering. En av dem \u00e4r Adobes egna gratistj\u00e4nst: Photoshop Express<\/a>. Den \u00e4r sj\u00e4lvklart inte lika omfattande som Photoshop, men erbjuder grundl\u00e4ggande redigeringsfunktioner som kan r\u00e4cka f\u00f6r att optimera dina bilder.<\/p>\n Andra verktyg som \u00e4r v\u00e4rda att kolla in f\u00f6r bildoptimering \u00e4r f\u00f6ljande:<\/p>\n Sist, men inte minst, hur stora b\u00f6r bildfilerna vara?<\/strong><\/p>\n F\u00f6rs\u00f6k att h\u00e5lla dina bilder under 70 kb. Det kan vara sv\u00e5rt ibland, speciellt om du jobbar med st\u00f6rre bilder. F\u00f6rs\u00f6k s\u00e5 gott du kan – f\u00f6r bildoptimeringens skull.<\/p>\n Det finns tre filformat som \u00e4r vanligast f\u00f6r webben: .jpg, .gif och .png. Nedan f\u00f6ljer tre bilder p\u00e5 samma objekt och i samma filstorlek i de olika formaten.<\/p>\n JPEG<\/strong> (.jpg) \u00e4r ett ganska gammalt filformat som faktiskt blivit standarden f\u00f6r Internet. JPEG:s kan komprimeras ganska mycket, vilket leder till h\u00f6gkvalitativa bilder i liten filstorlek.<\/p>\n GIF<\/strong> (.gif) har l\u00e4gre kvalitet \u00e4n JPEG och anv\u00e4nds ofta f\u00f6r enklare bilder, s\u00e5som ikoner. GIF:s st\u00f6djer ocks\u00e5 animerat material. Anv\u00e4nd bara GIF f\u00f6r bilder med f\u00e4rre bilder och inte f\u00f6r stora bilder, d\u00e5 de l\u00e4tt kan bli oattraktiva.<\/p>\n PNG<\/strong> (.png) blir ett alltmer popul\u00e4rt alternativ till .GIF \u2013 varf\u00f6r? Jo, PNG f\u00f6rlorar inte kvalitet f\u00f6r varje g\u00e5ng man sparar om den (som JPEG g\u00f6r). \u00c4ven om PNG anv\u00e4nds allt oftare, resulterar de ofta i mycket st\u00f6rre bildfiler \u00e4n en JPEG. PNG-24, exempelvis, \u00e4r hela tre g\u00e5nger st\u00f6rre \u00e4n PNG-8.<\/p>\n Detta b\u00f6r t\u00e4nka p\u00e5 n\u00e4r du v\u00e4ljer filstorlek f\u00f6r bildoptimering:<\/p>\n M\u00e5nga hemsidor anv\u00e4nder sig idag av puffar p\u00e5 kategorisidor, relaterade artiklar eller dylikt. Trots att de \u00e4r sm\u00e5 bilder, kan de \u00f6ka laddtiden och det vill du undvika.<\/p>\n S\u00e5h\u00e4r kan du g\u00f6ra:<\/p>\n Om du anv\u00e4nder Javascript-gallerier, bild popups eller n\u00e5got annat flashigt f\u00f6r att f\u00f6rb\u00e4ttra shoppingupplevelsen, kommer Googles webbplatskartor hj\u00e4lpa dig att bli uppm\u00e4rksammad d\u00e4r.<\/p>\n Crawlare p\u00e5 webben kan inte crawla bilder som inte specifikt finns med i hemsidans k\u00e4llkod. F\u00f6r att crawlare ska kunna hitta oidentifierade bilder, m\u00e5ste du lista deras plats p\u00e5 hemsidans webbplatskarta.<\/p>\n Du kan l\u00e4gga till f\u00f6ljande text i din robots.txt fil, f\u00f6r att visa v\u00e4gen till din webbplatskarta:<\/p>\n Sitemap: http:\/\/example.com\/sitemap_location.xml<\/em><\/p>\n Du kan ocks\u00e5 skicka in webbplatskartan till Google via Search Console<\/a>.<\/p>\n Google delar med sig av mycket information g\u00e4llande bildpublicering<\/a> f\u00f6r att rankas h\u00f6gre. Du kan ocks\u00e5, med webbplatskartan, ge Google mer information om hur de kan hitta bilderna. P\u00e5 s\u00e5 s\u00e4tt \u00f6kas antalet bilder de hittar i j\u00e4mf\u00f6relse med om de crawlar sj\u00e4lva. Att anv\u00e4nda webbplatskartor garanterar inte att du blir indexerad, men \u00e4r ett positivt steg mot SEO-optimering. F\u00f6r mer information om hur du kan formatera webbplatskartan, bes\u00f6k Google Webmaster Tools<\/a>.<\/p>\n Vidare \u00e4r det viktigt att du inkluderar specifika taggar f\u00f6r samtliga bilder med all n\u00f6dv\u00e4ndig information i webbplatskartan<\/a> som du har, eller ska skapa.<\/p>\n Dekorativa bilder \u00e4r allt som inte \u00e4r relevant f\u00f6r hemsidans tj\u00e4nster och utbud. Detta kan vara bakgrunder, linjer och avdelare. F\u00f6r element som avdelare m.m., anv\u00e4nd g\u00e4rna PNG-8 eller GIF-filer f\u00f6r att h\u00e5lla nere filstorleken. Vad g\u00e4ller f\u00e4rglagda sektioner, f\u00f6rs\u00f6k att \u00e4ndra f\u00e4rger m.m. i CSS-styling, ist\u00e4llet f\u00f6r att ladda upp bilder. Ju mer du kan g\u00f6ra i kod, desto mindre upptagen plats och kortare laddtid.<\/p>\n CDN:s v\u00e4nder man sig till f\u00f6r hosting av bilder. De kan \u00f6ka hemsidans laddtid, men d\u00e4remot l\u00f6sa bandbreddsproblem f\u00f6r stora f\u00f6retag som hanterar tusentals transaktioner per m\u00e5nad. CDN:s \u00e4r d\u00e4remot inte bra f\u00f6r backlinks, som \u00e4r extremt viktiga f\u00f6r SEO. Du kan bes\u00f6ka Moz l\u00e4nkverktyg f\u00f6r att se hur bra din hemsida presterar<\/a> just nu. Ju fler back links du har, desto b\u00e4ttre din ranking p\u00e5 diverse s\u00f6kmotorer. N\u00e4r du hostar dina bilder hos en CDN betyder det l\u00e4nkar till dina bilder leder till CDN:s dom\u00e4n och gynnar d\u00e4rf\u00f6r inte din ranking.<\/p>\n Nu kommer vi till den intressanta delen \u2013 hur p\u00e5verkar bilder, layout m.m. din konverteringsgrad?<\/p>\n De tre viktigaste s\u00e4tten att f\u00e5 reda p\u00e5 detta \u00e4r f\u00f6ljande:<\/p>\n Bildoptimering \u00e4r komplext och vi har bara r\u00f6rt ytan av detta. F\u00f6rs\u00f6k att utbilda dig vidare om detta f\u00f6r att f\u00e5 ut b\u00e4sta m\u00f6jliga resultat av bildmaterialet p\u00e5 din hemsida.<\/p>\n Har du n\u00e5gra fr\u00e5gor om bildoptimering, f\u00e5r du g\u00e4rna skriva till oss p\u00e5 Facebook<\/a> eller l\u00e4mna en kommentar nedan!<\/p>\n Lycka till!<\/p>\n","protected":false},"excerpt":{"rendered":" Har du en bildtung hemsida? Det \u00e4r d\u00e5 viktigt med bildoptimering. Dels f\u00f6r att sajten ska ladda snabbt och dels f\u00f6r att Google ska tycka om dig i s\u00f6kresultaten. Bildoptimering handlar om att f\u00f6rminska filstorleken p\u00e5 dina bilder s\u00e5 mycket som m\u00f6jligt utan att kompromissa bildernas kvalitet. Det kan vidare b\u00e4ttra p\u00e5 din SEO genom … <\/p>\n4. Minska filstorleken p\u00e5 dina bilder<\/h3>\n
\n
![\"Photoshop](\"https:\/\/www.svenskadomaner.se\/blogg\/wp-content\/uploads\/2018\/03\/Photoshop-save-for-web-300x220.png\")
<\/p>\n![\"\"](\"https:\/\/www.svenskadomaner.se\/blogg\/wp-content\/uploads\/2018\/03\/imgpsh_fullsize-300x239.png\")
<\/p>\n\n
5. V\u00e4lj r\u00e4tt filformat<\/h3>\n
\n![\"\"](\"https:\/\/www.svenskadomaner.se\/blogg\/wp-content\/uploads\/2018\/03\/28kb.gif\" "\\".gif")
![\"\"](\"https:\/\/www.svenskadomaner.se\/blogg\/wp-content\/uploads\/2018\/03\/imgpsh_fullsize-1.png\" "\\".png")
![\"\"](\"https:\/\/www.svenskadomaner.se\/blogg\/wp-content\/uploads\/2018\/03\/imgpsh_fullsize.jpeg\" "\\".jpg")
\n
6. Optimera dina puffar (thumbnails)<\/h3>\n
\n
7. Anv\u00e4nd webbplatskartor f\u00f6r bilder<\/h3>\n
8. Se upp f\u00f6r \u00f6veranv\u00e4ndning av dekorativa bilder<\/h3>\n
9. Var f\u00f6rsiktig n\u00e4r du anv\u00e4nder Content Delivery Networks (CDNs)<\/h3>\n
10. Testa dina bilder<\/h3>\n
\n