Hoe u het alt-attribuut correct schrijft voor indexering. Hoe u het ALT-attribuut correct aan een afbeelding toevoegt
Als ons zou worden gevraagd een zin te bedenken om het belang van alternatieve tekst over te brengen, zou deze als volgt klinken: een afbeelding zonder woorden is als een vuur zonder hout. Wat voor soort tekst is dit en welke invloed heeft dit? zoek machine optimalisatie jouw site?
Alt-tekst wordt aangeroepen korte beschrijving elk beeld. De term komt van de uitdrukking ‘alternatieve tekst’. Het wordt niet weergegeven op de site en is niet zichtbaar voor bezoekers. Het is een soort metadata die verborgen is doordringende ogen. Maar ondanks het feit dat bijna niemand alt-teksten leest, zijn ze om twee redenen erg belangrijk:
Dit bruikbaar gereedschap voor SEO. Zoekmachines kunnen afbeeldingen niet herkennen en reageren uitsluitend op woorden. Door alt-tekst aan een afbeelding toe te voegen, maakt u deze ‘zichtbaar’ voor Yandex of Google, en als gevolg daarvan begint uw site te stijgen in de zoekresultaten.
Zij maken de site toegankelijk. Mensen met een visuele beperking gebruiken speciale programma's om te lezen als u online gaat. Deze programma's kunnen, net als zoekmachines, geen afbeeldingen herkennen. Alt-teksten helpen hierbij. Ze beschrijven het beeld en voor iemand met een slecht gezichtsvermogen wordt alles duidelijk.
Nu we het belang van alternatieve tekst begrijpen, gaan we kijken naar wat het zou moeten zijn en waar we rekening mee moeten houden bij het toevoegen ervan.
Wees niet uitgebreid. Probeer bij het toevoegen van alt-tekst deze maximaal 15 woorden te houden.
Schrijf duidelijk. Wanneer u alternatieve tekst toevoegt, beschrijft u de afbeelding aan iemand die deze niet kan zien. Zorg ervoor dat de denkbeeldige lezer de tekst goed begrijpt en zich de afbeelding kan voorstellen op basis van de beschrijving.
Denk aan de context. Alt-tekst is vaak afhankelijk van de inhoud en het onderwerp van de bron. Stel je een foto voor van een gelukkig stel dat het avondeten klaarmaakt. Op een foodblog zal het één betekenis hebben, maar op een datingsite zal het een heel andere betekenis hebben. Daarom moeten alt-teksten overeenkomen met de context van de site en de individuele pagina.
Spam niet. Voeg geen trefwoorden of metatags toe aan het alternatieve tekstveld, zelfs niet als u dat echt wilt. Kom in plaats daarvan met goede beschrijving en voeg zorgvuldig een paar woorden toe die geschikt zijn voor promotie.
Ga niet weg van het punt. Je hebt niet veel ruimte, dus concentreer je op de essentie. Dit kunnen mensen, objecten, plaatsen, kleuren, de auteur van de foto of de sfeer zijn. Wees in het algemeen niet verspreid en noteer waar u op moet letten.
Het toevoegen van alt-tekst is heel eenvoudig. Hier zijn de instructies.
Voor Wix-site:
Klik op de afbeelding.
Klik op het pictogram "Instellingen".
Voeg alt-tekst toe aan het veld 'Fototeksten' - 'Beschrijf de afbeelding voor zoekmachines.'
Voor een blog over Wix:
Open een nieuw of reeds geschreven bericht in de blogeditor.
In het artikel van vandaag wil ik bekijken waarom het nog steeds de moeite waard is om het HTML Alt-attribuut voor afbeeldingen in te vullen, en hoe dit verschilt van het Titel-attribuut. Het materiaal is bedoeld voor beginners en beginnende webmasters die geïnteresseerd zijn in de vraag waarom en waarom ze het Alt-attribuut moeten invullen. Aan het einde van het artikel heb ik antwoorden voorbereid op populaire vragen over deze kenmerken. Laten we beginnen met de basis.
Wat is het Alt-attribuut?
Alt op een afbeelding is een alternatieve informatiebron voor gebruikers die om de een of andere reden ( traag internet, weergave van afbeeldingen is uitgeschakeld, enz.) afbeeldingen worden niet op de pagina weergegeven. Het wordt weergegeven als tekst waar een afbeelding moet staan.
Laten we eens kijken naar een voorbeeld.
Ik heb bijvoorbeeld een foto gemaakt van een desktop wallpaper-site. De belangrijkste inhoud van de pagina bestaat uit afbeeldingen.
Nadat ik de weergave van afbeeldingen in de browser had uitgeschakeld, werden alle afbeeldingen op de pagina niet meer weergegeven en zijn ze zichtbaar alternatieve beschrijving Afbeeldingen.
Met zijn hulp begrijpen we wat er op de pagina staat. Bovendien is dit kenmerk niet alleen nuttig voor de gebruiker, maar helpt het de zoekrobot ook te begrijpen wat er op de afbeelding wordt weergegeven. Zowel Google als Yandex gebruiken Alt als een van de rangschikkingscriteria voor zoekopdrachten naar afbeeldingen.
De volgende vraag rijst: wat moet er aan Alt worden toegevoegd om het zo nuttig mogelijk te maken voor zowel de gebruiker als de zoekmachine?
Hoe u het Alt-attribuut voor afbeeldingen correct invult
Om te begrijpen hoe u het Alt-attribuut correct moet invullen, kunt u het volgende voorbeeld overwegen: we hebben een online dierenwinkel en we willen Alt opgeven voor de productkaart met een “hondenbal”.
Er zijn verschillende opties om het attribuut te vullen:
Optie 2. Schrijf in Alt “Hond met een bal in zijn bek.” In dit geval beschrijven we de foto zelf, maar u moet er rekening mee houden dat het verzoek 'Hond met een bal in zijn bek' informatief is. Het is niet geschikt om een afbeelding van een online winkel te beschrijven.
Optie 3. Alt "Bal voor honden" - deze optie past meer bij ons, maar aangezien er misschien veel ballen in de winkel zijn, is het beter om het verzoek te verduidelijken.
Optie 4. Alt "Humunga Chomp hondenbal" - deze optie is optimaal voor ons. Het attribuut bevat de naam van het product en de fabrikant ervan. Als er veel van dergelijke producten zijn, kunt u Alt uitbreiden met kleur en modelnaam.
Optie 5. Alt “Humunga Chomp hondenbal, Humunga Chomp speelgoed, kopen, goedkoop, Moskou” - deze optie kan door de zoekmachine worden gezien als spam en gewenste resultaat zal het niet brengen.
Uit deze voorbeelden volgt dat het Alt-attribuut:
- moet betekenisvol zijn en het beeld beschrijven;
- bestaan uit 3-5 woorden, maar niet meer dan 250 tekens (het is moeilijk om een afbeelding in twee woorden te beschrijven);
- mag geen spam zijn.
Waarom is het Titel attribuut nodig?
De titel van de foto's geeft het aan Extra informatie over het beeld. Het is nodig om het voor de gebruiker gemakkelijker te maken om te begrijpen wat er op de afbeelding wordt weergegeven. Het attribuut wordt weergegeven wanneer u over de afbeelding beweegt.
De afbeelding hierboven laat zien hoe het attribuut op de pagina wordt weergegeven.
In de HTML-code wordt het attribuut als volgt geschreven:
Het wordt aanbevolen om Titel in te vullen. Het kan een positief effect hebben op de gedragsparameters van de site. Wanneer het voor de gebruiker moeilijk is om te begrijpen wat er op de afbeelding wordt weergegeven, kan hij er automatisch de muis op richten en de titelhint zal hem helpen zijn weg te vinden.
De basisvereisten voor Titel zijn vergelijkbaar met die voor Alt:
- moet betekenisvol zijn en het beeld beschrijven;
- uit 3-5 woorden bestaan, maar niet meer dan 250 tekens;
- mag niet te groot zijn, aangezien tekst van 3 à 4 regels bij het zweven intimiderend kan zijn;
- indien mogelijk een sleutelvraag bevatten;
- mag geen spam zijn.
Nu we dit weten, gaan we verder met de vragen.
Antwoorden op populaire vragen over Alt en Titel
Alt zijn beschrijvingen voor afbeeldingen?
Niet echt. Alt is een alternatieve beschrijving die wordt weergegeven in plaats van een afbeelding als de gebruiker geen afbeeldingen weergeeft.
Is het nodig om de Alt- en Titel-attributen voor afbeeldingen in te vullen?
Als u geïnteresseerd bent in het verkeer via het zoeken naar afbeeldingen, moet Alt worden ingevuld, Titel is optioneel.
Moeten Alt en Titel verschillend of hetzelfde zijn?
Er zijn twee belangrijke meningen over deze kwestie:
1) Alt en Titel moeten uniek zijn;
2) de attributen moeten hetzelfde zijn.
Als we kijken naar hoe deze kenmerken worden ingevuld door sites waarvan de afbeeldingen in de TOP van zoekopdrachten naar afbeeldingen staan, zien we beide vulopties.
Yandex schrijft hierover het volgende:
Ik geloof dat deze kenmerken hetzelfde kunnen zijn. Het belangrijkste is dat ze een duidelijke, gestructureerde beschrijving van uw foto geven.
Is het nodig om de Titel naast het Alt-attribuut op te nemen?
Optioneel, maar houd er rekening mee dat het Titel-attribuut in sommige gevallen helpt om beter te begrijpen wat er op de afbeelding wordt weergegeven. Dit kan een positieve invloed hebben op de gedragsprestaties van de site.
IN Alt-afbeeldingen Moet ik dezelfde trefwoorden gebruiken als het artikel, of andere?
Bij voorkeur. Het belangrijkste is dat Alt betekenisvol is en de afbeelding beschrijft.
Moet ik zoekwoorden in deze kenmerken opnemen?
Als deze trefwoorden de foto beschrijven, dan ja.
Hoe schrijf je het Alt-attribuut correct: Cyrillisch of Latijn?
Als uw site in het Russisch is, vult u deze in het Cyrillisch in.
Hoe schrijf je - met een hoofdletter of kleine letter?
Maakt niet uit.
En als het artikel al door zoekmachines is geïndexeerd, is het dan mogelijk om een beschrijving in de afbeeldingen op te nemen of is het niet de moeite waard?
Kan. Wanneer zoekmachines uw pagina opnieuw indexeren, houden ze rekening met deze beschrijvingen.
Waar moet ik Alt en Titel invullen?
Het hangt allemaal af van het CMS waarop uw site is gemaakt.
Als dit pure HTML is, dan:
Normaal gesproken bevinden de velden Alt en Titel zich in de afbeeldingsparameters. Als uw site bijvoorbeeld op WordPress is gemaakt, ziet u wanneer u de afbeeldingsopties opent een veld waarin u het Alt-attribuut kunt invullen. IN aanvullende instellingen Er is een veld voor het kenmerk Titel.
Als uw site op 1C-Bitrix staat, is er in de aanvullende instellingen van de afbeeldingsparameters een veld voor het Alt-attribuut. Het Titel attribuut wordt uit het veld “Titel” gehaald.
Je moet begrijpen dat alles individueel is. Veel hangt af van het CMS waarop uw site is gemaakt en hoe deze is geconfigureerd.
Is het de moeite waard en is het mogelijk om Alt en Titel voor uw foto's op te geven in de opmerkingen?
Ik zie de noodzaak hiervan niet in, en het is onwaarschijnlijk dat iemand in de reacties de mogelijkheid heeft om de afbeeldingen te optimaliseren.
Als ik een titel en een alt in het Russisch schrijf voor afbeeldingen, worden hiërogliefen op de site weergegeven. Wat moet ik doen?
Dit gebeurt als gevolg van codering. U moet de huidige codering converteren naar UTF-8.
Resultaten
Laten we nog eens bekijken wat Alt en Titel zouden moeten zijn.
Basisvereisten voor het Alt-attribuut:
- betekenisvol, beschrijft het beeld;
- ongeveer 3-5 woorden lang (maximaal 250 tekens);
- moet indien mogelijk een sleutelvraag bevatten;
- mag geen spam zijn.
Waarom je Alt moet invullen:
1. er wordt door zoekmachines rekening mee gehouden bij het rangschikken van afbeeldingen, wat betekent dat als uw afbeelding de TOP bereikt, deze een bron van extra verkeer is;
2. zal nuttig zijn voor een gebruiker die afbeeldingen op de site heeft uitgeschakeld.
Titelkenmerk:
- betekenisvol en beschrijft het beeld;
- ongeveer 3-5 woorden of maximaal 250 tekens lang;
- moet indien mogelijk een sleutelvraag bevatten;
- geen spam.
Waarom u de Titel zou moeten invullen:
1.
zal nuttig zijn voor de gebruiker die het moeilijk vindt om te begrijpen wat er op de afbeelding wordt weergegeven;
2.
Titelhints kunnen een positieve invloed hebben op het sitegedrag.
Het onderwerp van het artikel van vandaag is SEO: beeldoptimalisatie met behulp van het ALT-attribuut. Veel mensen weten dat niet bij het optimaliseren van dit attribuut u vergroot de kans dat mensen uw site bezoeken. Dus ik zal je later in het artikel meer in detail vertellen:
Wat is het ALT-attribuut?
ALT is een attribuut dat alternatieve tekst voor een afbeelding bevat. Het attribuut wordt weergegeven wanneer de browser is uitgeschakeld om de afbeelding weer te geven, maar in standaard instellingen je zult hem niet zien.
Hoe u een afbeeldingsbeschrijving correct schrijft
Voordat ik de titel schrijf, zal ik het je vertellen veelgemaakte fouten die ik op websites tegenkom.
Lege attributenALTEnTITEL. In de regel veel SEO-optimalisatieprogramma's Doe 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 begint en uw eerste verkeer nodig heeft, dan is het toch de moeite waard om de kenmerken te specificeren.
De afbeelding en kenmerken komen niet overeen. Stel dat uw foto een BMW X5 toont en u specificeert een Audi A3 in het attribuut, dan verwacht u niet dat iemand uw foto naar de site volgt.
Heroptimalisatie. Dit is een veelvoorkomend probleem dat kan worden gebruikt als voorbeeld van wat u niet moet doen. Optimizers, in de hoop het felbegeerde verkeer te krijgen, registreren er meerdere trefwoorden in het ‘alt’-attribuut en wacht tot de posities in de zoekresultaten tussen afbeeldingen beginnen te groeien. Dat moet je begrijpen deze tekst Mensen die meerdere foto's beoordelen, zullen deze lezen, en als het allemaal spam is, zal niemand op de link klikken. Het toevoegen van commerciële woorden “kopen, bestellen, prijs, kosten, plaatsnaam” wordt niet aanbevolen.
Ook zoekmachines Ze kunnen u sancties opleggen, dus laat u niet meeslepen.
Hoe moet je tags voor afbeeldingen schrijven?
Kort en duidelijke beschrijving Afbeeldingen. Beschrijf de afbeelding zo nauwkeurig mogelijk en als de ALT automatisch is gemaakt, controleer dan alle pagina's nogmaals.
De kenmerklengte is beperkt. Zoekmachines houden rekening met 3-4 woorden (ongeveer 250 tekens), wat het moeilijk maakt een afbeelding te beschrijven.
Opname van trefwoorden. Dit is eigenlijk de reden waarom het ALT-attribuut de moeite waard is om te specificeren. Schrijf het trefwoord in gebruiksvriendelijke tekst.
Bijvoorbeeld:
alt=”Computerreparatie in Tsjeboksary”
Unieke kenmerken voor elke foto. Het is ook een belangrijk onderdeel, het meest voorkomende probleem onder SEO-optimizers. Aan de hand van een voorbeeld laat ik zien hoe je het kunt oplossen.
De productkaart bevat veel foto's
Hoe kun je afbeeldingen van hetzelfde product scheiden als je niet kunt spammen en alles uniek moet registreren? Laten we zeggen dat “HYUNDAI H-AR6-07H split-systeem” als volgt kan worden geschreven:
“Splitsysteem HYUNDAI H-AR6-07H Type 1”
“Splitsysteem HYUNDAI H-AR6-07H Type 2”
Naast productfoto’s heb je elementen op je website: vergelijkbare producten, dit product wordt vaker bekeken, enzovoort. Dit type afbeeldingen mogen niet worden uitgesloten en SEO optimaliseert ze door ALT en Titel in te stellen. Bovendien is het de moeite waard om de tijd te nemen om specifiek op te schrijven: merk, model, productnummer, alles belangrijke parameters, die mensen in de zoekopdracht kunnen typen.
Afbeeldingsgrootte– hoe hoger de beeldresolutie, hoe beter. In ieder geval kan de weergave worden aangepast dankzij de attributen “breedte” en “hoogte”. Maar je moet de afbeelding niet te klein maken, anders houden zoekmachines geen rekening met een afbeelding kleiner dan 150 pixels en beschouwen deze als een pictogram.
Afbeeldingslocatie– zo dicht mogelijk bij de tekst die de trefwoorden bevat. Dat is de reden dat veel optimizers rekening houden met deze factor standaard schema De indeling van de afbeeldingen ziet er als volgt uit:
Titeltekst met trefwoord
Verdere beschrijving
Het beeldgewicht verminderen. De grootte van de afbeelding speelt een sleutelrol, want als deze zo zwaar weegt dat deze zelfs de laadsnelheid van de site vertraagt, heeft dit invloed op de ranking van de hele site. Ja, ja, dit is gebeurd!
Onderschrift onder de foto
Als uw site veel afbeeldingen en bijna geen tekst bevat, kan een bijschrift met een afbeelding nuttig zijn. SEO-perspectief het moet worden geoptimaliseerd:
- Geef trefwoorden op. Het opnemen van trefwoorden in de handtekening is verplicht, omdat deze tekst een rol zal spelen in de rangschikking van de hele pagina;
- Noem een feit/voordeel over de afbeelding.
Je hebt bijvoorbeeld een foto Iphone-luidsprekers 7.
Geef dit aan in uw handtekening dit feit: “Iphone 7 klinkt merkbaar beter dankzij Lighting” Yandex's houding ten opzichte van het ALT-attribuut
“Hoe kan ik mijn foto op de eerste plaats zetten?”
Bij het rangschikken van afbeeldingen wordt rekening gehouden met de tekst naast de afbeelding. Hoe nauwkeuriger de afbeeldingsbeschrijving aansluit bij de zoekopdracht van de gebruiker, hoe groter de kans dat de afbeelding op de eerste pagina met zoekresultaten wordt weergegeven.”
De tekst onder de afbeelding is veel nuttiger voor de zoekmachine dan de ALT zelf.
Google-afbeeldingsrangschikking
Naast de bovengenoemde ALT, is dit waar Google rekening mee houdt bij het rangschikken van afbeeldingen.
Laten we de belangrijkste factoren voor Google eens doornemen.
Foto's goede kwaliteit – dit moet duidelijk zijn, dus. Niemand zal geïnteresseerd zijn wazige foto's of gewoon Slechte kwaliteit. Hier speelt de kwaliteit van de afbeelding eerder een rol in de klikbaarheid ervan, een bepaalde CTR.
Voor elke foto een aparte pagina– een interessant idee, maar eerlijk gezegd kom ik dergelijke sites zelden tegen. Het wordt problematisch om te optimaliseren: online winkels, sites van één pagina, catalogussites waar een groot aantal van afbeeldingen.
Hoe zit het met het Titel attribuut?
Google heeft het Titel-attribuut niet vermeld, en Yandex heeft het Titel-attribuut niet vermeld. (Niet te verwarren met de tag). Het zou zeker niet overbodig zijn om dit aan te geven, maar het is alleen mogelijk omdat de Titel wordt weergegeven als u over de afbeelding beweegt en betekenis heeft. In dit opzicht kun je, net als bij de tekst onder de afbeelding, experimenteren, aangeven bruikbare informatie: verschillende feiten, voordelen enzovoort.
Hij draagt in ieder geval veel meer voordeel dan wat ik onlangs schreef.
Dat is alles. Stel vragen in de reacties over wat u vindt van de ALT- en TITLE-attributen. Hoe stijl je je afbeeldingen?
Voer alt en titel in
Bij het promoten van een artikel op een blog of een product in een webwinkel met SEO spelen afbeeldingen een grote rol. Er zijn gebruikers op zoek naar goederen volgens de foto. En zodat jouw producten of blog er hoger in komen Zoekresultaten, is het de moeite waard om aandacht te besteden aan afbeeldingstags. Het gaat over over alt en titel. Succes in zoekresultaten hangt af van hoe we alt en titel schrijven.
Wat zijn tags? Over het algemeen, wanneer wij , ziet de zoekmachine dat de afbeelding in het artikel de titel en het onderwerp weerspiegelt. Het attribuut is gericht op robots en heeft rechtstreeks invloed op de ranking van de site. En als we de titel invoeren, verschijnt er een tooltip met tekst als je met de cursor over de foto beweegt. Als alt gericht is op systeembots, verbetert de titel de bruikbaarheid (gebruiksgemak van de site). Als we de titel zorgvuldig schrijven, kunnen we het onderwerp dat in het artikel wordt besproken beter onthullen.
Een alt-tag toevoegen
Het belangrijkste kenmerk van dit kenmerk is een aanzienlijke impact op zoekmachines en hulp bij het naar de top van Yandex of Google brengen van een artikel. Het label lezen zoekmachine begrijpt wat er op de afbeelding staat. Als voer alt in correct, in overeenstemming met het onderwerp van het artikel, zal de relevantie ervan aanzienlijk toenemen. Leuke bonus– gebruikers uit de sectie Afbeeldingen zoeken komen naar de site. Daarom is het gebruik van de alt-tag vooral nuttig voor online winkels.
Waar is een tag nog meer nuttig voor? Feit is dat niet alle gebruikers een browser hebben die afbeeldingen laadt. Door verschillende redenen: vanwege verkeersbesparing, vanwege lage verbindingssnelheid of als de gebruiker zelf de weergave van afbeeldingen heeft uitgeschakeld. In dit geval wordt deze weergegeven in plaats van een foto tekstbeschrijving, gespecificeerd door de tag. Het invoeren van alt is handig voor bezoekers die meezitten mobiele toestellen proberen verkeer te besparen. Uw site laadt vele malen sneller. Maar het is de laadsnelheid van de bron die gedragsfactoren en het aantal vaste bezoekers aanzienlijk beïnvloedt.
Laten we eens kijken naar een voorbeeld van een nadenkende persoon SEO-optimalisatie. We kozen voor een site over bloemen. De onderstaande schermafbeelding toont een goed gevuld titel attribuut, die in een aparte paragraaf zal worden besproken.
Als je met de cursor over de afbeelding beweegt, verschijnt er een pop-uptekst: welke bloemen je moet geven. Laten we eens kijken hoe alt is geschreven. Druk op de toetsencombinatie Ctrl+U. De sitecode wordt geopend. Druk nu op Ctrl+F om op de pagina te zoeken. Wanneer u de zin typt welke bloemen u moet kopen, ziet u een correct ingevulde alt-tag.
Die. de sitebeheerder zorgde voor het vullen van beide tags, waardoor zowel de positie in de zoekresultaten als gedragsfactoren verbeterden. Hoe zit het met de ranglijst? Laten we naar Google Afbeeldingen zoeken gaan. We dienen een verzoek in voor de bloemen die we willen geven, en de eerste afbeelding is van de site die we beoordelen.
Zoals u kunt zien, werkt tagoptimalisatie uitstekend. Goed geïnformeerd genoeg voer alt in. Hoe je dat doet?
- Beknoptheid is de ziel van humor. En lekker SEO-promotie. Het aanvaardbare aantal woorden is 3-5. De taglimiet is 250 tekens.
- Beschikbaarheid zoekterm of woorden. Als titelzin in pop-uptekst heeft een grotere impact op de gebruiker, terwijl het in alt direct invloed heeft op de zoekmachine. Maar overdrijf het niet met trefwoorden, anders zal de robot het als spam identificeren.
- Net als bij de titel moet alt worden geschreven in overeenstemming met de afbeelding op de pagina.
Hoe een title-tag te schrijven
Het titelkenmerk heeft geen directe invloed op de promotie. Zoekbots houden er geen rekening mee bij het rangschikken van een artikel of product in de zoekresultaten. In wezen wij schrijf de titel optioneel. Maar de rol ervan bij sitebezoekers is groot, omdat het de bruikbaarheid van de site verbetert. Wanneer u in een artikel over een afbeelding beweegt, verschijnt er een tooltip die de essentie van de afbeelding onthult - in feite is dit hoe de title-tag werkt.
Hoe schrijf je de titel correct?
Dit is een voorbeeld van goede optimalisatie, aangezien de alt-tag, waar we het hierboven over hadden, goed op de site is geplaatst. Als u de titel correct schrijft, zal dit het artikel verbeteren gedragsfactoren en dat zal het worden een leuke toevoeging voor het nut van het artikel.
Laten we het samenvatten. De alt-tag is ontworpen om de zoekresultaten rechtstreeks te beïnvloeden en een beroep te doen op robots. titel tag optioneel gebruikt, maar is een goede bonus voor de kwaliteit van het artikel. Het is gemaakt voor bezoekers.
Om te bereiken maximaal effect Bij het optimaliseren van een artikel raden wij u aan zich tot professionals te wenden. Promotiespecialisten zijn goed thuis in het onderwerp en werken vakkundig met zoekprogramma's voor trefwoorden. Uitgebreide ervaring met het oplossen van problemen speelt een belangrijke rol. Het resultaat is dat u een werkend resultaat krijgt en dat uw site de top in zoekmachines kan bereiken.
Hallo lieve vrienden. Vandaag zal ik je op verzoek van een van mijn abonnees vertellen over de ALT-tag (kenmerk), die aanwezig zou moeten zijn in de parameters van elke afbeelding op de site.
De afwezigheid van het alt-attribuut verschijnt niet extern in de afbeelding zelf. Maar intern, in de broncode, is de afwezigheid van een alt-tag een fout. EN zoek robots Elke dergelijke fout wordt geteld. En zulke ogenschijnlijk kleine dingen vertragen zoekmachine promotie welke site dan ook.
En als je bij het plaatsen van afbeeldingen in een artikel meteen de gewenste alternatieve tekst kunt aangeven, dan wordt het met afbeeldingen (ontwerpelementen) lastiger. Het komt voor dat deze specifieke ontwerpelementen geen alt-tag hebben. En veel beginners weten niet eens dat deze fouten op hun websites voorkomen.
Waarom is het alt-attribuut nodig?
Het draait allemaal om het mechanisme waarmee de browser een websitepagina laadt. Wanneer een pagina wordt geladen, wordt eerst de tekst uit het alt-attribuut geladen en vervolgens wordt de tekst gewijzigd in een afbeelding. Als het laden van afbeeldingen in de browser is uitgeschakeld, verschijnt alternatieve tekst (van het alt-attribuut) in plaats van de afbeelding.
Zoekrobots zien de pagina alleen in kwaliteit broncode, en de aanwezigheid van een alt-tag vertelt hen over de inhoud van de afbeelding. Overigens zal zelfs de aanwezigheid van een alt-tag zonder tekst al door de zoekmachine worden geaccepteerd als een teken van goede vorm. Dat wil zeggen, de aanwezigheid van het attribuut zelf is verplicht, maar de waarde ervan is optioneel.
Alt="waarde" !}
Hoe afbeeldingen te controleren op alt-attribuut
De eenvoudigste en meest toegankelijke manier voor iedereen is om de broncode van de pagina te controleren (codevalidatie) op fouten.
Om dit te doen, moet u de codeverificatieservice openen W3C en voer de pagina-URL in.
Na het controleren van de broncode, opgegeven pagina, een beschikbaarheidsrapport en eventuele foutinformatie worden op het scherm geopend. En als ten minste één afbeelding op de pagina een alt-tag mist, ziet u deze fout:
Let op: als er veel fouten voorkomen, raad ik u aan om met CTRL+F te zoeken Snelzoeken de nodige informatie.
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 hulpmiddel "SEO-analysetools".
Waar u ook het adres van de sitepagina invoert voor analyse en een rapport ontvangt. En als er ergens een tag ontbreekt alt, je zal het zien.
Je kunt ook naar de broncode van de pagina kijken om te zien waar je precies moet zoeken. Om dit te doen, moet u naar de bladwijzer gaan "Paginacode" en zoek waar de fout is gemaakt. Het gemakkelijk maken vereiste code wordt geel gemarkeerd.
Hoe u het gewenste broncodefragment kunt vinden en het alt-attribuut kunt toevoegen
Allereerst moet u goed kijken naar de gegevens die u van de analysetools heeft ontvangen. Opmerking:
- naar de naam van het afbeeldingsbestand,
— de naam van de klasse, het blok waarin de afbeelding zich bevindt,
- aan aangrenzende elementen.
Al deze elementen zullen in de toekomst helpen bij het vinden van het bestand en daarin het gewenste fragment van de broncode.
Bekijk als voorbeeld de bovenstaande schermafbeelding. De code die we nodig hebben is onopvallend. Ja, we weten waar deze banner op staat nieuw gratis boek Azamata. Bovendien weten we dat de banner zich in de sitebalk bevindt. Maar laten we ons voorstellen dat ik hier geen aandacht aan heb besteed. Dus wat kun je van deze code leren?
Allereerst kennen we de naam van het afbeeldingsbestand. En het maakt niet uit dat de afbeelding zich op een andere site bevindt. We zien ook een DIV-blok met een klasse
En al uit de klasse "textwidget" wordt het duidelijk dat de code die we nodig hebben zich in Widgets bevindt. En als dat zo is, dan is het nutteloos om naar al deze elementen te zoeken waar we op hebben gelet. Sinds in de meeste WordPress-thema's widgets in de sitebalk worden dynamisch gegenereerd. Dit betekent dat in de code van het bestand dat verantwoordelijk is voor de sitebar ( zijbalk.php) zal overwegend zijn php-code. Wat op geen enkele manier naar een specifieke widget verwijst.
Laten we daarom naar administratief paneel WordPress - « Verschijning» — "Widgets" en zoek naar de gewenste widget.
En hier voegen we het alt-attribuut toe aan de afbeeldingsparameters.
Voor
Na alt="Infomarketing 20/80"
!}/>
Dat is alles.
Maar met de widget is alles duidelijk, iedereen kan er mee overweg. Hoe zit het met specifieke ontwerpelementen?
Als voorbeeld zal ik de sjabloon laten zien die ik nu gebruik, alleen in zijn originele versie. Dat wil zeggen dat er in de installatiefase al 21 fouten waren (ontbrekend alt-attribuut).
Open het tabblad "Paginacode" en analyseer de code. We zoeken naar elementen waar we ons aan kunnen vasthouden, waardoor we ze kunnen vinden vereiste bestand en coderen.
In de zoekparameters moet u ervoor kiezen om te zoeken naar alle bestanden waarvan de code een vermelding bevat van het element dat u zoekt. In ons geval de naam van het afbeeldingsbestand.
Vervolgens is het beter om te doen backup kopie bestand (kopieer het afzonderlijk naar uw computer) en u kunt beginnen met bewerken. IN Totaal commandant Selecteer gewoon het bestand en druk op F4. Of u kunt het bestand naar uw computer kopiëren en openen met Notepad++. Nou ja, of in ieder geval via Kladblok.
Open dus het bestand en zoek naar de vereiste code. U kunt zoeken met CTRL+F.
We hebben het gevonden en het vereiste alt-attribuut ingevoegd. Dus met alle afbeeldingen die het niet hebben.
Nadat de wijzigingen zijn aangebracht, slaat u het bestand op en controleert u het opnieuw met analysehulpmiddelen.
Zo worden vrienden toegevoegd alt-attributen naar de afbeeldingen. Als duidelijk voorbeeld bekijk de video-tutorial. En onthoud dat het beter is om al deze sjabloonwijzigingen door te voeren
En lees natuurlijk het artikel erover in het algemeen. Je zult merken dat de afbeeldingen van veel sjablonen niet alleen niet bestaan alt-tags, maar helemaal niet geoptimaliseerd.
En dat is alles voor mij vandaag. Ik kijk uit naar je opmerkingen. Alle succes en Heb een goed humeur! Tot ziens in nieuwe video's en artikelen.
