alt- en titelattributen. Hoe te schrijven - met een hoofdletter of een kleine letter? Wat te schrijven in het titelattribuut van de link

Hallo lieve vrienden. Vandaag zal ik u op verzoek van een van mijn abonnees vertellen over de ALT-tag (attribuut), die aanwezig moet zijn in de parameters van elke afbeelding op de site.

De afwezigheid van het alt-attribuut verschijnt op geen enkele manier op de afbeelding zelf. Maar intern, in de broncode, is het ontbreken van een alt-tag een vergissing. En zoekrobots houden rekening met elk van deze fouten. En dergelijke schijnbaar kleinigheden vertragen de zoekmachine-promotie van elke site.

En als je door het plaatsen van afbeeldingen in een artikel direct de gewenste alternatieve tekst kunt aangeven, dan wordt het lastiger met afbeeldingen (elementen) van het ontwerp. Het komt voor dat deze ontwerpelementen de alt-tag missen. En veel beginners weten niet eens van de aanwezigheid van deze fouten op hun sites.

Waarom is het alt-attribuut nodig?

Het draait allemaal om het mechanisme van het laden van de pagina van de site door de browser. Wanneer de pagina is geladen, wordt eerst de tekst van het alt-attribuut geladen en pas daarna wordt de tekst gewijzigd in een afbeelding. Als de browser het laden van afbeeldingen heeft uitgeschakeld, wordt de afbeelding vervangen door alternatieve tekst (van het alt-attribuut).

Zoekrobots zien de pagina alleen als broncode en de aanwezigheid van de alt-tag vertelt hen over de inhoud van de afbeelding. Trouwens, zelfs de aanwezigheid van een alt-tag zonder tekst zal door de zoekmachine al als een teken van goede smaak worden opgevat. Dat wil zeggen, de aanwezigheid van het attribuut zelf is verplicht, maar de waarde ervan is optioneel.

Alt="(!LANG:waarde" !}

Afbeeldingen controleren op alt-attribuut

De gemakkelijkste en meest toegankelijke manier voor iedereen is om de broncode van de pagina (codevalidatie) te controleren op fouten.

Om dit te doen, moet u de codeverificatieservice openen W3C en voer de url van de pagina in.

Na het controleren van de broncode van de opgegeven pagina, worden het aanwezigheidsrapport en de foutdetails (indien aanwezig) op het scherm weergegeven. En als op de pagina ten minste één afbeelding geen alt-tag heeft, ziet u deze fout:

Let op: als er veel fouten zijn, raad ik je aan om de zoekfunctie CTRL + F te gebruiken om snel de informatie te vinden die je nodig hebt.

En hier is een andere manier waarmee u fouten in de broncode van uw site kunt achterhalen. Maar om deze tool te gebruiken, moet u zich registreren in het Bing-webmasteraccount. En in dit kantoor is er een instrument "SEO-analysetools".

Waar u ook het adres van de sitepagina invoert voor analyse en een rapport krijgt. En als er ergens een tag ontbreekt alt, je zal het zien.

Je kunt ook de broncode van de pagina bekijken, precies zien waar je moet zoeken. Ga hiervoor naar de bladwijzer "paginacode" en zoek waar de fout is gemaakt. Dit is eenvoudig te doen, de gewenste code wordt geel gemarkeerd.

Hoe het juiste stuk broncode te vinden en het alt-attribuut toe te voegen?

Allereerst moet u de gegevens die u uit de analysetools hebt gehaald, onder de loep nemen. Opmerking:

- naar de naam van het afbeeldingsbestand,

- naar de naam van de klas, het blok waarin de afbeelding wordt geplaatst,

- naar aangrenzende elementen.

Al deze elementen zullen in de toekomst helpen bij het zoeken naar het bestand, en daarin het gewenste broncodefragment.

Bekijk als voorbeeld de bovenstaande schermafbeelding. De code die we nodig hebben is onopvallend. Ja, we weten dat er een banner op staat Het nieuwe gratis boek van Azamat. Bovendien weten we dat de banner in de sitebar staat. Maar laten we doen alsof ik er niet op gelet heb. Dus wat kan er van deze code worden geleerd?

