Voeg alternatieve titels toe voor een beter blogontwerp - dummies

Een alternatieve afbeeldingstitel (alternatief kenmerk of wat HTML alt roept) biedt browsers een manier om een ​​blogafbeelding af te handelen wanneer deze kan om de een of andere reden niet worden weergegeven. In plaats van je blogafbeelding geeft de browser de alternatieve afbeeldingstekst weer. Een afbeelding wordt mogelijk niet weergegeven in de browser van een bezoeker om verschillende redenen, zoals een trage internetverbinding of een trage pc.

Wanneer u uw blog ontwerpt, wilt u dat elk onderdeel van uw blog, inclusief uw afbeeldingen, het doel en de inhoud van uw blog met tekst beschrijft. Omdat de alternatieve afbeeldingstitel het meest beschrijvende element in HTML is voor het uitleggen van de inhoud van een afbeelding met behulp van tekst, is deze zelfs belangrijker vanwege het SEO- en navigatieontwerpperspectief.

Gebruik de alternatieve alt-tekst in het ontwerp van je blog

Hier zie je het WordPress-paneel voor het bewerken van het uiterlijk van een afbeelding op een pagina. Het voorbeeld toont de lay-out met betrekking tot een aantal aangrenzende tekst - niet de echte tekst van de pagina, maar een deel van het Latijn dat WordPress gebruikt als tijdelijke aanduiding. In het midden van het paneel bevindt zich het veld Alternatieve tekst. Merk op dat het gescheiden is van het veld Bijschrift en het veld Titel.

Wanneer u een waarde voor het alt-attribuut invoert, ziet de HTML-tag er als volgt uit:

Of afbeeldingen deel uitmaken van het hoofdontwerp van uw blog of één blogbericht, Neem relevante zoekwoorden op in uw alt-kenmerken, zodat zoekmachines ze gemakkelijker kunnen vinden. Een gebruiker van een zoekmachine kan naar uw blog navigeren door eerst een afbeelding te vinden - bijvoorbeeld een gehaakte deken - en op de afbeelding te klikken om de bijbehorende post te lezen, waar ze instructies kan vinden voor het haken.

Alt-attributen verbeteren ook de bruikbaarheid door mensen met blindheid of gezichtsstoornissen in staat te stellen de afbeeldingen op uw site te identificeren. Hulpmiddelen kunnen de tekst voor elk alt-attribuut voorlezen.

Voeg andere afbeeldingskenmerken toe aan het ontwerp van uw blog

Let op het voorbeeld WordPress-afbeelding toont ook een veld Titel. Wanneer de gebruiker boven een afbeelding zweeft en een veld Titel heeft, geeft de browser die tekst weer op de locatie van de muisaanwijzer.

Hoewel een titelbeschrijving aanvullende informatie over een foto kan geven, is deze meer nuttig voor mensen dan voor zoekmachines. U kunt echter explicieter zijn met een titelveld dan met een alt-kenmerk, wat beter een samenvatting is.

Als het thema van de blog een spatie voor een bijschrift bevat, kan de inhoud ervan worden getypt in het veld Bijschrift. Dit is voor tekst die u wilt dat uw lezer ziet zonder eerst erover te hoeven zweven.

Een titelbeschrijving is vrij belangrijk als uw bloglezers Pinterest gebruiken. Wanneer iemand een bericht van jou pakt met behulp van een PinIt mobiele bookmarklet, trekt die bookmarklet de titelbeschrijving uit de afbeelding bij die post. Pinterest gebruikt dan de titel van uw afbeelding als de beschrijving van de pen. Zonder de beschrijving trekt Pinterest de bestandsnaam van de afbeelding, die mogelijk minder beschrijvend is.

Bottom line: wanneer u alle beschikbare hulpmiddelen voor het beschrijven van de onderwerpen van uw blog gebruikt, is de kans groter dat een zoekmachine uw blog als gezaghebbend over die onderwerpen accepteert.