Hvordan optimalisere bilder for SEO - dummies

Når du inkluderer bilder, video eller andre ikke-tekstelementer på nettstedet ditt, må du beskrive dem i den omkringliggende teksten for SEO formål. Dette er nøkkelen til å optimalisere multimedieelementene dine slik at søkemotorer vet hva de handler om. Search engine edderkopper kan ikke se en video eller se et bilde nøyaktig ennå, selv om de jobber med det. Så du må forklare bildet, videoen eller et annet ikke-tekstelement ved hjelp av ord.

For bilder (inkludert JPEG, GIF og andre typer bildefiler), har du flere steder der du kan sette beskrivende tekst som søkemotorene kan lese. Du kan referere til hva bildet handler om på følgende steder:

• Tekst som omgir elementet: Inkluder beskrivende tekst, enten over, under eller ved siden av bildet, videoen eller et annet ikke-tekstelement. En bildetekst eller en innledende setning som forklarer hva bildet viser fungerer bra. Dette gir søkemotoren edderkopptekst som de kan lese og indeksere, men det hjelper også med å formidle den tilsiktede betydningen til brukerne.

• Filnavn: Filnavnene til bildet, videoen og andre typer multimediefiler bør inneholde faktiske ord.

• Alt attributt : Du kan også sette kort beskrivende tekst i Alt-attributtet knyttet til et bilde. For eksempel, alt = "1968 Ford Mustang California Special Gas Cap".

Oppgi bilder

Siden både folk og søkemotorer skal lese filnavnene dine, må du sørge for at du bruker gode, beskrivende ord når du navngir bildet ditt, videoen og andre typer multimediefiler. Her er en annen mulighet til å gi lesbar innhold til edderkoppene. I stedet for å navngi bildet ditt A1234. jpg, ring det bildet av en skiløper som faller på ansiktets skier-faceplant. jpg slik at søkemotorene vet hva det er, også.

For å skille mellom ord, bruk ikke mellomrom eller understreket. I stedet bruker du en bindestrek eller en periode for å skille ord i filnavnene dine. Men prøv ikke å overuse dem heller - bare fordi du kan ha mange bindestreker i en nettadresse, betyr det ikke at du burde.

Hold også filnavn kort. Husk at lange filnavne fører til at nettadresser blir lengre også (for eksempel hvis et av bildene dine blir returnert i et bildesøk). Fordi folk generelt unngår å klikke på lange nettadresser, behold navnene dine til en rimelig lengde. Seks ord i et filnavn vil generelt være for mye.

Gjør det enkelt: Et bilde av en Ford Mustang med en bukket fender skal ikke kalles ford-mustang-med-en-bukket fender. jpg, bare kaller det dented-ford-mustang. jpg eller mustang-dented-fender.jpg. Du vil ha tekst på tekst og Alt-attributter for å forklare motorer hva innholdet i bildet er.

Håndtering av bildestørrelse

Størrelsen er viktig, spesielt når det gjelder bilder. Her er noen anbefalinger for å endre størrelse på bildene dine og deres Alt-attributter.

Alt attributtlengde

Du vil skrive beskrivende tekst rundt bilder og i deres Alt-attributter. Men hvor mye tekst du bruker, avhenger av størrelsen på bildet ditt. Hvis du for eksempel har et 50-x-70-pixel bilde av en forfatters ansikt ved siden av en artikkel, er det nok å bare sette personens navn i bildeteksten. Du kan inkludere en lengre beskrivelse av hennes legitimasjonsbeskrivelser i bylinjeprøven, men du trenger ikke et helt avsnitt med tekst ved å legge et lite bilde som dette.

På den annen side skal større bilder ha lengre tekstbeskrivelser. Hvis bildet er viktig nok til å ta opp mye skjermrom, er det viktig nok å fortelle søkemotorene om. Forklar bildet med minst en setning av tekst.

Bildedimensjoner

Hvis bilder hjelper deg med brukerne, kan store bilder tilfredsstille dem enda mer. Hvis du tilbyr svært store bilder, vil du kanskje sette dem på en egen side, slik at bare brukere som virkelig vil se fullstørrelsesvisningen, må vente på at de skal vises. Du vil imidlertid ikke at søkemotorene skal savne det faktum at bildet er en del av innholdet på siden din, og ikke en separat, ikke-relatert side.

For å holde det relatert, kan du vise en miniatyrbilde eller en liten versjon av bildet på den opprinnelige siden, med en tekstbeskrivelse, Alt-attributter og verkene. Så hvis en bruker klikker for å se bildet i full størrelse i et eget vindu, bør du vurdere å inkludere en tekstbeskrivelse der, men definitivt gi den et Alt-attributt og filnavn som beskriver hva som er i bildet.

Når du skriver Alt-attributter for bilder, må du gjøre lengden proporsjonal med bildens størrelse på skjermen. Opprett et kort Alt-attributt for et lite bilde, og lengre for store bilder. Som en generell retningslinje, prøv å forsikre deg om at Alt innhold ikke overstiger 12 ord.

Bildestørrelse for mobil

Noen som besøker nettstedet ditt på en smarttelefon, vil ikke vente lenge på at siden din skal vises. Et sekund er omtrent hele tiden du må vise minst toppen av siden før en bruker bestemmer at nettstedet ditt ikke er mobilvennlig.

Slow site speed kan skyldes mange ting, men fete bildefiler er en vanlig synder. Du vil gjøre bildens dimensjoner krympe slik at den passer på en smarttelefonskjerm, og webmastere har flere triks opp på ermene for å gjøre det (ved å inkludere responsiv design, ved hjelp av JavaScript, som er et kodingsspråk, og angir høyde- og breddeattributter i bilde taggen).

Hvis du bare klikker et stort bilde for å passe inn i et mindre layout, kan det føre til at siden din lastes for sakte, noe som kan bli sammensatt av en image-tung nettside. Det skyldes at endring av visningsstørrelsen ikke reduserer størrelsen på bildefilen som sendes, noen ganger over lavbåndsforbindelser, til en persons mobilenhet.Så ikke bare vil du at bildene skal se bra ut, du også dem å laste ned raskt.

Bildeoptimalisering for mobil skal innebære å redusere mengden data ved å redusere bildeets filstørrelse, ikke bare dimensjonene. Dette kan gjøres med ulike webdesignteknikker, inkludert bildekomprimering , JavaScript og / eller HTML5-elementet.