Allereerst kennen we de naam van het afbeeldingsbestand. En het maakt niet uit dat de afbeelding op een andere site staat. We zien ook een div-blok met de klas

. En het feit dat dit blok zich in een lijst bevindt waarvan het element de identifier id="text-10" heeft.

En al door de klasse "textwidget" wordt het duidelijk dat de code die we nodig hebben zich in Widgets bevindt. En als dat zo is, dan heeft het geen zin om naar al die elementen te zoeken waar we aandacht aan hebben besteed. Omdat in de meeste WordPress-thema's de widgets in de sitebalk dynamisch worden gevormd. Dus, in de code van het bestand dat verantwoordelijk is voor de sitebalk ( zijbalk.php) zal meestal php-code zijn. Die op geen enkele manier naar een specifieke widget verwijst.

Daarom gaan we naar het WordPress-beheerpaneel - "Uiterlijk""Widgets" en op zoek naar de gewenste widget.

En hier voegen we het alt-attribuut toe aan de afbeeldingsparameters.

Voordat Na alt="(!LANG:Infomarketing 20/80)" !}/>

Dat is het.

Maar alles is duidelijk met de widget, iedereen kan het aan. Maar hoe zit het met specifieke ontwerpelementen?

Ik zal bijvoorbeeld de sjabloon die ik nu gebruik, alleen in de originele versie laten zien. Dat wil zeggen, in het stadium van de installatie waren er al 21 fouten (afwezigheid van het alt-attribuut).

Een tabblad openen "paginacode" en analyseer de code. We zoeken naar aanhaakbare elementen waarmee je het gewenste bestand en de gewenste code kunt vinden.

In de zoekopties dient u de zoekopdracht te selecteren voor alle bestanden in de code waarvan het element dat u zoekt vermeld staat. In ons geval de naam van het afbeeldingsbestand.

Verder is het beter om een ​​reservekopie van het bestand te maken (afzonderlijk naar uw computer te kopiëren) en kunt u beginnen met bewerken. Selecteer in Total Commander gewoon een bestand en druk op de F4-toets. Of u kunt het bestand naar uw computer kopiëren en openen met Notepad++. Nou ja, of in extreme gevallen, via Kladblok.

Open dus het bestand en zoek naar de gewenste code. U kunt de zoekfunctie CTRL+F gebruiken.

Gevonden, en voeg het gewenste alt-attribuut in. Dus met alle afbeeldingen die het niet hebben.

Nadat de wijzigingen zijn aangebracht, slaat u het bestand op en controleert u het opnieuw met de analysetools.

Dit is hoe vrienden alt-attributen aan afbeeldingen toevoegen. Bekijk de instructievideo voor een voorbeeld. En onthoud dat al deze wijzigingen aan de sjabloon het beste kunnen worden gedaan op

En lees natuurlijk het artikel over in het algemeen. U zult leren dat de afbeeldingen van veel sjablonen niet alleen geen alt-tags hebben, maar helemaal niet zijn geoptimaliseerd.

En dat is alles wat ik heb voor vandaag. Ik kijk uit naar uw commentaar. Alle succes en goed humeur! Tot ziens in nieuwe video's en artikelen.

Hallo vrienden.

Vandaag het volgende materiaal over het werken met afbeeldingen.

Ik blijf promotiemateriaal publiceren en op dit moment is dit het tweede artikel dat specifiek gaat over afbeeldingen op onze site. De eerste ging over het maken van screenshots van hoge kwaliteit.

In dit artikel laat ik u zien hoe u afbeeldingen op een site kunt optimaliseren met behulp van de titel- en alt-attributen om pagina's in zoekmachines te promoten.

Het artikel zal niet erg groot zijn, maar nuttig.

