HTML afbeeldingen

Wat is een website of webpagina zonder afbeeldingen. Niets natuurlijk. Maar afbeelding maken uw pagina niet alleen aantrekkelijker om naar te kijken, ze zijn ook van belang voor uw vindbaarheid in de zoekmachines.

Een plaatje ziet er als volgt uit in HTML:

<img src=”pipo.jpg”>

Er is geen sprake van een sluittag als bijvoorbeeld </img> Er zijn een paar htmltags waarvoor het gebruik van een sluittag niet geldt en <IMG> is er daar dus eentje van.

Er wordt nu een plaatje afgebeeld dat pipo.jpg heet en dat in dezelfde map staat als de htmlpagina. (dat is geen eis, het vraagt wel een meer uitgebreide codering). Uit een oogpunt van optimalisatie is het aan te raden de naam van het plaatje dezelfde te maken als uw belangrijkste trefwoord. Dus trefwoord.jpg

Waarschijnlijk hebt u wel eens een plaatje aangewezen op een webpagina met de computermuis en gezien dat er een blokje tekst verscheen. Dit blokje tekst wordt de ALT-tag genoemd. Belangrijk is om in deze ALT-tag weer ons belangrijkste trefwoord op te nemen.

Dus stel dat mijn belangrijkste trefwoord “wijnfles” is dan ziet een optimale codering van de afbeelding er uit als

<img src=”wijnfles.jpg” alt=”wijnfles”>


Deze ALT-tag is vooral van belang als we het plaatje aan willen klikken om naar een andere site te springen, dus willen gebruiken als hyperlink.