Bildeoptimalisering for å forbedre nettstedets hastighet og markedsføring av nettsteder - Semalt Expert



Bilder er en av de viktigste komponentene på nettet, selvfølgelig etter tekst. Et nettsted uten bilder vil vanligvis være kjedelig og mindre motiverende for surfere enn et nettsted som har bilder.

Det er også ganske mange områder der bruk av bilder er obligatorisk og til og med nødvendig for å rettferdiggjøre nettstedet.

For eksempel:

Googles bildekampanje: bruke bilder riktig

Har du investert og kjøpt bilder fra fotosider/bildelager, eller har du til og med forstørret og tatt bilder selv? Du bør også maksimere dem for SEO-formål!

Google Image Promotion er en av de beste måtene å øke trafikken på nettstedet i visse områder - spesielt de som fokuserer på den visuelle siden.

Til tross for det ovennevnte kan feil bruk av bilder skade nettet og til og med forringe markedsføringsarbeidet betydelig. Når vi snakker om bruk av bilder i sammenheng med organisk markedsføring, er det viktig å huske på noen få regler også, feil bruk av bilder kan svekke hastigheten på nettstedet betydelig, og kan derfor ha en betydelig innvirkning på markedsføringen.

Grunnleggende bildeoptimaliseringsregler:

1. Vekt og dimensjoner på bildet

En av de viktige parametrene for å markedsføre bilder på nettet - er vekten av bildet.

På den ene siden vil vi bruke bilder av høy kvalitet, men på den annen side vil det ikke gå på bekostning av nettstedets hastighet, brukeropplevelse og markedsføring. Anbefalingen er alltid å "optimalisere" (fra ordet optimalisering) bildene maksimalt mulig, uten å forringe kvaliteten. For å gjøre dette, følg alle følgende regler:

Anbefalt vekt for bilder

Nesten hvilket som helst bilde kan komprimeres i en eller annen grad, så det er alltid tilrådelig å bruke bare de dimensjonene som virkelig er nødvendige og som vises fysisk på nettstedet, og redusere vekten til bildene så mye som mulig. Dette gjelder for alle nettsteder. Men spesielt for nettsteder med mange bilder. Det er ingen regel som er sant i alle tilfeller, men det anbefales å sørge for at bildevekten ikke overstiger 70-80K med mindre det er et galleri/skyvebilde av spesiell betydning.

2. Velg et passende navn på bildet

I et Google-søk etter bilder blir flere parametere tatt i betraktning for å vise bildet som er relevant for spørringen. En av dem er filnavnet. Det anbefales å bruke et sekund til og gi bildet et navn som beskriver det du ser på bildet. Det er viktig å holde et filnavn på engelsk og bruke midtlinjer og ikke mellomrom. Årsaken er at Google takler bedre mellomstreker.

Eksempler på et dårlig navn på et bilde:

DSC2387.jpg

Nettstedspromotor.png

Eksempel på et godt navn for et bilde:

Search-engine-optimizer.jpg

For de av dere som lurer på - ja, Google vet hvordan man skal håndtere engelske bildenavn for andre språk også. Som den vet hvordan man skal oversette søkestrenger og markere oversatte ord i søkeresultatene.

3. ALT til bildet

Alt-koden, som er en forkortelse av alternativ, er en parameter som tar sikte på å beskrive bildet. Alt-taggen er definert i styringssystemet/HTML-koden for hvert bilde individuelt, og dets opprinnelige funksjon er å betjene blinde og funksjonshemmede som bruker spesiell programvare som skanner disse kodene og leser det som er skrevet.

Teknisk sett i koden ser det slik ut:

<imgsrc="tree.jpg" alt="tree">

Utover viktigheten av taggen når det gjelder tilgjengelighet til nettsteder, har den også betydning for søkemotorer. Alt-taggen hjelper søkemotorene med å forstå hva emnet for bildet er (sammen med andre ting som filnavnet, konteksten til siden det er på osv.), Og det påvirker også naturlig bildesøket på Google.

Alt-koden er også en del av optimalisering på siden for alt. Når det er en ekstern lenke som kommer ut av bildet, fungerer alt-koden som et slags tekstanker ("ankertekst") for bildet.