Laten we beginnen met het feit dat je één punt moet leren. Niet iedereen let op de kleine dingen bij het promoten van hun sites. Vooral op diverse technische details, zoals beeldoptimalisatie.

Het is maar een kleinigheidje uit een reeks dat, als het op de juiste manier wordt gebruikt, u kan helpen uw concurrenten op zoekpagina's te overtreffen. Als je alle kleine dingen samen gebruikt, krijg je een heel groot voordeel ten opzichte van andere sites.

Daarom is het hoogst onwenselijk om zo'n moment te missen. En nu zullen we het hebben over hoe we afbeeldingen op onze site goed kunnen optimaliseren en uit welke fasen dit proces bestaat.

Ik verdeel het hele optimalisatieproces in 3 fasen:

  1. Creatie van een uniek beeld;
  2. De uiteindelijke afbeelding voorbereiden voor plaatsing op de site, waardoor de blog niet wordt geladen. In dit stadium verkleinen we de afbeelding zodat de pagina's snel laden;
  3. Correcte optimalisatie van de titel en alt-attributen van de afbeelding.

U kunt hier ook de juiste naam van het bronbestand toevoegen voordat u het naar de site uploadt. We zullen hier hieronder over praten.

Over het maken van een unieke foto en de daaropvolgende, zal ik afzonderlijke gedetailleerde artikelen benadrukken met videozelfstudies. Nu wil ik mijn aandacht richten op de titel en alt-attributen, aangezien veel van hen onjuist of helemaal niet zijn ingevuld. Maar tevergeefs!

Door ze in te vullen, kunt u immers relevantie (naleving van het gepromote verzoek) aan onze pagina's geven en de hoeveelheid verkeer naar de site precies vanuit het zoeken naar afbeeldingen vergroten. Maak de pagina ook beter in termen van beschrijving, want zelfs afbeeldingen zullen zoekmachines laten zien dat ze op de juiste manier zijn geplaatst, wat betekent dat de pagina nog beter is.

Welnu, overweeg nu het proces van het optimaliseren van afbeeldingen in de praktijk. Zoals ik hierboven al zei, laten we overwegen om alle gegevens in te vullen - de titel en alt van de afbeeldingen.

Maar eerst geef ik een videopresentatie waarin ik de belangrijkste punten heb uitgelegd, wat genoeg zal zijn om alles goed te doen en ernstige fouten te voorkomen. Veel kijkplezier.

Hoe vul je de titel en alt van afbeeldingen correct in?

Eerst zal ik een paar woorden zeggen over deze attributen. Waar zijn ze voor nodig?

De belangrijkste taak is om zoekmachines te laten begrijpen waar deze of gene afbeelding over gaat. Deze parameters zorgen er ook voor dat afbeeldingen in het zoeken naar afbeeldingen kunnen komen voor bepaalde zoekopdrachten, die we in deze attributen zullen schrijven.

Overweeg nu hoe u ze moet vullen.

Hier zijn gewoon zoveel meningen over. Ik heb mijn eigen visie gevormd, gebaseerd op de studie van verschillende cursussen en rapporten van mensen die de sites begrijpen.

Laten we eerst eens kijken wat deze kenmerken zijn.

  • Titel - in alle gevallen is dit de titeltag van iets (titel van het bericht, afbeeldingen, enzovoort);
  • Alt is een attribuut van de img-tag itemprop="image" die de afbeelding beschrijft. Ook wel "alternatieve tekst" genoemd.

Het alt-attribuut is erg belangrijk voor afbeeldingen. Het moet in 100% volgorde worden ingevuld. Door de Titel in te vullen, gebeurt er niets ergs, maar voor het beste effect moet je er ook op letten.

De eerste wordt ook als tekst op de site weergegeven wanneer de afbeelding om bepaalde redenen niet wordt geladen. De titel wordt weergegeven wanneer u de muisaanwijzer op de afbeelding in het artikel plaatst.

In de praktijk, als je de afbeeldingscode op de site bekijkt, zien de titel en alt er als volgt uit.

