Hoe websiteafbeeldingen te kiezen en voor te bereiden

Inventariseer elke plaatsing van afbeeldingen

Loop als bezoeker door de site: thuis, diensten, artikelen, lijsten, kaarten, getuigenissen en sociale previews. Voor elke plaatsing, recordweergavegrootte, beoogd onderwerp, huidig bestand, eigenaar en goedkeuringsstatus. Een ontbrekende held of afbeelding van een interne pagina is gemakkelijker te herkennen in deze lijst dan in een map vol activa.

Markeer herhaalde afbeeldingen in één lijst en generieke afbeeldingen die worden gebruikt voor niet-gerelateerde onderwerpen. Het kan verstandig zijn om één foto te delen over vertalingen van dezelfde pagina; Een set kaarten die verschillende activiteiten vergelijken, heeft meestal verschillende beelden nodig.

• plaatsing en doel van het beeld.
• Specifiek onderwerp en relatie tot nabijgelegen kopie.
• Rechten, krediet, versie en goedkeuringsstatus.

Maak een schotlijst

Beschrijf voor elke prioriteitspagina een korte scène: wie of wat verschijnt, de instelling, de actie of detail en de oriëntatie. Laat voldoende ruimte voor mobiel bijsnijden en vermijd het onderwerp waar de overlay tekst zal zitten. Eén shoot kan een portret, een werkscène, een materieel detail en een plek bieden zonder overal hetzelfde gewas te herhalen.

Wanneer een afbeelding van een derde partij komt, controleer dan publicatietoestemming, toegestane toepassingen en identificeerbare mensen. Presenteer geen illustratieve scène als een echt klantproject of -team als dat niet het geval is.

• een paginaspecifieke hoofdafbeelding.
• Complementaire visuals voor kaarten en processtappen.
• horizontale of verticale versies die passen bij het onderdeel.

Optimaliseren met behoud van nuttige informatie

Houd een bron van hoge kwaliteit en exporteer vervolgens varianten voor de daadwerkelijk weergegeven maten. Webp en Avif werken vaak goed voor foto's; Een browser mag geen enorme afbeelding voor een kleine kaart downloaden. Declareer de breedte en hoogte om verschuivingen van de lay-out te voorkomen en geef prioriteit aan het hoofdbeeld dat zichtbaar is bij de eerste belasting.

Een korte beschrijvende bestandsnaam, contextspecifieke alternatieve tekst en een bijschrift wanneer ze nuttig zijn, meer doen voor het begrijpen dan het vullen van EXIF-velden met trefwoorden. Google Search Centralnoemt alt-tekst het belangrijkste beschrijvende afbeeldingsattribuut. Bekijk credits en rechten voordat u metadata stript: Google kan ook gebruiken IPTC-metadata of gestructureerde gegevens van licenties.

• Responsieve varianten, gecontroleerd bestandsgewicht en HTML-dimensies.
• Alt-tekst die de rol van de afbeelding beschrijft, of lege alt wanneer decoratief.
• Credits en rechten informatie in overeenstemming met de in het bezit zijnde toestemming.

Controleer het gepubliceerde resultaat

Open elke pagina op telefoon en bureaublad. Controleer bijsnijden, scherpte, tekstoverlays, donkere achtergronden, laadfouten en of kaartafbeeldingen overeenkomen met hun bestemmingen. In sociale previews moet de gekozen afbeelding de pagina vertegenwoordigen en een kortere uitsnede overleven.

Werk de inventaris bij wanneer services of campagnes veranderen. Het voorkomt dat verwijderde foto's terugkeren, credits verloren gaan en hoofdafbeeldingen verdwijnen van belangrijke pagina's. De Checklist prelaunch Neemt deze recensie op in de bredere bezoekersreis.