Hvordan sjekker jeg om et bilde har en ALT-tag?

Det er flere måter:
Skrikende frosk - Bruk en frosk som passer når vi ønsker å utføre en grundig skanning av bilder på nettstedet.

Prosessen er å angi en URL for å skanne, og deretter klikke på Bilder-fanen.

Der vil vi se listen over bilder på nettstedet, som kan sorteres etter flere parametere:
Det er selvfølgelig flere måter og flere plugins av forskjellige slag, men det ser ut til at jeg har dekket emnet her når det gjelder et poengbehov, per side og en grundig gjennomgang av nettstedet.

Google image promotion - tips for optimalisering av ALT-koder

Du bør ikke tvinge nøkkelord, men prøv å beskrive det du ser på bildet.
Det er ikke nødvendig å bruke alts til bakgrunnsbilder/dekorative bilder - selv det anbefales ikke å gjøre det slik at Google ikke vil mistenke at du prøver å overoptimalisere.

4. Tittelappen for et bilde

Bildetekster, eller bildetekster, er en slags verktøytips som kan sees ved å bevege musen over et bilde. Mange forveksler dem med ALT-koder.

Bildetitler er en annen indikasjon på relevansen og emnet for bildet som kan hjelpe Google til å forstå hva bildet snakker om og forbedre rangeringene for bildesøk. I motsetning til ALT-koden vil en tittelkode vanligvis være mer beskrivende og litt lenger, og dens formål er å beskrive for surferen hva som sees i bildet og/eller hva som kommer etter å ha klikket på bildet. Nyhetssider bruker hyppig denne taggen.

Slik ser det ut i koden:

<img class="alignnone wp-image-1323 size-full" title="Eksempel på tittelbilde">

5. Bildetyper og filutvidelser

Det er flere vanlige formater for bruk av bilder på nettet. Jeg vil kort utvide hver av dem:
Ergo - gifs er ikke ment for å vise bilder, spesielt når det gjelder bildekvalitet, men for enklere ikoner, animasjoner og elementer.
Det er mange andre bildeformater tilgjengelig, men de er mindre relevante for bruk på nettsteder.

Tips - For de som bruker Photoshop, anbefaler jeg alltid å sammenligne bildevekter ved hjelp av Save for web og enheter mellom de forskjellige formatene (det er en forhåndsvisning av bildets vekt før du lagrer filen).

Tommelfingerregler for valg av bildeformater

6. Riktig bruk av miniatyrbilder



Miniatyrbilder (forhåndsvisning) er en viktig og til og med kritisk komponent på noen nettsteder - spesielt galleribaserte nettsteder og handelsnettsteder. Miniatyrbilder ("Miniatyrbilder" av Google Translateâ) kan være bra på den ene siden, men sabotere nettstedet og brukeropplevelsen på den andre.

Det mest kritiske ved bruk av disse bildene er å holde en rimelig kvalitet og vekt så lav som mulig. På store handelsnettsteder som er avhengige av miniatyrbilder for å vise kategorisider og produktforhåndsvisning, er dette faktum spesielt viktig. Visste du at hvert sekund av forsinkelser med å laste inn nettstedet koster Amazon 1,6 milliarder dollar i året? Mye av lastetiden på slike nettsteder er bildene.

Det er sant at de fleste av oss bare kan drømme om å ha et nettsted av denne størrelsen. Men du vet - store endringer starter fra bunnen av og små. Jo raskere vi adresserer jo bedre.

Tips for å bruke miniatyrbilder riktig

Det anbefales sterkt å lage et miniatyrbilde for miniatyrbildet og et større bilde for selve produktsiden. Ikke bruk det store bildet som miniatyrbilde! Dette vil lastes inn flere ganger belastningen på nettstedet, spesielt når det er mange miniatyrbilder på en side. I forskjellige CMS-systemer blir du automatisk unntatt fra dette problemet.

Når det gjelder regler for bildeoptimalisering, anbefales det å investere mer i store bilder i stedet for miniatyrbilder. For eksempel - ikke ta med miniatyrbildene i områdekartet for bilder (utvidelse nedenfor), i noen tilfeller må du ikke engang sette ALT-koder for dem. Ambisjonen er at Google skal indeksere de store bildene på bekostning av miniatyrbildene og ikke omvendt.

Det anbefales å sette Image Title til Thumbnails, som beskriver produktet med noen få ord og generelt hva surferen skal se etter å ha klikket på bildet.

Hvis hver produktkategoriside har mange produkter (si over 30), anbefales det å bruke et Lazy Load-skript som bare laster inn bildene når surferen blar til området der de er.

7. Bruk av innpakningstekst

Vanligvis kommer bildene for å tjene teksten og ikke omvendt. Men når det gjelder bildeoptimalisering og Googles markedsføring av bilder, og hvis nettstedet er et nett basert på bilder, er det veldig verdt å ikke forsømme teksten, selv om det er grunnleggende ting.

For de som ønsker å opprettholde et rent og minimalistisk utseende som mulig (for eksempel på fotografens porteføljeside), anbefales det at han i det minste definerer følgende på hver side som har et bilde:

8. Sitemap for bilder

Image Sitemap (image-sitemap.xml) hjelper Google med å lese og indeksere bildene våre på nettstedet bedre. I likhet med et standard XML-sitemap kan et sitemap med bilder sendes ved hjelp av Search Console, i området med sitemaps.

Legg til et nettkart i Search Console

Et områdekart over bilder er spesielt nyttig når du bruker alle slags gallerier med skript og forskjellige effekter - som Google har vanskelig for å skanne konvensjonelt.

Det er noen parametere for bruk av områdekart av bilder.

Hvordan lage et nettstedskart?

WordPress - Som vanlig hvis du jobber med WordPress, er livet ditt enkelt. Plugin-modulen Udinra All Image Sitemap lukker hjørnet for deg. Alt du trenger å gjøre er å installere pluginet, merke noen V i innstillingene, opprette nettstedskartet og starte det til Google gjennom Search Console.

På hvilken som helst annen plattform - det kommer an på. Hvis det ikke finnes en løsning som ikke er i boksen, som et plugin osv., Kan dette gjøres ved hjelp av Screaming Frog.

Frosken kan hjelpe deg med å lage et sitemap med bilder enkelt. Det eneste problemet - det oppdateres ikke automatisk (i motsetning til et plugin) og må oppdateres fra tid til annen.

Hvordan gjør du det?

En full skanning av det forespurte nettstedet må utføres, og gå deretter til Sitemaps -> Create Images Sitemap i toppmenyen til programvaren. Det du mottar er en kosher XML-fil som du kan bruke og starte gjennom Search Console.

9. Oppmuntre til deling av bilder

Hvis du skryter av mye bruk av originale bilder (enten det er et fysisk bilde eller et grafisk element) og bildene er det viktigste eller i det minste en viktig del av nettstedet, er det veldig verdt å oppfordre brukerne til å dele bildene på sosiale nettverk og gjøre det lettere for dem å gjøre det.

Som vanlig har jeg praktiske tips til WordPress-plattformen, i andre systemer anbefaler jeg å bruke en programmerer eller sjekke om det er en dedikert plugin for den.

WordPress har to fine plugins for dette formålet:

10. Bildereduksjons- og optimaliseringsverktøy

TinyPNG - en utmerket service som lar deg komprimere bilder online med et spesielt praktisk dragrensesnitt. De har også en API som lar deg jobbe i større mengder og automatisk, og også et flott plugin for WordPress som lar deg komprimere alle bildene på nettstedet - krever bruk av deres API (gratis for 500 bilder per måned).
Fotosizer - fin stasjonær programvare som lar deg redigere bilder i store mengder - ikke bare komprimering, men også reduksjon av dimensjoner, og legger til vannmerker og forskjellige effekter til bilder og mange andre fine funksjoner.

Konklusjon

Du har nettopp forstått viktigheten av å optimalisere bildene på et nettsted. Imidlertid, hvis du vil vite den aktuelle tilstanden til nettstedet ditt, kan du gjøre det gratis, takket være Semalt's SEO-konsultasjoner.
Semalt vil hjelpe deg med å identifisere SEO-problemer relatert til nettstedet ditt. I tillegg, med Semalt Experts kan du enkelt forbedre ytelsen til din online virksomhet til en lavere kostnad.

mass gmail