We zien dat deze attributen in de code in de 2e regel staan. Ze krijgen bepaalde betekenissen, of beter gezegd, die zinnen of woorden die de inhoud van de afbeelding beschrijven. Het is de inhoud van de foto, niet de trefwoorden en iets anders.

Nu is het niet meer mogelijk om een ​​groot aantal trefwoorden in deze attributen in te voeren, en meer in elke afbeelding van het artikel. Stel je hebt 40 afbeeldingen op een pagina. Als je de sleuteluil in de titel en alt van alle afbeeldingen schrijft, dan val je waarschijnlijk onder de sancties van zoekmachines en zie je geen hoge posities in de zoekresultaten.

De enige regel waar ik me aan houd en die u ook aanbeveelt, is om in deze attributen een zeer korte beschrijving te schrijven van wat op de afbeelding wordt getoond.

U kunt ook het trefwoord invoeren waarvoor het artikel wordt gepromoot, maar speel er niet te veel mee. Ik schrijf maximaal één afbeelding in het artikel voor - naar de eerste hoofdminiatuur.

Het zal heel goed zijn als uw foto wordt omgeven door thematische tekst die deze ook beschrijft. Maar nogmaals, alles moet duidelijk zijn voor de bezoeker en niet worden opgevat als een vorm van manipulatie. We doen alles natuurlijk. Als de thematische tekst geen plaats heeft om in de buurt van de afbeelding te zijn, schrijf dan gewoon de titel en alt naar de afbeelding en dat is alles.

Titel en alt moeten hetzelfde zijn?

Nogmaals, veel meningen. Iemand zegt dat er een verschil moet zijn, en iemand - het effect is beter als ze hetzelfde zijn. Ik ben meer geneigd om bepaalde feiten te geloven. Om dit te doen, heb ik een aantal zeer succesvolle bronnen genomen en gekeken hoe deze attributen erin zijn geschreven.

Op sites die snel goede resultaten behalen, komt beeldoptimalisatie neer op het gelijk invullen van beide kenmerken. Ja, en ze bevatten geen trefwoorden. Ze beschrijven echt een korte beschrijving van wat op de foto wordt getoond.

Daarom is de volgende conclusie dat de titel en alt-attributen hetzelfde kunnen worden gemaakt.

Maar dit is geen 100% dogma. Je kunt ze een beetje anders maken, maar zodat de betekenis hiervan niet verloren gaat. Zowel titel als alt moeten de afbeelding beschrijven. Bovendien kan de titel volledig ontbreken (hier zit geen fout in) en andere informatie bevatten dan de beschrijving van de afbeelding zelf. Meer in detail over de competente vulling van de altviool en titel i. Op de vorige link ben ik dieper ingegaan op het invullen van deze tags. Ik raad je ten zeerste aan om de stof te bestuderen.

Praktisch attributen toewijzen aan een afbeelding

Als u een motor gebruikt, biedt deze een dergelijke functie. Hoogstwaarschijnlijk heb je een WordPress-site. Alles wordt er heel eenvoudig in gedaan.

In het pop-upvenster worden beeldparameters ingesteld, inclusief titel en alt.

We vullen alles en vergeten het bestand niet bij te werken zodat de wijzigingen van kracht worden. Dit doen we bij elke afbeelding.

Als uw site door geen enkel platform wordt beheerd, dat wil zeggen een eenvoudige html-pagina, moet u deze handmatig toevoegen.

Ik raad aan om het volgende te doen. Uiteraard heeft u de broncode van de site nodig, waar u de afbeeldingscode kunt zien. Je hebt een openingstag nodig

Om niet te veel te puzzelen, zal ik dezelfde code geven als voorheen. Neem het als een blanco voor jezelf.

Bekijk het als een voorbeeld waarbij je de attributen moet invoegen die je uit dezelfde code kopieert. Vervolgens voeg je ze toe aan je foto's, terwijl je je beschrijving invult.

Vergeet niet dat we deze gegevens invullen op basis van de inhoud van de foto. Beschrijf de afbeelding zelf!

