Optimera bilder för webben
Filens namn Filnamnet ska vara beskrivande och relevant, med nyckelord där så är lämpligt. Detta hjälper inte bara sökmotorerna att förstå innehållet i din bild utan förbättrar också dess tillgänglighet.
Undvik att använda generiska namn som "bild1. Använd i stället beskrivande termer som på ett korrekt sätt återspeglar ämnet. Kom ihåg att sammanhanget är viktigt för sökmotorer, så var specifik och använd relevanta nyckelord. Om du till exempel skriver ett inlägg om "Seeking Alpha " och du har en bild av ett aktiediagram, namnge det "Seeking-Alpha-Stock-Chart. Alt-text Alt-text, eller alternativ text, är den text som visas när en bild inte laddas eller om en användare använder tekniska hjälpmedel.
Texten ska beskriva innehållet på ett korrekt sätt och innehålla relevanta nyckelord. Kom ihåg att vara kortfattad och beskrivande och inte använda mer än tecken.
Optimera bilder till hemsidan – både Mac och PC
Undvik att fylla texten med nyckelord eller att använda generiska fraser som "foto av" eller "". Var istället specifik och använd relevanta nyckelord för att beskriva bilden på ett korrekt sätt. Om du till exempel har en bild på en katt som leker med en boll kan din alt-text vara "Grå katt leker med röd boll" i stället för "Bild på katt som leker". Bildtext En bildtext är valfri men kan ge ytterligare information om sammanhanget.
Den visas under bilden och ska beskriva den på ett korrekt sätt.
Så här optimerar du bilder för webben
Använd ett naturligt språk och relevanta nyckelord i bildtexten för att hjälpa sökmotorerna att förstå innehållet. Använd inte generiska fraser som "Foto av" eller "Bild av". Var i stället specifik och använd relevanta nyckelord för att beskriva bilden korrekt. Om du till exempel har en bild på en familj som vandrar i bergen kan bildtexten vara "Familj som njuter av en vandring genom natursköna berg" i stället för "Bild på familj som vandrar".
Detta ger mer sammanhang och hjälper till med sökmotoroptimering. Format Se till att använda format som stöds, t.
Optimera bilder och foton för webben
Om du är osäker finns här en lista över bildformat som stöds och som Google kan läsa. Dessutom kan du överväga att komprimera dina bilder för att minska filstorleken utan att kompromissa med kvaliteten. Detta kan också bidra till att göra sidan snabbare att ladda och förbättra den övergripande användarupplevelsen. Det finns olika onlineverktyg och plugins för att enkelt komprimera bilder som de som listas i slutet av den här artikeln , så se till att dra nytta av dem.
Komprimering Komprimering innebär att man minskar storleken på en fil utan att kvaliteten påverkas nämnvärt. Det kan göras genom att ta bort onödiga data eller förenkla komplexa element i bilden. Komprimering bidrar till snabbare laddningstider, eftersom det tar kortare tid att ladda ner och visa mindre filer på en webbsida. Det sparar också lagringsutrymme på servrar, vilket gör det mer effektivt för webbplatser att lagra och visa bilder.
Komprimering med förlust tar till exempel bort en del av fotots data, vilket resulterar i en mindre filstorlek. Detta kan leda till kvalitetsförluster, så det är viktigt att hitta rätt balans mellan filstorlek och kvalitet. Vid förlustfri komprimering bevaras å andra sidan all data, men filstorleken minskar kanske inte lika mycket som vid förlustfri komprimering.
Mobilvänlig Förutom filstorleken är det viktigt att tänka på dimensionerna för mobila enheter. Små skärmar och begränsade dataplaner kan göra det svårt för användare att visa stora eller högupplösta bilder på sina telefoner. För att säkerställa en positiv användarupplevelse rekommenderas att du optimerar för mobila enheter genom att använda responsiv designteknik eller visa olika storlekar av samma bild beroende på vilken enhet som används.
Detta gäller även när du planerar och skapar en logotyp som en del av ditt visuella material.