Laatst bijgewerkt: juni 28, 2023
Beschikbaar met elk van de volgende abonnementen, behalve waar vermeld:
Marketing Hub Professional, Enterprise
|
| Legacy Marketing Hub Basic |
Wanneer je links naar sociale berichten in HubSpot toevoegt, wordt 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:
- og:title: de titel van uw inhoud.
- og:type: het type van uw inhoud, zoals een video of een webpagina.
- og:image: de URL van de afbeelding die uw inhoud weergeeft.
- og:url: de unieke URL van uw inhoud die zal worden gebruikt als zijn permanente ID.
- og:description: de beschrijving die uw afbeelding samenvat.
De titel, metabeschrijving en de uitgelichte afbeelding worden automatisch ingesteld voor blogberichten. Voor landingspagina's en websitepagina's worden de titel en de metabeschrijving ook automatisch ingesteld, maar de uitgelichte afbeelding moet handmatig worden ingesteld.
Let op: LinkedIn toont je uitgelichte afbeelding, paginatitel en URL in de voorbeeldkaart, maar niet je metabeschrijving.
Aanbevolen afbeelding, paginatitel of paginabeschrijving wordt niet weergegeven in de voorvertoning van de post
Als je sociale berichtvoorbeeld niet de verwachte uitgelichte afbeelding, paginatitel of paginabeschrijving toont, kun je problemen oplossen in HubSpot of met behulp van externe foutopsporingstools.
Problemen oplossen binnen HubSpot
Als je linkt naar een HubSpot-hosted blogpost, landingspagina of websitepagina, controleer dan of er een uitgelichte afbeelding is ingesteld in de pagina of bericht instellingen.
Je kunt ook handmatig een og:image tag instellen om een uitgelichte afbeelding toe te voegen:
-
In je HubSpot account, navigeer naar je landingspagina's of websitepagina's.
- Ga met de muis over een pagina en klik op Bewerken.
- Klik in de inhoudseditor op het tabblad Instellingen en vervolgens op Geavanceerde opties.
- Voer in de sectieExtra codesnippersdezecodein het veldHead HTML in:
<meta property="og:image" content="IMG URL">
- Vervang IMG URL door de URL van uw afbeeldingsbestand.
- Om een afbeelding verder te optimaliseren voor Twitter, voer je dit extra codefragment in het Head HTML-veld in:
<meta name="twitter:card" content="summary_large_image">
- Klik rechtsboven op Publiceren of Bijwerken om de wijzigingen live te zetten.
Problemen oplossen met hulpmiddelen voor browserontwikkelaars
Als u een externe pagina deelt in uw sociale bericht, kunt u tools voor browserontwikkelaars zoals Chrome Developer tools gebruiken om te controleren of de metatags voor de pagina correct zijn ingesteld. Bekijk de bron van de pagina en controleer en bevestig het volgende:
- De
og:imageen andere metatags worden correct weergegeven. - De details voor elke tag zijn correct. Controleer bijvoorbeeld of de URL van de uitgelichte afbeelding voor de
og:imagecorrect is. - Elk type metatag komt maar één keer voor. Als dezelfde metatag meerdere keren voorkomt, selecteren sociale netwerken mogelijk niet de juiste bij het genereren van een linkvoorbeeld.
- Je metatags staan bovenaan in de HTML. Als u extra code of markup hebt vóór uw metatags, kunnen crawlers van sociale netwerken deze tags mogelijk niet vinden.
Problemen oplossen met debugging tools voor sociale netwerken
Als u een discrepantie ziet tussen uw 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:
- Facebook Sharing Debugger: Facebook recrawlt automatisch elke 24 uur gedeelde inhoud. Klik op Opnieuw scrapen in de Sharing Debugger om handmatig een nieuwe scrawl uit te voeren.
- Twitter Kaart Validator: Twitter cached content gedurende 7 dagen na het publiceren van een post. Klik op Kaartvoorbeeld in de Kaartvalidator om een recrawl van uw inhoud te starten.
- LinkedIn Post Inspector: LinkedIn cached content gedurende 7 dagen na publicatie van een post. Klik op Inspect in de Post Inspector om je inhoud opnieuw te zoeken.
Over het algemeen zullen alle berichten die zijn gepubliceerd voordat de pagina opnieuw werd bekeken, nog steeds de onjuiste afbeelding bevatten. Als de og:image-tag 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 linkvoorbeeldafbeelding verschijnt mogelijk helemaal niet als een robots.txt-bestand of beveiligingssoftware wordt gebruikt om crawlen van pagina's te voorkomen.
Problemen met de weergave van aanbevolen afbeeldingen
Als het voorbeeld van je sociale bericht de verwachte uitgelichte afbeelding weergeeft, maar de afbeelding onjuist wordt weergegeven, kun je het volgende controleren.
Grootte of verhouding van de afbeelding is onjuist
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:
- Facebook: 1.91:1
- Twitter: 16:9 voor fotoposts en 1,91:1 voor uitgelichte afbeeldingen in linkposts
- Instagram (vierkant): 1:1
- Instagram (staand): 4:5
- Instagram (landschap): 1.91:1
- LinkedIn (landschap): 1.91:1
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:
- Facebook: 8MB (minder dan 1MB aanbevolen voor PNG-bestanden om pixelvorming te voorkomen)
- Instagram: 8MB
- Twitter: 5MB (15MB voor GIF's)
- LinkedIn: 10MB
Verschillen in afbeeldingskleur
Ingesloten kleurprofielen kunnen van invloed zijn op de manier waarop uw afbeelding in uw sociale bericht wordt weergegeven. Verschillende systemen verwerken ongewone kleurprofielen op verschillende manieren. Daarom kunnen de kleuren er anders uitzien wanneer je de afbeelding in je bestandsbeheer bekijkt.
Je kunt de URL van je afbeelding door een extern hulpprogramma halen om te zien of deze een ongewoon kleurprofiel gebruikt. Indien nodig kunt u het storende kleurprofiel verwijderen in een extern fotobewerkingsprogramma zoals Photoshop, en vervolgens de pagina opnieuw publiceren voordat u uw sociale bericht publiceert.
Verschillen in beeldhelderheid
De bestandsbeheerder van HubSpot gebruikt beeldcompressie op JPEG's en PNG's om de laadsnelheid van je HubSpot-hosted content te optimaliseren. Sociale medianetwerken gebruiken ook beeldcompressie in berichten, waardoor de kwaliteit kan verschillen van wat je in HubSpot ziet.
Om deze reden is het aanbevolen om voor elk netwerk afbeeldingen met een relatief hoge resolutie te gebruiken. Als je afbeelding niet voldoet aan de vereisten van een sociaal netwerk, verschijnt er een waarschuwing in HubSpot's tool voor sociale publicaties om je afbeelding dienovereenkomstig aan te passen.