Deze kwestie is afgehandeld. Alles is hier heel duidelijk.

Kort samengevat is de conclusie: "titel en alt vullen met hetzelfde en schrijf daarin een beschrijving van de afbeelding zelf, dat wil zeggen, wat op de afbeelding wordt getoond".

We hebben deze kwestie overwogen. Maar het onderwerp beeldoptimalisatie is veelzijdig en er zijn nog andere belangrijke punten die u kunt gebruiken om het effect van uw site te verbeteren.

Andere belangrijke punten

Er zijn nog 3 dingen die ik hierboven niet heb behandeld:

  • naam van afbeeldingsbestand;
  • het gewicht van afbeeldingen verminderen;
  • de uniciteit van de foto's voor de site.

Nu zal ik alleen het 1e moment overwegen, omdat ik voor de resterende 2 volwaardige volumetrische materialen heb toegewezen.

Weinig mensen schrijven over de naam van het bestand op internet. Maar er zijn ook hier nuances. Hoe moet het bestand zelf worden aangeroepen voordat het naar de site wordt geüpload?

Zoals altijd zijn de meningen verdeeld. Iemand schrijft dat je trefwoorden moet gebruiken. Iemand die een fotobeschrijving moet worden genoemd, net als titel en alt.

En sommige uploaden bestanden met een willekeurige naam. We hebben een screenshot gemaakt met een programma. Het kreeg een naam met de huidige datum, dus het werd geladen.

Ik neig meer naar de tweede optie, wanneer we ook proberen de afbeelding in de naam van het bestand zelf te beschrijven. Geen trefwoorden, behalve de belangrijkste afbeelding in het artikel. En dan kun je het daar niet gebruiken.

Als voorbeeld zal ik een afbeelding laten zien uit het vorige artikel van mijn blog over het maken van een abonnementsformulier voor site-updates. Ik zal de volgende foto maken.

De afbeeldingscode ziet eruit als.

Het onderwerp van het artikel van vandaag is SEO - beeldoptimalisatie met behulp van het ALT-attribuut. Wat veel mensen niet weten, is dat u door het optimaliseren van dit kenmerk de kans vergroot dat uw site wordt bezocht. Dus ik zal later in het artikel meer in detail treden:

Wat is het ALT-attribuut?

ALT is een attribuut dat de alternatieve tekst van de afbeelding bevat. Het attribuut wordt weergegeven wanneer de afbeeldingsweergave is uitgeschakeld in de browser, maar u ziet het niet in de standaardinstellingen.

Hoe een afbeelding correct te beschrijven

Voordat ik de titel voorschrijf, zal ik u de veelvoorkomende fouten vertellen die ik op sites opmerk.

Lege attributenALTenTITEL. In de regel doen veel SEO's geen moeite met deze tag. Ja, het is mogelijk dat als uw site erg groot is en 100.000 bezoekers per dag heeft, u zich geen zorgen hoeft te maken, maar als u net gepromoot wordt en u het eerste verkeer nodig heeft, moet u nog steeds de kenmerken specificeren.

Mismatch tussen afbeelding en attributen. Laten we zeggen dat als uw foto een BMW X5 toont en u Audi A3 in het attribuut schrijft, verwacht dan niet dat iemand op uw foto naar de site klikt.

Opnieuw optimaliseren. Een veelvoorkomend probleem, je kunt het rechtzetten als voorbeeld van hoe het niet moet. Optimizers, in de hoop het gekoesterde verkeer te krijgen, plaatsen verschillende trefwoorden in het "alt" -attribuut en wachten tot de posities in de SERP tussen de afbeeldingen beginnen te groeien. U moet begrijpen dat deze tekst zal worden gelezen door mensen die meerdere foto's beoordelen en als er volledig spam is, zal niemand de link volgen. Het wordt niet aanbevolen om commerciële woorden "kopen, bestellen, prijs, kosten, plaatsnaam" toe te voegen.

Zoekmachines kunnen u ook sancties opleggen, dus laat u niet meeslepen.

