Hoe het ALT-attribuut correct aan een afbeelding toe te voegen?

Inhoudsopgave:

Hoe het ALT-attribuut correct aan een afbeelding toe te voegen?
Hoe het ALT-attribuut correct aan een afbeelding toe te voegen?
Anonim

Elke webpagina wordt gemaakt met behulp van opmaak - code die is geschreven in een speciaal daarvoor bestemde taal (meestal HTML). De browser van de gebruiker kan op zijn beurt deze code lezen om alle informatie die de makers van de bron aan ons wilden overbrengen correct weer te geven. Het blijkt dat alle elementen die we op een webpagina zien, worden geleverd door de broncode van de site die we bezoeken.

Code optimalisatie

stel het ALT-kenmerk in
stel het ALT-kenmerk in

Zoals je kunt raden, heeft elke letter van deze code, elk symbool een betekenis. Interessant is ook dat de site visueel niet die elementen bevat die uiterst belangrijk zijn voor de optimalisatie (wat betekent dat de bron voor zoekmachines correct is ingesteld). Het ALT-attribuut kan bijvoorbeeld worden toegeschreven aan het aantal van dergelijke nauwelijks waarneembare. Het staat op de pagina's van veel bronnen, en heel vaak merken we het gewoon niet op.

In dit artikel willen we alleen aandacht besteden aan dit element van webdesign. Hier zullen we u vertellen waarom het zo belangrijk is voor de juiste positie van de site, de groei van het verkeer en het gemak van de gebruiker om ermee te werken.

Wat is het ALT-attribuut?

Laten we bij het begin beginnen: we zullen beschrijven waar dit artikel over gaatspraak en waarom we dit attribuut überhaupt nodig hebben.

ALT-kenmerk
ALT-kenmerk

Dus om deze tekst te begrijpen, moet je eerst de HTML-opmaaktaal begrijpen. Dit is de code waarop de basiswebpagina's zijn geschreven, die, zoals reeds opgemerkt, de eigenschap heeft om in de browser te worden weergegeven. De hele taal bestaat uit speciale attributen (zoals IMG, ALT, FONT, enzovoort). Elk van hen is verantwoordelijk voor het werken met een of ander ontwerpelement. In de praktijk wordt het bovengenoemde kenmerk "Image" gebruikt voor afbeeldingen die op webpagina's te vinden zijn. Meer specifiek wordt met zijn hulp een beschrijving van de afbeeldingen gemaakt, volgens welke de gebruiker (bezoeker van de site) gemakkelijk kan begrijpen wat erop wordt weergegeven. U bent vast zelf dergelijke beschrijvingen tegengekomen - ze verschijnen wanneer u met de muis over de afbeelding beweegt.

Praktische waarde

Natuurlijk worden deze attributen niet voor niets in de praktijk toegepast. Webmasters hebben net zoveel beschrijvingen van hun afbeeldingen nodig als sitebezoekers (waarschijnlijk meer). Immers, als alle afbeeldingen het ALT-attribuut missen, merkt een persoon dit misschien niet eens als er verklarende teksten worden toegevoegd aan de afbeeldingen op de pagina. Aan de andere kant kunnen zoekrobots (met een lege ALT) de site mogelijk niet hoog genoeg rangschikken, de positie in de zoekresultaten verminderen en dus niet voldoende bezoekers trekken. Daarom kunnen we met vertrouwen zeggen dat de beschrijvingen voor de foto's op de site ook een belangrijke rol spelen voor de webmasters zelf, zodat ze niet kunnenverwaarlozing.

Alle zichtbare afbeeldingen missen het ALT-attribuut
Alle zichtbare afbeeldingen missen het ALT-attribuut

Bonussen van zoekmachines

Om de voordelen van correct ingevulde beschrijvingstags voor afbeeldingen beter te begrijpen, geven we een klein voorbeeld. Laten we zeggen dat er een website is waarop afbeeldingen worden gehost. Als het ALT-attribuut niet is ingesteld, heeft de gebruiker er geen last van, omdat hij in ieder geval zal zien wat er op een bepaalde foto wordt getoond. Een heel ander resultaat wacht de eigenaar van de bron, die de bovenstaande tag verwaarloost, waardoor hij een deel van het verkeer van bijvoorbeeld afbeeldingsdirectory's zal verliezen.

Hoe schrijf ik het ALT-attribuut?

Technisch gezien is het niet moeilijk om een beschrijving in te vullen onder deze of gene foto. Dit is duidelijk: je moet naar de HTML-editor op je site gaan en de afbeeldingscode vinden (begint met IMG en eindigt met hetzelfde). Binnen dit codeblok zit code. Dit is wat ze bedoelen als ze zeggen dat je het ALT-attribuut moet schrijven. Dit gaat als volgt: “alt=“beschrijving”.

Als je niet met pure code werkt, maar een aparte "engine" voor de site gebruikt (bijvoorbeeld Wordpress of Joomla), integreert het een speciaal mechanisme voor het toevoegen van " alts" waardoor onze site wordt onthouden door zoekmachines. Als je een nieuwe ALT invult, staat de update op je pagina.

Wat schrijven ze in het attribuut?

Als je de taak hebt om het ALT-attribuut te schrijven, denk je natuurlijk niet aan technischkant. Meestal wordt deze vraag gesteld als de webmaster niet weet welke informatie hij over een bepaalde afbeelding moet verstrekken. Dit maakt het moeilijk om te zeggen welke informatie de site ten goede zal komen vanuit het oogpunt van zoekmachines.

