De meeste webinhoud bevat afbeeldingen, maar weinig website-eigenaren optimaliseren afbeeldingen voor betere zoekresultaten. WordPress biedt de mogelijkheid om alt-tekst en afbeeldingstitel aan de juiste tags toe te voegen. Laten we eens kijken naar het verschil tussen de alt- en title-kenmerken en hoe u deze kunt gebruiken om met afbeeldingen op de site te werken.

Wat is een alt-tag voor afbeeldingen - beschrijving van afbeeldingen

Alt, of alternatieve tekst, is een attribuut dat wordt toegevoegd aan de tag voor het invoegen van afbeeldingen in HTML-code. Dergelijke tekst verschijnt in de afbeeldingscontainer wanneer deze om een ​​of andere reden niet op de pagina kan worden weergegeven. Het helpt zoekmachines begrijp wat er in dit grafische element wordt weergegeven.

Het alt-attribuut wordt ook gebruikt om de toegankelijkheid van een website te verbeteren voor slechtzienden of mensen die schermlezers gebruiken. Het leesprogramma leest het tekstartikel en als het om de afbeelding gaat, leest het de tekst in het alt-attribuut. Hierdoor kunnen gebruikers weten wat er op de foto staat, zelfs als ze het niet kunnen zien.

Virtuele websitehosting voor populair CMS:

Aanbevelingen voor het invullen van deze tag, wat te schrijven in WordPress

Met WordPress kunt u toevoegen alt-attribuut voor afbeeldingen wanneer u deze downloadt met de ingebouwde mediadownloader. Wanneer u een pagina of bericht maakt, is de knop ‘Mediabestand toevoegen’ beschikbaar op de werkbalk. Wanneer u erop klikt, wordt het ingebouwde bibliotheekvenster geopend, waar u de gewenste afbeelding moet laden of eenvoudigweg met de muis kunt slepen.

Wanneer u een afbeelding uploadt met behulp van de ingebouwde uploader WordPress-inhoud, aan de rechterkant van het venster zijn er verschillende velden beschikbaar voor het invullen van afbeeldingskenmerken. Het titelveld moet niet worden verward met het title-attribuut, dat wordt gebruikt in een afbeeldingstag. De titel die tijdens het uploaden wordt toegevoegd, wordt alleen door de WordPress-mediabibliotheek gebruikt om een ​​lijst met mediabestanden weer te geven.

Stel het alt-attribuut in het juiste veld in. Het bestaat meestal uit 2-3 woorden en moet direct beschrijven wat er in de afbeelding wordt weergegeven. Als u wilt, kunt u in hetzelfde uploadvenster de velden invullen voor een handtekening en beschrijving van de afbeelding.

Wat is het title caption attribuut voor afbeeldingen in WordPress

Titel is een ander attribuut dat aan een afbeeldingstag in HTML-code kan worden toegevoegd. Het wordt gebruikt voor de titel grafisch element en geeft de naam aan. De titel wordt weergegeven in tooltip wanneer de gebruiker over de afbeelding beweegt. De tekst die in de titel wordt ingevoerd, wordt niet aan de gebruiker getoond als de afbeelding niet op de pagina wordt weergegeven.

De titel moet betekenisvol worden weergegeven, afhankelijk van de informatie in de afbeelding. Tegelijkertijd moet deze tekst verschillen van wat er in het alt-attribuut staat. De titeltitel kan in het Russisch worden geschreven of in transliteratie worden gebruikt, vaak eraan toegevoegd voor SEO-optimalisatie trefwoorden.

Het title-attribuut wordt in WordPress aan een afbeelding toegevoegd nadat het in de tekst is ingevoegd. Als u gebruikt visuele redacteur Om de pagina te ontwerpen, klikt u op de afbeelding. Op het verschenen extra paneel hulpmiddelen, klik op de knop Bewerken met een potloodpictogram.

Als gevolg hiervan wordt een pop-upvenster geopend om beeldparameters te configureren, waarin u het venster “ Aanvullende instellingen" Er verschijnt een veld waarin u een titelkenmerk kunt toevoegen, waarin u de naam van de afbeelding moet invoeren. In hetzelfde venster kunt u het alt-attribuut configureren voor het geval u dit bent vergeten in te voeren bij het laden van de afbeelding. Pas beide velden aan en klik op de knop Bijwerken.

Voor die gebruikers die weten hoe ze HTML-code moeten bewerken: schakel gewoon over van visueel naar teksteditor en toevoegen titel attributen en alt naar de overeenkomstige afbeeldingstag.

Om uw site te optimaliseren, wordt aanbevolen om zowel het alt- als het title-attribuut voor afbeeldingen te gebruiken. Het voor de hand liggende voordeel van deze stap is dat het zoekmachines helpt de afbeeldingen op uw site te vinden en weer te geven in de zoekresultaten voor afbeeldingen.

In dit geval ontvangt de site extra verkeer van zoekmachines. Een andere waardevolle factor is dat deze kenmerken de toegankelijkheid van uw site voor mensen met speciale behoeften verbeteren.

WordPress is een erg handig platform voor optimalisatie. Als handen groeien juiste plaats, en je weet in ieder geval iets van SEO-concepten, dan kun je je WordPress-site goed optimaliseren. Als gevolg hiervan komen mensen, nadat ze een bepaalde hoeveelheid inhoud hebben geschreven en berichten hebben gepubliceerd, rechtstreeks vanuit de zoekresultaten naar de site en hoeft u niets te doen. Het enige dat overblijft is het verbeteren van de methoden voor het genereren van inkomsten en het wachten op een toestroom van geld. Dit beste manier Doen passief inkomen in de 21e eeuw, en daar moet u van profiteren!

Groot voordeel voor WordPress-optimalisatie speelt het Titel-attribuut af. Zonder dit is het moeilijk om normale posities in de zoektocht te bereiken.

Want als je van plan bent rijk te worden organisch verkeer, moet u leren hoe u metatags maakt voor alle pagina's, berichten en menusecties, inclusief het Titel-attribuut. Anders zal uw site nooit een fatsoenlijk publiek krijgen.

Hoe u het Titel-attribuut aan elke pagina en elk bericht kunt toevoegen

Feit is dat dit attribuut al aanwezig is op alle pagina's van uw project. De WordPress-site genereert automatisch alle benodigde metatags als de projecteigenaar dit niet doet. Maar het probleem is dat de engine dit slecht doet, ervan uitgaande dat je niet echt om SEO geeft. Meestal voegt hij enkele nabijgelegen woorden in in plaats van de titel correct uit te schrijven. Bovendien is het mogelijk dat de sjabloon dit attribuut niet voor elke pagina afzonderlijk levert. Je moet dit veranderen.

U kunt metatags, of beter gezegd het Titel-attribuut, handmatig aan een WordPress-site toevoegen - via code. U moet speciale voorwaarden toevoegen, zodat elk bericht, elke categorie en persoonlijke pagina(pagina) hebben hun eigen de parameters Titel. Maar het probleem is dat je het weliswaar moet registreren, maar dat is niet erg lange code in 5-6 regels, maar een beginner zal dit niet kunnen doen. Daarom is het noodzakelijk om naar andere manieren te zoeken om de titelwoorden te wijzigen en dit attribuut te bewerken. En er is zo'n manier: speciale plug-ins installeren.

Plug-ins die WordPress-tags inschakelen

SEO-titeltag

Dit is een zeer gerichte plug-in die specifiek is ontworpen voor het Titel-attribuut. U moet eerst inloggen en de plug-in op de site installeren SEO-titel Label. Hierna moet je nog wat werk met de code doen. Je hoeft gewoon niets uit te vinden. Ga naar de header.php-bestandseditor. Toegang via hosting, anders worden belangrijke wijzigingen niet geactiveerd. Zoek de gesloten bestanden in het header.php-bestand titeltags. Verwijder nu alles tussen deze twee tags en voeg de volgende code toe:

else ( bloginfo("naam"); ​​wp_title();) ?>

Deze code activeert de titel. Wanneer u nu door het beheerdersmenu gaat, verschijnt er een regel in het paginagedeelte waar u de titel kunt invoeren. Op deze manier kunt u voor elke pagina een titel toevoegen.

WordPress seo door yoast

Dit is een echte hit onder andere SEO-plug-ins voor WordPress. Wanneer u deze module downloadt en installeert, verbetert uw site gegarandeerd de ranking. U kunt trefwoorden invoeren en meta bewerken zoals u wilt. Uiteraard zal dit wel volgens de regels moeten gebeuren, zodat de organische stroom geleidelijk toeneemt.

Download de plug-in om aan de slag te gaan WordPress SEO door joast. Wanneer u de module activeert, wordt u gevraagd de prestaties van de tool te monitoren, ogenschijnlijk om de ondersteuning te verbeteren. Het is beter om dit uit te schakelen, zodat de blog niet laadt. Als u eerder meta-plug-ins heeft gebruikt, klik dan op de knop “Importeren” om alle opgegeven tags en trefwoorden van de site op te slaan. Vervolgens vindt de gegevensoverdrachtprocedure plaats, worden alle tags en trefwoorden aan de nieuwe plug-in toegewezen, wordt uw meta opgeslagen en krijgt u een melding dat het importeren van informatie succesvol is voltooid.

Nadat u gegevens in de plug-in hebt geïnstalleerd en geïmporteerd, moet u naar het menu gaan en deze configureren. Om pagina's meta te laten ontvangen, moet u noteren welke tags u zelf invoert en welke u aan de module toevertrouwt. Zorg ervoor dat u het selectievakje ‘Gebruik metazoekwoorden’ aanvinkt. En zodat u voor elke pagina een afzonderlijke titel kunt instellen, gebruikt u de functie Titelscheidingsteken - dit is een scheidingsteken dat de titel en titel van de pagina afzonderlijk waarneemt. Als u deze niet activeert, worden de titelzoekwoorden automatisch omgezet in de titel of het begin van de paginatekst, wat zeer ongewenst is voor optimalisatie.

Nog een voordeel WordPress-plug-in seo by yoast is de mogelijkheid om titels voor alle secties van de site in één keer te bewerken. De module heeft een ingebouwde bulkeditor die u een lijst van allemaal geeft beschikbare pagina's. Zonder naar alle secties te gaan, kunt u de titels van de pagina wijzigen. In slechts 5 minuten kunt u maximaal 10 pagina's bewerken. Anders had je er een uur over gedaan. Om de titel zonder editor te wijzigen, moet je immers naar het WordPress-menu in het gedeelte 'Pagina's' gaan en selecteren vereiste sectie uit de lijst, en al daar onderaan, waar de meta, voer je tag in.

Alles in één SEO-pakket

Dit belangrijkste concurrent vorige plug-in. Volgens velen is deze module nog beter. Hij is tenslotte geenszins minderwaardig WordPress-tool seo door yoast. U zult een soortgelijke procedure moeten doorlopen voor het installeren en activeren van de plug-in. Het instellingenmenu voor deze module is iets anders, maar over het algemeen lijkt alles erg op elkaar. Je kunt het vragen automatische generatie titels op basis van het kopiëren van paginatitels, of activeer tags in de sectie “Meta” om zelf trefwoorden in te voeren.

En nu een beetje over de regels titel schrijven. Houd er rekening mee dat de lengte ervan minder dan 75 tekens moet zijn. De titel moet er natuurlijk uitzien, maar moet trefwoorden bevatten. Dit kenmerk moet de bedrieger in de zoekmachine interesseren, zodat hij de overstap naar uw bron maakt. En vergeet niet dat hoe dichter de woorden bij het begin van de titel staan, hoe groter hun rol en hoe groter hun gewicht. Genereer daarom verstandig tags, zodat zoek robots het werd gewaardeerd.

Ontvangt tag van de afbeelding van de opgegeven bijlage (bijgevoegd bij het bestandsbericht).

Als de bijlage niet kan worden gevonden, wordt een lege string geretourneerd.

Als de bijlage een afbeelding is, wordt er een code voor geretourneerd die overeenkomt met de opgegeven grootte (zie de parameter $size).

Voor bijgevoegde bestanden van een ander type dan afbeeldingen (.zip, .xls, .flv), wordt een pictogram geretourneerd dat overeenkomt met dit type (automatisch gedetecteerd door WordPress). Standaard wordt dit pictogram niet weergegeven; om het weer te geven, moet u de derde parameter ($icon) instellen op true.

Haken van een functie

Retouren

Lijn. HTML-code van de afbeelding in label.

Gebruik

$img = wp_get_attachment_image($attachment_id, $size, $icon, $attr); $bijlage_id(nummer) (verplicht) ID van de bijlage waarvan u de afbeelding wilt ophalen.

$grootte

• (tekenreeks/array)
• Afbeeldingsgrootte. Kan worden gespecificeerd in het formulier:

Tekenreeksen thumbnail , medium , large , full of de naam van de beschikbare maat

In de vorm van een array van 2 elementen die de afmetingen van de zijkanten van het weergegeven beeld bepalen: array(32,32) . Het specificeren van afmetingen via een array verkleint de afbeelding niet fysiek; het wordt alleen visueel verkleind vanaf de meest geschikte kant-en-klare miniatuur (uploads). Het opgeven van formaten heeft geen invloed op de grootte van de weergegeven pictogrammen voor bestanden waarin ze altijd worden weergegeven

originele maat (32x32). In plaats van een array te gebruiken, is het soms zinvoller om te registreren

nieuwe maat

afbeeldingen (add_image_size()) en gebruik deze samen met de reeds geïnstalleerde afbeeldingen (miniatuur, medium, groot of volledig). Deze aanpak is effectiever, omdat het niet nodig is om voortdurend te controleren welke van de beschikbare maten beter past. Standaard: "miniatuur" Of mediapictogrammen moeten worden gebruikt om bijlagen weer te geven. Voor bijlagen van het bestandstype (geen afbeeldingen) wordt het pictogram standaard niet weergegeven; als u pictogrammen voor dit soort bijlagen wilt weergeven, stelt u deze parameter in op true.
Standaard: onwaar$attr (matrix)

Eventuele kenmerken voor de tag in de array. Bijvoorbeeld:

Array("class" => "foo bar", "title" => "afbeeldingstitel",)

Voorbeelden

#1. We zullen een HTML-ready afbeelding weergeven

Laten we de afbeelding weergeven gemiddelde grootte van bijgevoegd afbeeldingsbestand 651:

Het zal zoiets als deze HTML opleveren:

Alt-tekst wordt alleen ingevuld als deze is opgegeven voor bijlage in een speciaal veld (alt-tekst). De alt bevat geen tekst uit de titel, beschrijving of bijschrift van de afbeelding...

#2. Voorbeeld met een aangepast formaat

Laten we de afbeelding weergeven gespecificeerde maat 20x20 pixels, voor bijlagen van het type “afbeelding” en het overeenkomstige pictogram voor andere soorten bijlagen (3e parameter):

ID, array(20,20), waar); ?>

$post->ID - dynamische overdracht van ID binnen de lus. Je kunt zo'n lus maken met behulp van de get_posts() functie (get_posts("post_type=attachment")).

wp krijg bijlage afbeeldingscode: wp-includes/media.php VER 5.1.1

$src, "class" => "attachment-$size_class size-$size_class", "alt" => trim(strip_tags(get_post_meta($attachment_id, "_wp_attachment_image_alt", true))),); $attr = wp_parse_args($attr, $default_attr);

