Wanneer je koppelingen naar sociale berichten in HubSpot toevoegt, wordt er een voorvertoning met een uitgelichte afbeelding, paginatitel en paginabeschrijving weergegeven.
Sociale voorvertoningen zijn gebaseerd op metatags in de <head>-sectie van de HTML van je pagina. Deze tags vertellen platforms voor sociale mediasites waar ze op moeten letten bij het maken van een voorvertoning van je gedeelde link. De basis metatags zijn:
De titel, meta description en de uitgelichte afbeelding worden automatisch ingesteld voor blog posts. Voor landingspagina's en websitepagina's worden de titel en meta description ook automatisch ingesteld, maar de uitgelichte afbeelding moet handmatig ingesteld worden.
Let op: LinkedIn toont je uitgelichte afbeelding, paginatitel en URL in de voorbeeldkaart, maar niet je meta description.
Als de voorvertoning van je sociale bericht niet de verwachte uitgelichte afbeelding, paginatitel of paginabeschrijving toont, kun je problemen oplossen in HubSpot of met behulp van externe foutopsporingstools.
Als je een koppeling maakt naar een HubSpot-blogpost, landingspagina of websitepagina, controleer dan of er een uitgelichte afbeelding is ingesteld in de instellingen van de pagina of post.
Je kunt ook handmatig een og:image tag instellen om een uitgelichte afbeelding toe te voegen:
Navigeer naar je content:
<meta property="og:image" content="IMG URL">
<meta name="twitter:card" content="summary_large_image">
Als u een externe pagina deelt in uw sociale bericht, kunt u hulpprogramma's voor browserontwikkelaars zoals Chrome Developer tools gebruiken om te controleren of de metatags voor de pagina correct zijn ingesteld. Bekijk de broncode van de pagina en controleer en bevestig het volgende:
og:image en andere metatags worden correct weergegeven.og:image tag juist is.Als je een discrepantie ziet tussen je sociale voorvertoning en de metatags, moet het sociale netwerk de pagina mogelijk opnieuw crawlen. Gebruik de volgende validatietools voor elk sociaal netwerk om eventuele fouten aan het licht te brengen of een pagina opnieuw te laten scrollen:
Over het algemeen zullen alle berichten die zijn gepubliceerd voordat de pagina opnieuw werd bekeken nog steeds de onjuiste afbeelding bevatten. Als de tag og:image niet is ingesteld voor een pagina, zal het sociale netwerk de pagina scannen om de meest geschikte afbeelding te vinden om op te nemen in sociale berichten. Een voorbeeldafbeelding van een link wordt mogelijk helemaal niet weergegeven als een robots.txt-bestand of beveiligingssoftware wordt gebruikt om crawlen van pagina's te voorkomen.
Als de voorvertoning van je sociale bericht de verwachte uitgelichte afbeelding weergeeft, maar de afbeelding onjuist wordt weergegeven, kun je het volgende controleren.
Als de uitgelichte afbeelding niet correct wordt weergegeven in je sociale voorvertoning (de afbeelding is bijvoorbeeld afgesneden of de verhouding is onjuist), moet je de afbeelding mogelijk bewerken zodat deze de juiste afmetingen heeft voor het sociale netwerk waarop je post en vervolgens de pagina opnieuw publiceren.
De volgende afmetingen worden aanbevolen voor het optimaliseren van uitgelichte afbeeldingen op elk netwerk:
Zorg ervoor dat alle media in je sociale berichten de richtlijnen voor bestandsgrootte voor elk netwerk volgen. Als HubSpot bepaalt dat een bestand te groot is om op een bepaald netwerk te posten, verschijnt er een waarschuwing bij het maken van de sociale post. Dit zijn de maximale bestandsgroottes voor elk sociaal netwerk:
Ingesloten kleurprofielen kunnen van invloed zijn op hoe je uitgelichte afbeelding wordt weergegeven in je sociale bericht. Verschillende systemen verwerken ongewone kleurprofielen op verschillende manieren. Daarom kunnen de kleuren er anders uitzien als je de afbeelding bekijkt in je bestandsbeheerder.
Je kunt de URL van je afbeelding door een extern hulpprogramma halen om te zien of deze een ongewoon kleurprofiel gebruikt. Indien nodig kun je het storende kleurprofiel verwijderen in een extern fotobewerkingsprogramma zoals Photoshop en vervolgens de pagina opnieuw publiceren voordat je je sociale bericht publiceert.
HubSpot's bestandsbeheerder gebruikt beeldcompressie op JPEG's en PNG's om de laadsnelheid van je HubSpot gehoste content te optimaliseren. Sociale medianetwerken gebruiken ook beeldcompressie in berichten, waardoor de kwaliteit kan afwijken van wat je ziet in HubSpot.
Om deze reden wordt het aanbevolen om afbeeldingen met een relatief hoge resolutie te gebruiken voor elk netwerk. Als je afbeelding niet voldoet aan de vereisten van een sociaal netwerk, verschijnt er een waarschuwing in de tool voor sociale publicaties van HubSpot om je te helpen je afbeelding dienovereenkomstig aan te passen.