In de praktijk zijn er veel manieren om het beschrijvingsprobleem op te lossen. Iemand werkt met typische sjablonen, waarbij de tag simpelweg wordt gevuld met trefwoorden waarvoor de pagina is gemaakt. Misschien is dit de meest voorkomende praktijk die vaak te vinden is. Soms, in plaats van te zoeken naar hoe het ALT-attribuut moet worden geschreven, laat de gebruiker deze ruimte gewoon leeg. Hier moet worden verduidelijkt dat iedereen zijn eigen beslissingen neemt over welke beschrijving hij moet aangeven.

alt-attribuut ontbreekt
alt-attribuut ontbreekt

Vereisten

Tegelijkertijd zijn er verschillende basisregels (of, als je wilt, vereisten) volgens welke iedereen het ideale attribuut voor zijn foto's kan optellen. Ze bestaan uit een klein aantal items, die elk verwijzen naar de beschrijvingen van foto's en afbeeldingen op de site.

De eerste vereiste is bijvoorbeeld de lengte van de hele tekst. Als u op zoek bent naar hoe u het ALT-attribuut correct schrijft, is de oplossing eenvoudig: gebruik niet meer dan 2-3 woorden. Tekst van dit formaat wordt in de eerste plaats idealiter gelezen door een zoekrobot (en maakt uw site relevanter); ten tweede is een dergelijke beschrijving begrijpelijker voor de gebruikers zelf. Mee eens, lees de hele zin, als je gewoon wilt weten wat er op de foto staat, zal niemand dat doen. Het volstaat om kort en nauwkeurig te zijn.een beschrijving die nuttig is voor zowel u als uw klanten.

Vergeet de betekenis niet. Als je een foto van een olifant plaatst, zorg er dan voor dat je het ras of de geschiedenis beschrijft; geef aan waarom het op deze foto staat afgebeeld, wat je hiermee wilt zeggen. Het zou nuttig zijn voor de bezoeker om uw mening over deze olifant te kennen.

Een ander belangrijk punt (dat werd vastgesteld in de loop van talrijke praktische tests) is uniciteit. Als u zoekt hoe u het kenmerk "Afbeelding" aan een afbeelding kunt toevoegen, onthoud dan dat deze uniek moet zijn voor elk van de foto's op de site. Als u bijvoorbeeld drie foto's achter elkaar publiceert met het bijschrift 'mijn olifant', is dit verkeerd - dit zal uw bron in de zoekresultaten alleen maar schaden. Het is beter om de afbeeldingen "olifant 1" en "olifant 2" te noemen, waardoor ze unieker worden.

Houd ten slotte rekening met de parameters van de afbeeldingen zelf waarnaar u op zoek bent, hoe u het ALT-attribuut toevoegt. Voor foto's is het belangrijk om aan een aantal criteria te voldoen - niet te klein zijn, er realistisch uitzien. Dat wil zeggen, als u een beschrijving opgeeft, doe het dan voor serieuzere afbeeldingen die zwaarder in aanmerking worden genomen. Kwalificeer het kenmerk "Image" niet voor kleine emoticons of iets dergelijks.

Zoeken ALT

Tot slot hebben we het gehad over de basisprincipes van een attribuut, enkele regels voor de samenstelling ervan en de vereisten van beide partijen (zowel gebruikers als zoekrobots) aan hen. Laten we nu eens nadenken: hoe te zoeken naar trefwoorden en woordgroepen,die we op onze website voorschrijven? Zoals hierboven vermeld, moet de zoekopdracht worden gericht op kant-en-klare databases met zoekwoorden die echt klanten naar uw site trekken. Dit kan natuurlijk niet worden bereikt als u nog steeds het ALT-attribuut mist. Neem kant-en-klare trefwoorden en woordgroepen die u in uw inhoud gebruikt en plak ze in afbeeldingen.

Als u niet over dergelijke informatie beschikt en er helemaal niet over heeft nagedacht om uw bron geleidelijk te promoten, raden we u aan op zoek te gaan naar databases met dergelijke "trefwoorden" waarmee u gemakkelijk nieuwe sites kunt maken. Hiervoor zijn services zoals Google Keyword Extract Tool of Yandex. Wordstat perfect, die zoekstatistieken voor bepaalde woordgroepen tonen. Door met deze instellingen te 'spelen', kunt u het aandeel van het zoekverkeer op uw sites aanzienlijk vergroten en daardoor nieuwe voordelen gaan plukken. Het belangrijkste is om een situatie te vermijden waarin alle zichtbare afbeeldingen het ALT-attribuut missen.

Conclusies

Dus, wat kunnen we zeggen over het kenmerk dat in dit artikel wordt beschreven? Het maakt deel uit van de taal waarin de eenvoudigste sites worden gemaakt - HTML. Het is heel gemakkelijk om dit te doen, omdat het een elementaire basistaal beschrijft. Om de tag nog steeds in afbeeldingen te registreren, moet u deze zelfstandig via de broncode uitgeven. Of begin opnieuw met zoenen volgens de nieuwe instructies. Hoe het ook zij, het taggen van "Afbeelding" is het perfecte geval van wederzijds voordeel wanneer zowel de bezoeker als de eigenaar van de bron tevreden zijn.

Het aangeven van een tag kan leiden tot nieuwebezoekers - dit fenomeen wordt vooral vaak waargenomen bij diensten zoals Google en Yandex Images. Wanneer u op een afbeelding klikt, bepa alt de site zelfstandig uit welke bron de afbeelding afkomstig is en verwijst de bezoeker door. En dit is, zoals je begrijpt, erg belangrijk om in de toekomst te kunnen doen.

Aanbevolen: