Voeg een slim [node:share-image]-token toe met een optionele fallback-URL voor je content

 

In dit artikel, dat is uitgewerkt vanuit de video, vertel ik over een nieuwe functie in Varbase Media: het slimme [node]-token. Dit token kiest zelf de meest geschikte afbeelding wanneer je nodes deelt op socialemediaplatforms zoals Facebook, Twitter of zelfs Slack. Er zit ook een optie voor een fallback-URL bij, zodat er altijd een standaardafbeelding wordt gebruikt als er geen geschikte afbeelding te vinden is. Dat maakt het delen een stuk eenvoudiger en zorgt ervoor dat gedeelde content op alle platforms er beter uitziet.

 

Het probleem met de oude aanpak

Vroeger gebruikten we bij het delen van content allerlei tokens, oude tokens die veel te ingewikkeld waren voor redacteuren of content-beheerders.
Door de manier waarop ze genest werden, was het niet mogelijk om op een goede manier een fallback in te stellen.

  • [node:field_media:entity:social_large]
  • [node:field_media:entity:social_medium]
  • [node:field_media:entity:social_small]

     

Met zulke tokens bepaalde je welke afbeelding gebruikt moest worden. Ze vroegen om een zorgvuldige configuratie en konden behoorlijk ingewikkeld worden, vooral bij verschillende contenttypen en mediavelden.

Als een contenttype bijvoorbeeld een mediaveld had en die media een coverafbeelding bevatte, werd die afbeelding gebruikt. Maar zat er geen afbeelding in het mediaveld, dan leverde het token geen deelafbeelding op, met een onvolledig of minder aantrekkelijk bericht op social media als gevolg.

Het nieuwe slimme [node:share-image]-token

Het nieuwe slimme [node]-token zet dit proces op zijn kop: het kiest automatisch de meest geschikte afbeelding op basis van de inhoud van de node. Zo werkt het:

 

  1. Controle van het mediaveld: Als het contenttype een mediaveld met een afbeelding of video bevat, gebruikt het token die afbeelding.
  2. Terugval op het afbeeldingsveld: Is er geen mediaveld, dan kijkt het token naar een afbeeldingsveld.
  3. Het videoveld als laatste redmiddel: Wordt ook daar niets gevonden, dan controleert het een videoveld.
  4. Standaard fallback-afbeelding: Bevat geen van deze velden een afbeelding, dan gebruikt het token automatisch een vooraf ingestelde fallback-afbeelding. Die kun je globaal instellen in het standaardthema, zodat alle gedeelde content een consistente uitstraling heeft.

Voorbeelden uit de praktijk

Laten we een paar concrete voorbeelden doornemen:

  • Blogberichten met media: Stel dat je een contenttype voor blogberichten hebt met een mediaveld. Bevat dat veld een afbeelding, dan wordt die afbeelding gebruikt bij het delen. Bevat het een video, dan wordt de coverafbeelding van die video gebruikt.
  • Berichten met alleen tekst: Bij een bericht met alleen tekst en geen media valt het token terug op de fallback-afbeelding, zodat het bericht ook bij het delen visueel aantrekkelijk blijft.
  • Contenttypen met meerdere mediavelden: Heeft een contenttype zoals “Show” zowel een mediaveld als een videoveld, dan geeft het token voorrang aan het mediaveld. Wordt daar niets gevonden, dan zoekt het een coverafbeelding in het videoveld. Is ook dat leeg, dan valt het terug op de standaardafbeelding.

Werkt direct, zonder extra instellingen

Een van de beste eigenschappen van het slimme [node]-token is dat het meteen werkt. Zodra het token is toegevoegd aan je metatag-configuratie, kiest het automatisch de beste afbeeldingen voor je content. Zo zorg je er heel eenvoudig voor dat je content er bij het delen altijd op zijn best uitziet, zonder uitgebreide handmatige configuratie.

 

Conclusie

Het slimme [node]-token in Varbase Media is een duidelijke verbetering ten opzichte van eerdere methoden. Doordat de best mogelijke afbeelding voor social sharing automatisch wordt gekozen en er een fallback-optie is, verbetert zowel de gebruikerservaring als de weergave van gedeelde content. Of je nu sitebeheerder bent of content maakt: dit token bespaart je tijd en zorgt ervoor dat je content altijd klaar is om gedeeld te worden.

 

Bedankt voor het lezen, en maak in je projecten zeker gebruik van dit slimme token!