Hoe schrijf je tags voor afbeeldingen?

Korte en duidelijke omschrijving van de foto. Beschrijf de afbeelding zo nauwkeurig mogelijk en als ALT is gegenereerd, controleer dan automatisch alle pagina's opnieuw.

De lengte van de attributen is beperkt. Zoekmachines houden rekening met 3-4 woorden (ongeveer 250 tekens), wat het moeilijk maakt om de afbeelding te beschrijven.

Trefwoord invoer. Eigenlijk vanwege wat het ALT-attribuut de moeite van het specificeren waard is. Schrijf het trefwoord in gebruiksvriendelijke tekst.

Bijvoorbeeld:

alt="Computerreparatie in Tsjeboksary"

Unieke attributen voor elke foto. Het is ook een belangrijk onderdeel, het meest voorkomende probleem voor SEO-optimizers. Ik zal je laten zien hoe je het kunt oplossen met een voorbeeld.

De productkaart bevat veel afbeeldingen


Hoe scheid je foto's van hetzelfde product als je niet kunt spammen en je alles uniek moet voorschrijven? Laten we zeggen dat "Gesplitst systeem HYUNDAI H-AR6-07H" als volgt kan worden geschreven:

“Splitsysteem HYUNDAI H-AR6-07H View 1”

“Splitsysteem HYUNDAI H-AR6-07H View 2”



Naast productafbeeldingen zijn er elementen op uw site: vergelijkbare producten, waarbij dit product vaker wordt bekeken, enzovoort. Dit type afbeeldingen mag niet worden verdisconteerd en SEO geoptimaliseerd door ALT en titel toe te voegen. Bovendien is het de moeite waard om de tijd te nemen om specifiek te schrijven: merk, model, productnummer, alle belangrijke parameters die mensen in de zoekopdracht kunnen invoeren.

Afbeeldingsgrootte Hoe hoger de beeldresolutie, hoe beter. In ieder geval kan het display worden aangepast dankzij de attributen "breedte" en "hoogte". Maar maak de afbeelding niet te klein, anders zullen zoekmachines een afbeelding kleiner dan 150 pixels niet beschouwen en als een icoon beschouwen.

Afbeeldingslocatie- zo dicht mogelijk bij de tekst die de trefwoorden bevat. Daarom houden veel optimizers hier rekening mee en ziet de standaard afbeeldingslay-out er als volgt uit:

Titeltekst met trefwoord

Verdere beschrijving

Het gewicht van de afbeelding verminderen. De grootte van de afbeelding speelt een belangrijke rol, want als deze veel weegt, wat zelfs de laadsnelheid van de site vertraagt, heeft dit invloed op de positie van de hele site. Ja, het is ook gebeurd!

Bijschrift onder de foto

Als uw site veel afbeeldingen en bijna geen tekst heeft, is een bijschrift met een afbeelding nuttig, dus vanuit het oogpunt van SEO moet u deze optimaliseren:

  • Geef trefwoorden op. Het opnemen van trefwoorden in de handtekening is verplicht, aangezien deze tekst een rol zal spelen bij het rangschikken van de hele pagina;
  • Geef een feit/voordeel over de foto aan.

U hebt bijvoorbeeld een afbeelding van Iphone 7-speakers.

Geef in de handtekening dit feit aan: "Geluid geluid in Iphone 7 is merkbaar beter geworden dankzij verlichting" De houding van Yandex ten opzichte van het ALT-attribuut



"Hoe zet ik mijn foto op de eerste plaats?"

Bij het rangschikken van afbeeldingen wordt rekening gehouden met de tekst naast de afbeelding. Hoe beter de beschrijving van de afbeelding overeenkomt met de zoekopdracht van de gebruiker, hoe waarschijnlijker het is dat de afbeelding op de eerste pagina met zoekresultaten wordt weergegeven."



De tekst onder de afbeelding is veel nuttiger voor de zoekmachine dan de eigenlijke ALT zelf.

