Laten we eens kijken naar de vraag waarom u afbeeldingen op een website moet gebruiken en welke rol ze spelen bij de SEO-optimalisatie van een bron. Daarnaast zullen we kijken naar het gebruik van HTML-componenten zoals de titel en het alt-attribuut voor afbeeldingen, en waarom deze belangrijk zijn. Laten we voorbeelden geven van geoptimaliseerde en niet-geoptimaliseerde afbeeldingen, kijken naar de kwaliteit waarin afbeeldingen worden gebruikt en hoe dit de werking van de webbron beïnvloedt.
Voor- en nadelen van het gebruik van afbeeldingen in een webproject:
1. Voordelen.
Wanneer u naar een website gaat, merkt u hoogstwaarschijnlijk dat bijna elke website een verscheidenheid aan afbeeldingen, foto's, afbeeldingen of andere grafische elementen bevat.
Wat vaak gebeurt is dat de site-eigenaar een andere tekst schrijft over een bepaald onderwerp en zijn gedachten duidelijk wil benadrukken, zodat de bezoeker die naar de site komt het duidelijker kan begrijpen en tevreden is met de volledige ontvangen informatie. Omdat dit vervolgens een positief effect heeft op de autoriteit van de bron in de ogen van gebruikers en websitepromotie in zoekmachines, sociale netwerken, enz.
Mensen die op internet surfen op zoek naar de benodigde informatie (content) weten dat uw site naast kwalitatief hoogstaand en nuttig materiaal ook visuele hulpmiddelen bevat in de vorm van afbeeldingen, afbeeldingen en andere grafische afbeeldingen. Om een indruk van uw foto's te maken, moet u ze uiteraard naar de site uploaden, bij voorkeur in uitstekende kwaliteit, waarbij u uiteraard het title-attribuut en het alt-attribuut invult.
Het volgende positieve aspect van het gebruik van afbeeldingen op een website is de mogelijkheid om ze te optimaliseren voor bepaalde belangrijke zoekopdrachten van de overeenkomstige bronpagina waarop ze zich bevinden. Dit heeft overigens rechtstreeks invloed op de promotie van de pagina volgens de gepromote zoekwoorden.
Bovendien bieden zoekmachines een zoekopdracht naar afbeeldingen die zich op webprojecten bevinden. Als u sleutels voor afbeeldingen hebt geregistreerd, kan een gebruiker die op basis van dit verzoek een afbeelding selecteert, naar uw bron gaan met behulp van de geselecteerde afbeelding. Hierdoor ontvang je weer een gerichte bezoeker.
2. Nadelen.
Bij het gebruik van afbeeldingen, foto's, afbeeldingen op websites zijn de nadelen vooral te vinden bij beginners, omdat het gebruik van grafische elementen in een webproject de lezer bang kan maken.
Redenen:
Het uploaden van afbeeldingen van lage kwaliteit in erbarmelijke staat;
Het gebruik van foto's is over het algemeen off-topic;
De aanwezigheid van te veel afbeeldingen, wat extra gewicht aan de pagina toevoegt en het laden ervan verlengt (zelfs de achtergrond van de sjabloon);
Gebrek aan optimalisatie, d.w.z. afbeeldingen hebben geen alt- en title-attributen en zijn niet “op maat gemaakt” voor specifieke belangrijke zoekopdrachten.
De rol van titel- en alt-attributen bij SEO-optimalisatie van afbeeldingen
Zoals we hierboven vermeldden, helpt het gebruik van afbeeldingen de site bij zijn promotie en promotie in zoekmachines. Bovendien zorgt dit voor een extra toestroom van gerichte bezoekers vanuit dezelfde zoekmachines. En hiervoor hoeft u slechts een paar eenvoudige, maar tegelijkertijd belangrijke attributen te gebruiken - dit is het attribuut titel en attribuut alt voor alle afbeeldingen, afbeeldingen, foto's en andere grafische afbeeldingen. De essentie van deze attributen is om ze te gebruiken om het maximale eruit te persen dat de bron in zoekmachines zal helpen promoten. Omdat er slechts twee attributen zijn, zijn er ook twee rollen die ze vervullen, en ze verschillen van elkaar.
Ondanks het feit dat dit een eenvoudige methode is om de positie van een webproject in zoekmachines te vergroten, maken de meeste webmasters er niet volledig gebruik van, of negeren ze zelfs helemaal. Sommige mensen verwarren ze helemaal en beseffen het verschil ertussen niet. Het komt ook voor dat deze attributen tags worden genoemd, maar dit zijn attributen van de img-tag (van het woord “image”), maar geen aparte tags, onthoud dit!
De HTML-tag “img” zelf wordt gebruikt om afbeeldingen (afbeeldingen, foto's) in grafisch PNG-, JPEG- of GIF-formaat op een websitepagina weer te geven. Indien nodig kan van dezelfde afbeelding een link worden gemaakt; hiervoor moet u de tag "img" in een container plaatsen .
1. ALT-attribuut.
Dit attribuut is opgenomen in de HTML-taal. Het doel ervan is om een object te beschrijven om aanvullende informatie over dit object te verschaffen (in ons geval afbeeldingen). Die. Het alt-attribuut voor afbeeldingen geeft de beschrijving door aan browsers wanneer afbeeldingen zijn uitgeschakeld. Als u dit attribuut niet opgeeft, ziet de bezoeker een leeg pictogram in plaats van de gewenste afbeelding, maar als u het alt-attribuut opgeeft, wordt de tekst ervan weergegeven. Dit kenmerk heeft overigens de grootste impact op de rangschikking van afbeeldingen door bots van zoekmachines.
Hoe werkt dit attribuut? Ja, het is heel eenvoudig: neem de geselecteerde afbeelding die u al naar uw computer heeft gedownload en upload deze op de juiste plaats naar de gewenste pagina van uw website. Zoek vervolgens de HTML-code van deze afbeelding en voer de volgende betekenis erin in: alt = “Beschrijf de afbeelding kort en voer trefwoorden in.” De beschrijving moet zo kort mogelijk worden gehouden (maximaal een paar zinnen) en het is ook niet nodig om er veel trefwoorden in op te nemen, aangezien zoekmachines hier negatief tegenover staan en dit een negatieve invloed kan hebben op uw project.
Het alt-attribuut werkt als volgt: een bezoeker komt naar uw site, ziet een afbeelding, maar de beschrijving ervan is niet voor hem beschikbaar (als de functie voor het weergeven van afbeeldingen in zijn browser is ingeschakeld), maar zoekbots zien deze bij het indexeren van de bron. Als deze functie is uitgeschakeld in de browser van de gebruiker, ziet hij in plaats van de afbeelding tekst (uw beschrijving), waardoor de lezer begrijpt wat voor soort afbeelding het is.
2. TITLE-kenmerk
Dit titelattribuut is ook opgenomen in de HTML-taal. Het doel ervan is in principe hetzelfde als het alt-attribuut, maar het verschil is dat uw beschrijving door een bezoeker wordt gezien als hij de cursor over de geselecteerde afbeelding beweegt. Dit kenmerk heeft geen invloed op de promotie en promotie van de site, maar kan wel de gedragsfactor beïnvloeden die de ranking van het webproject beïnvloedt. We schrijven het zo: title = “Beschrijf de afbeelding.” Dat is het. Laten we hieraan toevoegen dat beeldoptimalisatie en de bijbehorende kenmerken allemaal een belangrijke rol spelen bij de promotie van sites in zoekmachines.
Hieronder staan voorbeelden van SEO-geoptimaliseerde afbeeldingen met behulp van de title- en alt-attributen
U ziet voorbeelden van geoptimaliseerde afbeeldingen met deze kenmerken:
Het invullen van de title- en alt-attributen voor de gebruiker is veel eenvoudiger in het WordPress CMS. Wanneer u een afbeelding naar de site uploadt, verschijnen er een speciale lader en een speciaal venster voor optimalisatie:
De titel (niet te verwarren met titel) wordt automatisch ingevuld, maar het alt attribuut zal je zelf moeten invullen. Vervolgens moet deze onmiddellijk nadat de afbeelding op de site is geplaatst, worden bewerkt. Klik erop in de visuele editor en u wordt naar het editorvenster geleid:
Zoals je ziet kan hier het alt attribuut ingevuld worden, maar deze is al ingevuld (dit is ook belangrijk voor de afbeelding die je als thumbnail gaat gebruiken). Hier vult u het attribuut in titel, waarin u belangrijke zoekopdrachten schrijft die identiek zijn aan de zoekopdrachten die u opgeeft in de plug-in: All In SEO Pack. Daarna opslaan en dat is alles: uw afbeelding is geoptimaliseerd.
In welke kwaliteit moeten afbeeldingen op de site worden gebruikt?
U moet afbeeldingen in de best mogelijke kwaliteit naar de site uploaden, maar u moet ervoor zorgen dat ze de laadsnelheid van de pagina niet beïnvloeden. Omdat er nog steeds gebruikers zijn met een lage internetsnelheid, zal de persoon, als het lang duurt om de pagina te laden, de site zeker verlaten en is het onwaarschijnlijk dat hij terugkeert!
Deze nuance zie je ook in veel webprojecten: naast het gebruik van een grote kilobyte (grootte) afbeelding worden hier uiteraard niet de title en alt attributen gebruikt, maar wordt ook de enorme omvang van de siteachtergrond gebruikt. Als u ook een afbeelding als achtergrond van de site wilt gebruiken, raden wij u aan deze klein en monochromatisch te kiezen, omdat deze wordt gladgestreken en u een solide afbeelding krijgt.
Naast het uploaden van afbeeldingen van hoge kwaliteit naar de site, mag u het verbruik van schijfruimte op de hosting en de snelheid van het werk niet vergeten. Hoe lager de snelheid, hoe langzamer uw bron wordt geladen. Daarom adviseren wij u, voordat u een afbeelding van hoge kwaliteit voor een websitepagina gebruikt, te beslissen waar u deze wilt gebruiken en hoeveel afbeeldingen u naar de pagina kunt uploaden.
U kunt ook Photoshop gebruiken om het gewicht van de afbeelding te verminderen. Ga in het programma naar het menu “Bestand” → “Opslaan voor web en apparaten” - dat is alles.
Verbeter de optimalisatie van uw project, samen met een competente heeft u een goed project!
Bijna elk artikel en elke pagina op internet bevat links en afbeeldingen, en als je ze plotseling niet meer hebt, voeg ze dan onmiddellijk toe en optimaliseer ze. U kunt afbeeldingen en links optimaliseren door de titel- en alt-attributen te gebruiken. Hoe u dit correct kunt doen, zullen we in dit artikel bekijken.
Eerder keken we er in het algemeen naar, laten we het nu specifieker hebben over afbeeldingen en links.
Door het juiste gebruik van de titel- en alt-kenmerken kunt u uw afbeeldingen en links optimaliseren en het verkeer naar uw site vergroten.
Paginanavigatie:
Verschil tussen titel- en alt-attributen
Wat is het verschil tussen de title- en alt-attributen?? Op het eerste gezicht hebben ze een vergelijkbare informatieve lading, maar er zijn verschillen en zeer belangrijke.
titel attribuut(niet te verwarren met de titeltag) beschrijft het element waarin het zich bevindt; als u over het element zweeft, ziet u de beschrijving verborgen in het attribuut. Het belangrijkste doel van het attribuut is om aanvullende informatie te verstrekken aan de bezoeker van de site. De titel moet de essentie van het element onthullen, of het nu een afbeelding of een link is.
alt-attribuut- is een attribuut van de img-tag, waarvan het doel is om de essentie van de afbeelding weer te geven in het geval dat het onmogelijk is om de afbeelding te laden of wanneer het tekenen van afbeeldingen opzettelijk wordt uitgeschakeld door de browserinstellingen. De tweede eigenschap die niet mag worden verwaarloosd, is het feit dat het alt-attribuut wordt gelezen door zoekrobots. Omdat ze momenteel niet weten hoe ze afbeeldingen moeten lezen, is het alt-attribuut voor hen informatie over de afbeelding, die ze in hun database invoeren.
Alt- en titelkenmerken voor afbeeldingen.
Wanneer u afbeeldingen aan berichten toevoegt, zorg er dan voor dat u de titel- en alt-attributen gebruikt. In deze attributen is het de moeite waard om trefwoorden op te nemen die relevant zijn voor uw bericht; dit zorgt niet alleen voor een concentratie van trefwoorden in het algemene “beeld” van de inhoud, maar stelt u ook in staat vooruitgang te boeken bij het zoeken naar afbeeldingen.
Wat moet je schrijven in de title- en alt-attributen?
Het title-attribuut is voor bezoekers, voor gedetailleerde informatie over de afbeelding. Wanneer u de cursor over de afbeelding beweegt, krijgen we de tekst die in de titel is geschreven. De titel moet een uitgebreide beschrijving bevatten, waardoor je de essentie van de foto begrijpt.
Alt is informatiever voor zoekrobots, omdat het een alternatief is voor een grafische afbeelding en het de moeite waard is om meer specifieke woorden in dit attribuut in te voeren die de essentie samenvatten van wat wordt gepresenteerd.
Een voorbeeld van het gebruik van de title- en alt-attributen bij het optimaliseren van afbeeldingen.
Laten we eens kijken naar een voorbeeld van het gebruik van de title- en alt-attributen en hun optimale vulling. Wij hebben deze foto:
De img-tag ziet er in dit geval als volgt uit:
.
Uit dit voorbeeld zien we dat alt-waarde wordt gebruikt in een striktere vorm wordt het weergegeven als de weergave van afbeeldingen is uitgeschakeld of als er problemen zijn met het laden van de afbeelding. Waarom in gecomprimeerde vorm? Het is een feit dat als we een grote tekst schrijven en de afbeelding niet wordt geladen, we hoogstwaarschijnlijk een duplicatie van de tekst zullen zien. Met andere woorden: u moet geen tekstfragment doorgeven aan het alt-attribuut; u moet het zo kort mogelijk opnemen.
Laten we nu eens kijken naar het titelattribuut. Het wordt uitgebreider gepresenteerd en is informatiever voor de lezer; als u de cursor over de afbeelding beweegt, zullen we het effect van het titelattribuut zien.
Belangrijk: probeer de titel en alt van het hoofdbericht niet te dupliceren, dit kan leiden tot spam, wat een negatieve invloed heeft op de promotie. Wijzig de tekst in attributen.
Interne links optimaliseren met behulp van het titelkenmerk
Om te optimaliseer de koppeling gebruik er maar één titel attribuut. Het doel van het title-attribuut in een link- het verstrekken van informatie over de voorgestelde transitie, voor een beter begrip van waar de auteur naar verwijst en wat we uiteindelijk zullen zien.
Wat moet u in het titelattribuut van een link schrijven?
Beschrijving in titellink moet informatief en relevant zijn voor de tekst van zowel het bericht zelf waar de link zich bevindt als voor de landingspagina van de transitie. Met andere woorden: u moet alleen artikelen citeren die qua onderwerp vergelijkbaar zijn.
Titel tekst moet anders zijn dan het anker (linktekst), dit is belangrijk en mag niet vergeten worden. Het is ook de moeite waard gebruik trefwoorden in de titel, waardoor het gewicht van de landingspagina toeneemt.
Een voorbeeld van het gebruik van het title-attribuut bij het optimaliseren van een link
Zoals we zien hebben we een bijdrage geleverd titelkenmerk in de linkbeschrijving, en het anker verschilt van de titeltekst, maar beide vertellen ons informatief over de link, wat we moesten bereiken.
Als dit de eerste keer is dat u deze informatie verwerkt, dan heeft u veel werk te doen om uw links en afbeeldingen te optimaliseren. Het is een lange, moeilijke weg, maar het zal de moeite waard zijn.
Hiermee is de les over het optimaliseren van afbeeldingen en links afgerond. Er staan nog veel interessante dingen in het verschiet, maar voor nu kun je de rest en zoekmachineoptimalisatie bestuderen.
Wees geoptimaliseerd en moge de TOP 1 bij je zijn)))
Het alt-attribuut is een alternatieve informatiebron voor gebruikers van wie de browserweergave van afbeeldingen is uitgeschakeld. Als het alt-attribuut is gedefinieerd, wordt de attribuuttekst op zijn plaats weergegeven als het onmogelijk is om de afbeelding weer te geven:
Als het alt-attribuut niet is ingesteld, wordt de afbeelding leeg weergegeven:
Het is vooral belangrijk om afbeeldingen te beschrijven met het alt-attribuut 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 de trefwoorden die daadwerkelijk betrekking hebben op de afbeelding. Dit zal de robot helpen de afbeelding nauwkeuriger te vinden, en de Yandex-gebruiker kan deze in de zoekresultaten selecteren en naar uw website gaan. Het is niet raadzaam om het alt-attribuut leeg te laten.
Als u meerdere vergelijkbare afbeeldingen toevoegt (bijvoorbeeld foto's van een product uit een online winkel), dan is het de moeite waard om unieke alt-attributen in te stellen (vooraanzicht, achteraanzicht).
Img-tagtitel attribuuttekst
Het title-attribuut biedt aanvullende informatie over de afbeelding. De tekst in dit attribuut verschijnt wanneer u over de afbeelding beweegt:
U kunt het titelkenmerk als volgt instellen:
Voor elke afbeelding dient u een unieke titel op te geven. Het is niet raadzaam om het title-attribuut leeg te laten.
Andere teksten
Naast de waarden van de alt- en title-attributen worden bij het zoeken op afbeeldingen de volgende teksten gebruikt:
tekstlinks naar afbeeldingen van andere pagina's en andere sites;
tekst naast de afbeelding - gelegen op de pagina in de directe nabijheid van de afbeelding;
teksten en titels van korte documenten die een enkele afbeelding omlijsten;
namen van bestanden en afbeeldingsscripts, inclusief rekening houdend met transliteratie en vereenvoudigde interlineaire vertaling.
De attributen alt en title zijn echter het meest universeel, dus ze moeten altijd worden opgenomen.
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 zoekrobots tellen al dergelijke fouten. En zulke schijnbaar kleinigheden vertragen de zoekmachinepromotie van welke website 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) moeilijker. 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, zal er in plaats van de afbeelding alternatieve tekst zijn (van het alt-attribuut).
Zoekrobots zien de pagina alleen als 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.
Nadat u de broncode op de opgegeven pagina heeft gecontroleerd, wordt een beschikbaarheidsrapport en eventuele foutinformatie 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 CTRL+F te gebruiken om snel de informatie te vinden die u nodig heeft.
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 zult 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. Dit is eenvoudig te doen; de 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. Let op:
- 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 Azamat's nieuwe gratis boek. 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. Omdat bij de meeste WordPress-thema's widgets in de sitebalk dynamisch worden gegenereerd. Dit betekent dat in de code van het bestand dat verantwoordelijk is voor de sitebar ( zijbalk.php) zal voornamelijk uit PHP-code bestaan. Wat op geen enkele manier naar een specifieke widget verwijst.
Laten we daarom naar het WordPress-beheerderspaneel gaan – "Verschijning" — "Widgets" en zoek naar de gewenste widget.
En hier voegen we het alt-attribuut toe aan de afbeeldingsparameters.
Naar
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 de 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, waarmee we het benodigde bestand en de benodigde code kunnen vinden.
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 kunt u beter een reservekopie van het bestand maken (kopieer deze apart naar uw computer) en u kunt beginnen met bewerken. In Total Commander selecteert u gewoon het bestand en drukt u 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 CTRL+F zoeken.
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.
Dit, vrienden, is hoe alt-attributen aan afbeeldingen worden toegevoegd. Bekijk de video-tutorial voor een visueel voorbeeld. En onthoud dat het beter is om al deze sjabloonwijzigingen door te voeren
En lees natuurlijk het artikel erover in het algemeen. U zult ontdekken dat veel sjabloonafbeeldingen niet alleen geen alt-tags hebben, maar helemaal niet geoptimaliseerd zijn.
En dat is alles voor mij vandaag. Ik kijk uit naar uw opmerkingen. Alle succes en goed humeur! Tot ziens in nieuwe video's en artikelen.
Het onderwerp van het artikel van vandaag is SEO: beeldoptimalisatie met behulp van het ALT-attribuut. Veel mensen weten niet dat wanneer u dit kenmerk optimaliseert, u de kans vergroot 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 u ziet het niet in de standaardinstellingen.
Hoe u een afbeeldingsbeschrijving correct schrijft
Voordat ik de titel schrijf, zal ik u veelvoorkomende fouten vertellen die ik op websites opmerk.
Lege attributenALTEnTITEL. In de regel houden veel SEO-optimizers zich niet bezig 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, schrijven verschillende trefwoorden in het ‘alt’-attribuut en wachten tot de posities in de zoekresultaten tussen afbeeldingen beginnen te groeien. U moet begrijpen dat deze tekst zal worden gelezen door mensen die meerdere afbeeldingen beoordelen, en als het allemaal spam is, zal niemand op de link klikken. 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 moet je tags voor afbeeldingen schrijven?
Korte en duidelijke beschrijving van de foto. 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 afbeelding mag niet buiten beschouwing worden gelaten en moet SEO worden geoptimaliseerd door ALT en Titel op te geven. Bovendien is het de moeite waard om de tijd te nemen om specifiek op te schrijven: merk, model, productnummer, alle 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. Daarom houden veel optimizers rekening met deze factor en ziet de standaard afbeeldingsindeling 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, is een bijschrift met een afbeelding nuttig, dus het is noodzakelijk om deze vanuit SEO-oogpunt te optimaliseren:
- 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 van iPhone 7-luidsprekers.
Vermeld in de handtekening dit gegeven: “Het geluid van de iPhone 7 is dankzij Lighting merkbaar beter geworden” De houding van Yandex 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 overeenkomt met 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.
Goede kwaliteit foto's– dit moet duidelijk zijn, dus. Niemand zal geïnteresseerd zijn in foto's die wazig zijn of gewoon van slechte kwaliteit zijn. 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 afbeeldingen zijn opgeslagen.
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 is zeker niet overbodig om 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, nuttige informatie aangeven: verschillende feiten, voordelen, enzovoort.
In ieder geval is het veel nuttiger dan degene die ik onlangs schreef.
Dat is het. Stel vragen in de reacties over wat u vindt van de ALT- en TITLE-attributen. Hoe stijl je je afbeeldingen?