Vanaf versie 3.5 van WordPress is de functie van het automatisch toevoegen van het titelattribuut uit de editor verwijderd, wat naar mijn mening erg lastig is. Nee, deze functie blijft in de editor, maar om erbij te komen en een beschrijving aan de afbeelding toe te voegen, moet je een paar extra manipulaties uitvoeren en vervolgens het vereiste veld handmatig invullen.

In dit artikel zullen we kijken naar de standaardmethode voor het toevoegen van het attribuut ‘titel’ aan afbeeldingen en een alternatieve, automatische methode.

Laten we eens kijken hoe u een titelkenmerk kunt toevoegen in de standaard WordPress-editor

Zoals ik eerder al zei, is het voor mij persoonlijk erg lastig om beschrijvingen aan afbeeldingen toe te voegen op de manier die wordt voorgesteld door de WordPress-ontwikkelaars. Bovendien gebruik ik de visuele editor van WordPress helemaal niet, laat staan ​​dat ik er afbeeldingen doorheen voeg.

Om een ​​titelattribuut aan een afbeelding toe te voegen in de standaard WordPress-editor, moet je een paar dingen doen:

1. Ga naar het tabblad “Visueel”;
2. Voeg op de standaard manier een afbeelding toe, klik erop;
3. Klik op de knop Bewerken in het tabblad dat verschijnt;
4. Zoek en vul het veld “Titelkenmerk” in “Afbeeldingsopties” in (zie schermafbeeldingen).
En pas daarna zal het gewenste en lankmoedige bijschrift voor de foto verschijnen.

Op het tabblad “Afbeeldingsopties” kunt u ook uw eigen klasse toewijzen aan de afbeelding en andere attributen. Naar mijn mening is het sneller om een ​​titelattribuut te schrijven en handmatig een klasse aan de afbeelding toe te voegen via het teksttabblad in de WordPress-editor.

Automatische optie om titel toe te voegen aan de WordPress-editor

Je kunt natuurlijk sowieso een beschrijving aan de afbeelding toevoegen, of je kunt eenmalig een kleine functie toevoegen aan het function.php-bestand, of aan een alternatief bestand voor het function-bestand, artikel Alternatief voor het function.php-bestand WordPress, met jouw add-ons (voor degenen die veel functionele wijzigingen hebben, adviseer ik dat bij het updaten van het thema de wijzigingen niet verdwijnen).

U kunt ook de speciale plug-in Restore Image Title installeren. De plug-in is niet resource-intensief en heeft slechts twee functies.

Een andere optie is om een ​​codefragment rechtstreeks aan het function.php-bestand toe te voegen.

Kijk naar de schermafbeeldingen. Het veld "Titel" zal nu het titelbijschrift voor de afbeelding zijn.

Een titelkenmerk toevoegen aan de WordPress-afbeeldingseditor

Om dit te doen, opent u het function.php-bestand en plakt u dit stukje code aan het einde:

