Website Image Optimization Onmisbare checklist voor marketeers

Of je nu foto's gebruikt die je zelf hebt gemaakt, afbeeldingen die je helemaal opnieuw hebt ontworpen of dat je gratis foto's downloadt van aanbieders van stockfoto's, het is ook belangrijk dat je afbeeldingen meer doen dan alleen je punt illustreren.

 checklist voor optimalisatie van website-afbeeldingen

Hier zijn enkele dingen die uw website correct moet doen om te worden geoptimaliseerd voor succes:

1. Geef afbeeldingen een passende naam

Afbeeldingen hebben context nodig en dit kan eenvoudig worden vastgesteld door er namen aan toe te kennen. Beschrijvende trefwoordzinnen zijn hier erg handig, maar pas op dat u niet te veel woorden gebruikt. Drie tot vijf woorden, gescheiden door streepjes, zouden voldoende zijn.

Geef afbeeldingstitels de juiste naam

2. Geef gedetailleerde afbeeldings-alt-attributen met goede zoekwoorden

Voor internetgebruikers die last hebben van visuele beperkingen, kan alt-tekst erg handig zijn. Als afbeeldingen niet correct worden geladen vanwege verbindingsproblemen, moet u als vervanging alt-attributen gebruiken. Bovendien helpt het je Google-ranking om alt-tekst klaar te hebben voor je bezoekers. Tien tot vijftien woorden zijn voldoende om duidelijk te maken waar uw afbeelding over gaat of om belangrijke kenmerken te benadrukken zonder overbodig te worden.

Lees verder: 19 stap-voor-stap WordPress onpage SEO Checklist: een eenvoudige gids om meer bezoekers te trekken

Gebruik gedetailleerde alt-attributen met goede zoekwoorden

4. Creëer goede en relevante ankertekst

Soms moet u ankertekst opnemen die naar een afbeelding in uw hoofdtekst verwijst. Dit is echter niet het moment om alleen 'bekijk afbeelding' te schrijven. Door uitdrukkingen te gebruiken zoals "bekijk onze zomercollectie" of "bekijk onze fidget spinners", begeleidt u uw bezoekers om te klikken op dingen die u wilt dat ze zien, en helpt u zoekmachines uw producten efficiënter te vinden.

Maak een goede / relevante ankertest

5. Gebruik naamgevingsconventies efficiënt

Naamgevingsconventies worden gebruikt om bestanden, activa en andere inhoud te standaardiseren voor het gemak en de organisatie. Soms moet u hiervoor de namen van afbeeldingen beginnen met cijfers of tekens die niet altijd intuïtief zijn. Hoewel u dit in het begin misschien onhandig vindt, kunt u de rest van de afbeeldingsnaam nog steeds gebruiken voor zoekwoorden voor een betere optimalisatie.

Conversies voor het benoemen van afbeeldingen gebruiken

6. Maak afbeeldingstitels

Afbeeldingstitels worden zichtbaar gemaakt door met de muis over een afbeelding op een webpagina te gaan. Deze titels zijn geweldig voor gebruikersbetrokkenheid en verbeteren tegelijkertijd de zoekmachineoptimalisatie (klik hier om meer te lezen over seo-tips). Door een call-to-action te implementeren, zoals 'Abonneer je nu' of 'koop dit item', kan je titel helpen om de gewenste resultaten te krijgen.

7. Bijschriften toevoegen

Bijschriften verschillen van afbeeldingsnamen, afbeeldingstitels en alt-attributen. Ze zijn standaard zichtbaar op een webpagina en worden samen met de rest van de tekst geladen. U kunt dezelfde zoekwoorden gebruiken die in de afbeeldingsnaam of in de alt-tekst voorkomen, maar door dingen te mixen met unieke zoekwoorden, verbetert u ook uw SEO.

Afbeelding met lang bijschrift

8. Minimaliseer afkortingen

Beknoptheid kan de ziel van humor zijn, maar het afkorten van trefwoorden in uw bijschriften, titels en namen doet u geen plezier. Hetzelfde geldt voor obscure acroniemen en afkortingen die je hebt verzonnen om de karakters tot een minimum te beperken. Maximaliseer uw. kans voor SEO door de woorden te spellen die er toe doen.

 

9. Verhoog de laadsnelheid van de website met beeldcompressie

Dit jaar zijn webpagina's groter dan ooit, bijna 3 MB vol met inhoud. Hulpmiddelen voor beeldbewerking voor het sleutelen aan aangepaste afbeeldingen om foto's vrij te maken, zoals Adobe Photoshop of PicMonkey, hebben mogelijk een "Opslaan voor web" -functie om afbeeldingen te verkleinen tot formaten die sneller worden geladen dan de originelen. Kijk naar desktop-apps zoals ImageAlpha en JPEGmini, of online apps TinyPNG en Kraken.io om de klus te klaren. WP.SmushIt is ook de perfecte metgezel voor beeldcompressie voor WordPress.

(Afbeelding) Compressieveerhouding