Google-afbeeldingsrangschikking

Afgezien van de eerder genoemde ALT, is dit waar Google rekening mee houdt bij het rangschikken van afbeeldingen.



Laten we de belangrijkste factoren voor Google eens doornemen.

Foto's van goede kwaliteit– het moet duidelijk zijn, dus. Niemand zal geïnteresseerd zijn in wazige foto's of gewoon slechte kwaliteit. Hier speelt de kwaliteit van de foto veeleer op de klikbaarheid, een bepaalde CTR.


Aparte pagina's voor elke foto- een interessant idee, maar eerlijk gezegd zie ik dergelijke sites zelden. Het wordt problematisch om te optimaliseren: online winkels, sites van één pagina, catalogussites waar een groot aantal afbeeldingen is opgeslagen.

Hoe zit het met het Title attribuut?

Google heeft het niet genoemd, en Yandex in ieder geval het titelattribuut. (Niet te verwarren met de tag). Het is zeker niet overbodig om te specificeren, het is alleen mogelijk omdat de titel wordt weergegeven als je over de afbeelding zweeft en logisch is. In dit opzicht kunt u, net als bij de tekst onder de afbeelding, experimenteren, nuttige informatie aangeven: verschillende feiten, voordelen, enzovoort.

Het is in ieder geval veel nuttiger dan degene die ik onlangs schreef.

Dat is alles. Stel vragen in de comments, wat vind je van de ALT, TITLE attributen. Hoe rangschik je afbeeldingen?

Het alt-attribuut is een alternatieve informatiebron voor gebruikers die browserafbeeldingen hebben uitgeschakeld. Als het alt-attribuut is gedefinieerd en de afbeelding niet kan worden weergegeven, wordt de attribuuttekst op zijn plaats weergegeven:

Zonder de alt-attribuutset wordt de afbeelding als leeg weergegeven:

Het beschrijven van afbeeldingen met het alt-attribuut is vooral belangrijk voor sites waarvan de inhoud voornamelijk uit afbeeldingen bestaat.

U kunt het alt-attribuut als volgt instellen:

In het alt-attribuut moet je niet alle trefwoorden van de site of pagina schrijven, maar alleen die die echt betrekking hebben op de afbeelding. Hierdoor kan de robot de afbeelding nauwkeuriger vinden en kan de Yandex-gebruiker deze in de zoekresultaten selecteren en naar uw site gaan. Het alt-attribuut leeg laten is ongewenst.