Functie lcb_restore_image_title($html, $id) ( $attachment = get_post($id); if (strpos($html, "title=")) ( return $html; ) else ( $mytitle = esc_attr($ bijlage->post_title); return str_replace("!}

Als u een galerij gebruikt, kunt u een titelkenmerk toevoegen aan de miniaturen uit de galerij. Om dit te doen, voegt u eenvoudigweg nog een codefragment toe aan het bovenstaande codefragment voor de WordPress-galerij.

Een titelkenmerk toevoegen aan de WordPress-galerijeditor

function lcb_restore_title_to_gallery($content, $id) ( $thumb_title = get_the_title($id); return str_replace(" Deze functies en codefragmenten vormen de inhoud van de plug-in Afbeeldingstitel herstellen.

Tegenwoordig nemen afbeeldingen een vrij grote plaats in onder alle webinhoud. Niet alle gebruikers optimaliseren ze echter voor een betere ranking van de hele site als geheel. WordPress biedt naast andere functies handige hulpmiddelen voor het toevoegen van alternatieve tekst en afbeeldingstitel aan de juiste tags. In dit materiaal zullen we kijken naar het verschil tussen attributen alt/titel en toepassingsgebieden.

Waarom hebben we het alt-attribuut nodig in afbeeldingen?

Alternatieve tekst of alt is HTML-kenmerk toegevoegd aan de afbeeldingsinvoegtag . Deze tekst wordt getoond als de afbeelding om de een of andere reden niet wordt geladen en weergegeven op de pagina. Deze zet geeft zoekrobots informatie over wat er precies op de foto te zien is. Meestal in het label alt schrijf een korte beschrijving van de afbeelding. Daarnaast dient het attribuut ook om de toegankelijkheid van de site te verbeteren voor mensen met een beperkt gezichtsvermogen of voor degenen die schermlezers gebruiken. Het leesprogramma leest het tekstgedeelte van de pagina en wanneer het de afbeelding bereikt, leest het ook de tekst die zich in de afbeelding bevindt alt. Hierdoor weten gebruikers altijd wat er op de afbeelding is getekend, zelfs als ze het niet kunnen zien.

Hoe en waar alt in WordPress invullen?

WordPress biedt behoorlijk handige hulpmiddelen voor het invullen van het attribuut alt. U kunt dit dus al opgeven bij het laden van de afbeelding. Om dit te doen, opent u een bericht of pagina, plaatst u de cursor op de plaats waar de afbeelding is ingevoegd en klikt u op de knop Mediabestand toevoegen.

Nadat de knop is ingedrukt, wordt er een venster geopend Mediabibliotheken WordPress, waar u de lokale locatie van het afbeeldingsbestand moet opgeven. Als gevolg hiervan ziet u een zijbalk met de parameters van het gedownloade bestand.

Zoals u kunt zien, bevindt zich een veld op het paneel alt-attribuut. Standaard is deze leeg. De tekst in het attribuut moet 2-3 woorden lang zijn en moet nauwkeurig beschrijven wat er op de foto staat. Om een ​​afbeelding op de site in te voegen, klikt u op de knop In bericht plaatsen.

Waarom hebben we het titelkenmerk nodig in afbeeldingen?

Titel- een ander attribuut HTML-tag voor het invoegen van afbeeldingen . Het wordt gebruikt voor de titel van de afbeelding en geeft meestal de titel aan. Merk ook op dat de tekst erin staat titel wordt niet aan de gebruiker getoond als de afbeelding niet op de pagina wordt weergegeven.

Hoe en waar de titel invullen in WordPress?

Het attribuut wordt ingevuld nadat de afbeelding naar de site is geüpload. Voor dit doel in Mediabibliotheek WordPress zou de afbeelding moeten markeren en de bekende zijbalk zal verschijnen.

Titel of de titel moet op een betekenisvolle manier worden ingesteld, afhankelijk van de informatie in de afbeelding. Tegelijkertijd moet de tekst verschillen van het attribuut alt. De titel kan in het Russisch worden geschreven of in transliteratie worden gebruikt. Heel vaak maken site-eigenaren er gebruik van SEO-optimalisatie door daar trefwoorden aan te geven. U kunt het attribuut ook instellen terwijl u zich op de bericht- of paginabewerkingspagina bevindt. Om dit te doen, klikt u op de afbeelding en klikt u in de extra werkbalk die verschijnt op de knop Bewerken met de afbeelding van een potlood. Om een ​​site te optimaliseren wordt het over het algemeen aanbevolen om beide attributen voor afbeeldingen te gebruiken. Attribuut alt heeft één voordeel: het helpt zoekmachines afbeeldingen op uw site te vinden en deze weer te geven in de zoekresultaten voor afbeeldingen. Tegelijkertijd ontvangt de site extra verkeer van zoekmachines. Een ander voordeel van beide kenmerken is een verbeterde toegankelijkheid van de site voor mensen met speciale behoeften.