10. Waardeconsistente naamgeving en productiviteitsgevoeligheid

Het gebruik van meerdere namen voor een enkele afbeelding is een recept voor rampen als het gaat om het produceren van webinhoud. Wanneer u dit doet, kunnen uw afbeeldingen op mysterieuze wijze van andere live-pagina's verdwijnen en onopgemerkt blijven totdat het te laat is. Houd het bij één naam per afbeelding en houd alles overzichtelijk.

11. Condenseer en combineer niet-essentiële beeldelementen

Uw afbeeldingen hebben mogelijk namen nodig die de grootte of afmetingen aangeven. Deze kunnen "sm" voor "klein" of 300x450 voor resolutie bevatten. Hier leest u hoe u dingen kunt oplossen:

  • computer-photo-app-300x450-sm.jpg is niet volledig geoptimaliseerd;
  • computer-photo-app-300450sm.jpg is beter.

Het verliezen van de "x" en het streepje helpt een beetje, omdat je niet wilt rangschikken voor afbeeldingsgrootte. De andere woorden zijn veel belangrijker voor uw doeleinden.

12. Afbeeldingen optimaliseren voor SEO en het welzijn van uw site-inhoud

Afbeeldingen spelen een rol in de samengestelde SEO-waarde van een pagina. Elementen zoals kop, SEO-paginatitel, interne en externe links dragen allemaal bij aan hoe goed uw website presteert, als geheel en als de som der delen. Beeldoptimalisatie is geen uitzondering en kan uw positie in de concurrentie versterken.

afbeeldingen optimaliseren voor SEO

Als deze elf checklistitems je niet helemaal helpen, zijn hier enkele handige hulpmiddelen om dingen in beweging te krijgen:

  1. RIOT is een Windows-beeldoptimalisatieprogramma dat JPG-, PNG- en GIF-bestanden ondersteunt. Het verwijdert de metadata van afbeeldingen om de bestandsgrootte te verkleinen en biedt tegelijkertijd basisfuncties voor het bewerken van afbeeldingen.
  2. PNGUIT, een gratis app, wordt uitgevoerd in de Windows-opdrachtregel of het dialoogvenster Uitvoeren en geeft u verliesless optimalisatie van uw afbeeldingen.
  3. (Overleden) PNGCrushrrr is een andere gratis app die op Mac OS draait. Het comprimeert PNG-bestanden tot kleine formaten en werkt via een eenvoudige drag-and-drop-interface.
  4. SuperPNG is een gratis plug-in die de toch al kleine PNG's die in Photoshop zijn gemaakt, verkleint. Het ondersteunt ook 16-bits kleuren, het opslaan van metagegevens en variabele compressie.
  5. SuperGIF werkt voor zowel Windows als Mac, heeft drag-and-drop en kan afbeeldingen vijftig procent meer comprimeren, afhankelijk van de afbeelding. Hoewel het slechts één GIF per keer comprimeert, kan dit een acceptabele afweging zijn voor uw doeleinden.

Soms kom je in een positie waarin je geen andere keuze hebt dan gebruik gratis stockfoto's. In dit geval zijn hier een paar websites die u kunnen geven wat u nodig heeft:

Doorstaan ​​uw website-afbeeldingen onze test voor optimalisatie? Of bent u op zoek naar afbeeldingen voor uw online winkel? Laat het ons weten door hieronder een reactie achter te laten.

 

 

Over de auteur
David Attard
David heeft de afgelopen 21 jaar in of rond de online en digitale industrie gewerkt. Hij heeft ruime ervaring in de software- en webontwerpindustrie met behulp van WordPress, Joomla en de niches eromheen. Hij heeft gewerkt met softwareontwikkelingsbureaus, internationale softwarebedrijven, lokale marketingbureaus en is nu hoofd Marketing Operations bij Aphex Media - een SEO-bureau. Als digitale consultant ligt zijn focus op het helpen van bedrijven om een ​​concurrentievoordeel te behalen door gebruik te maken van een combinatie van hun website en digitale platforms die vandaag de dag beschikbaar zijn. Zijn mix van technologische expertise gecombineerd met een sterk zakelijk inzicht geeft zijn geschriften een concurrentievoordeel.

Nog een ding... Wist je dat mensen die nuttige dingen zoals dit bericht delen er ook GEWELDIG uitzien? ​
Alstublieft laat een nuttig geef commentaar met je mening, deel dit dan op je Facebook-groep (en) die dit nuttig zouden vinden en laten we samen de vruchten plukken. Bedankt voor het delen en aardig zijn!

Disclosure: Deze pagina kan links bevatten naar externe sites voor producten die we geweldig vinden en die we van harte aanbevelen. Als u producten koopt die we aanbevelen, kunnen we een verwijzingsvergoeding verdienen. Dergelijke vergoedingen hebben geen invloed op onze aanbevelingen en we accepteren geen betalingen voor positieve beoordelingen.

Auteur (s) Uitgelicht op:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   en nog veel meer ...