Als u meerdere vergelijkbare afbeeldingen toevoegt (bijvoorbeeld foto's van een product uit een online winkel), moet u unieke alt-attributen instellen (vooraanzicht, achteraanzicht).

De tekst van het title attribuut van de img tag

Het titelattribuut geeft aanvullende informatie over de afbeelding. De tekst in dit attribuut verschijnt wanneer u de muisaanwijzer over de afbeelding beweegt:

U kunt het titelkenmerk als volgt instellen:

Elke afbeelding moet een unieke titel hebben. Het wordt niet aanbevolen om het title-attribuut leeg te laten.

andere teksten

Naast de waarden van de alt- en title-attributen worden de volgende teksten gebruikt bij het zoeken op afbeeldingen:

    teksten of links naar afbeeldingen van andere pagina's en van andere sites;

    tekst naast de afbeelding - op de pagina in de buurt van de afbeelding;

    teksten en koppen van korte documenten die een enkele afbeelding omlijsten;

    namen van bestanden en scripts van afbeeldingen, inclusief rekening houdend met transliteratie en vereenvoudigde interlineaire vertaling.

De alt- en titelattributen zijn echter het meest veelzijdig en moeten altijd worden opgenomen.

Hoi mensen. Laten we kort en bondig zijn om geen tijd te verspillen.

De titel van een afbeelding is het bijschrift dat verschijnt wanneer u de muisaanwijzer over de afbeelding beweegt. Dit is nodig om de bezoeker een hint te geven. Vertel wat er op de foto staat of waar je moet kijken.

Alt-afbeeldingen - van het Engelse woord alternatief. Dit is zo'n handig ding dat zoekmachines graag indexeren om te bepalen wat er wordt weergegeven. Het zal ook zichtbaar zijn als de gebruiker de weergave van afbeeldingen in de browser uitschakelt. Wat niet logisch is en in zeldzame gevallen wordt gedaan.

Als de gebruiker desondanks de weergave van grafische inhoud uitschakelt of als er een storing optreedt aan iemands kant, wordt in plaats van de afbeelding een klein pictogram met tekst weergegeven. Deze tekst is de alt van de afbeelding.

Alt- en titelafbeeldingen voor SEO

Voor de titel van de afbeelding heeft deze een minimale waarde. Het wordt niet vrijwillig geïndexeerd, maar het kan gedragsfactoren in de kaart spelen. In de tuin van 2018 is seo nu bruikbaarheid en kwaliteitsinhoud. Trek daarom op welke manier dan ook de aandacht van de gebruiker.

Denk zelf maar na, het is prettiger als er een tooltip op de afbeelding verschijnt.

Maar alt-foto's zijn een schat. Ten eerste beschouwt GoogleBot zijn afwezigheid als een fout, Yandex is loyaler. Ten tweede wordt het vrijwillig geïndexeerd, en zo'n afbeelding komt terecht in de sectie "Afbeeldingen" in de zoekopdracht. Dit betekent dat u op deze manier extra verkeer naar uw site kunt trekken.

Ten derde, omdat het is geïndexeerd, is het mogelijk om de waarde van de pagina met zijn hulp te verhogen. Het is goed als je een extra laagfrequent verzoek in alt schrijft. Maar hier moet je voorzichtig zijn.

Hoe alt en titel correct in te vullen voor afbeeldingen

Met titel is alles veel eenvoudiger. Er zijn geen regels voor de zoekmachine, maar dit betekent niet dat je hier ketterij schrijft. Hierboven deden we een eyeliner naar gedragsfactoren. Het is wenselijk voor u om de gebruiker niet te irriteren, om nuttig voor hem te zijn.

1) Het hoeft niet lang te duren. Mee eens, een hint in 4 regels leidt tot afwijzing.

2) Moet op de een of andere manier betrekking hebben op de afbeelding.

3) Mag niet worden gedupliceerd met de hoofdtitel, h1-h5-koppen, met alt-attributen.

Alt-afbeeldingen hebben gewicht in de zoekmachine, dus er zijn beperkingen met de regels, maar dat geldt ook voor de mogelijkheden.

1) Eén woord is niet genoeg, het is raadzaam om binnen het kader van 3 woorden te blijven. Het maximum aantal karakters is 250.

2) Het moet overeenkomen met de inhoud van de afbeelding.

4) Bij voorkeur niet herhalen met andere alts op de pagina.

Denk er dus goed over na wanneer je nog een foto aan je blog toevoegt. Misschien wil iemand het vinden? Probeer het om te zetten in extra verkeer.

Waar vul je alt en titel van afbeeldingen in op het voorbeeld van wordpress

In WordPress hoeft u bijvoorbeeld alleen maar van het configuratiescherm (console) naar de sectie te gaan: "Mediabestanden""Bibliotheek". Kies vervolgens een afbeelding.

Of, wanneer u een artikel bewerkt, klikt u gewoon op een ingevoegde afbeelding en vervolgens op een potlood.

Natuurlijk is het wordpress-voorbeeld het gemakkelijkst te tonen, maar veel populaire CMS bieden zo'n mogelijkheid. Neem bijvoorbeeld Joomla. Er zijn enkele valkuilen, maar de meeste grafische inhoud kan alt-getypt worden als je klikt op "Bewerk afbeelding"

Dat is alles. We hopen u hiermee van dienst te zijn geweest. Zo ja, graag. Dit motiveert ons om meer hoogwaardige en interessante content te maken!

Met vriendelijke groet, Uw Essentie.