Doorgaan naar artikel
Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.
Social

Problemen oplossen met linkvoorbeelden in sociale berichten

Laatst bijgewerkt: juli 21, 2021

Geldt voor:

Marketing Hub Professional, Enterprise
Legacy Marketing Hub Basic

Wanneer u links toevoegt aan sociale berichten in HubSpot, ziet u een voorbeeld dat een uitgelichte afbeelding, paginatitel en paginabeschrijving bevat. Als de afbeelding, titel of beschrijving niet worden weergegeven of als u problemen ondervindt met de uitgelichte afbeelding, gebruik dan de onderstaande stappen om problemen op te lossen.

Sociale voorvertoningen zijn gebaseerd op metatags in de <head>-sectie van uw pagina-HTML. Deze tags vertellen sociale mediasites zoals Facebook, LinkedIn en Twitter waar ze op moeten letten bij het maken van een voorvertoning van je gedeelde link. De basis meta tags zijn:

  • og:title: de titel van je inhoud.
  • og:type: het type van je 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 de permanente ID.
  • og:description: debeschrijving die uw afbeelding samenvat.

De titel, meta beschrijving, en de uitgelichte afbeelding worden automatisch ingesteld voor blogberichten. Voor landingspagina's en website pagina's, terwijl de titel en meta description ook automatisch worden ingesteld, moet de uitgelichte afbeelding handmatig worden ingesteld.

Let op: LinkedIn zal uw uitgelichte afbeelding, paginatitel en URL tonen in hun voorbeeldkaart, maar zal uw meta beschrijving niet weergeven.

Aanbevolen afbeelding, paginatitel of paginabeschrijving wordt niet getoond in de post preview

Als de voorvertoning van uw sociale post niet de verwachte uitgelichte afbeelding, paginatitel of paginabeschrijving toont, kunt u problemen oplossen in HubSpot of door externe debuggingtools te gebruiken.

Problemen oplossen binnen HubSpot

Als je linkt naar een HubSpot-gehoste blogpost, landingspagina of websitepagina, zorg er dan voor dat een uitgelichte afbeelding is ingesteld in de pagina of post's instellingen.

U kunt ook handmatig een og:afbeelding tag instellen om een uitgelichte afbeelding toe te voegen:

  • In uw HubSpot account, navigeert u naar uw landingspagina's of websitepagina's.

  • Ga met de muis over een pagina en klik op Bewerken.
  • Klik in de inhoudseditor op het tabblad Instellingen enklik vervolgens op Geavanceerdeopties.
  • In de sectieExtra code snippets, voert u dit code snippetin hetveld Hoofd HTML in:

<meta property="og:image" content="IMG URL">

<meta name="twitter:card" content="summary_large_image">

  • Klik rechtsboven opPubliceren of Bijwerken omdewijzigingen live tezetten.

Problemen oplossen met browser-ontwikkelaarshulpprogramma's

Als u een externe pagina deelt in uw sociale post, kunt u hulpprogramma's voor browserontwikkelaars gebruiken, zoals het hulpprogramma voor ontwikkelaars van Chrome, om te controleren of de metatags voor de pagina correct zijn ingesteld. Bekijk de broncode van de pagina en controleer en bevestig het volgende:

  • De og:image en andere meta tags worden correct weergegeven.
  • De details voor elke tag zijn correct. Controleer bijvoorbeeld of de URL voor de uitgelichte afbeelding voor de og:afbeelding tag correct 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 je extra code of opmaak hebt vóór je metatags, kunnen crawlers van sociale netwerken deze tags mogelijk niet vinden.

inspect-for-featured-image


Problemen oplossen met debugging-tools voor sociale netwerken

Als je een discrepantie ziet tussen je sociale voorbeeld en de metatags, moet het sociale netwerk die pagina mogelijk opnieuw crawlen. Gebruik de volgende validatiehulpmiddelen voor elk sociaal netwerk om eventuele fouten aan het licht te brengen of een herrawl van de pagina te activeren:

  • Facebook Sharing Debugger: Facebook rawlt gedeelde inhoud elke 24 uur automatisch opnieuw. Klik op Scrape Again in de Sharing Debugger om handmatig een recrawl te starten.
  • Twitter kaart validator: Twitter cached content gedurende 7 dagen na het publiceren van een post. Klik op Voorbeeld kaart in de Kaart Validator om een recrawl van uw inhoud te starten.
  • LinkedIn Post Inspector: LinkedIn caches inhoud voor 7 dagen na het publiceren van een bericht. Klik op Inspecteren in de Post Inspector om een herrawl van uw inhoud te starten.

In het algemeen zullen berichten die zijn gepubliceerd voordat de pagina opnieuw is geraadpleegd, 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 in sociale berichten op te nemen, wat meestal de eerste afbeelding is die wordt gevonden. Een voorbeeldafbeelding van een link wordt mogelijk helemaal niet weergegeven als een robots.txt-bestand of beveiligingssoftware wordt gebruikt om het crawlen van pagina's te voorkomen.

Problemen met de weergave van aanbevolen afbeeldingen

Als de voorvertoning van uw sociale post de verwachte uitgelichte afbeelding weergeeft, maar de afbeelding wordt onjuist weergegeven, kunt u het volgende controleren.

Afbeeldingsgrootte of -verhouding is onjuist

Als de uitgelichte afbeelding niet correct wordt weergegeven in uw sociale voorvertoning (de afbeelding wordt bijvoorbeeld afgesneden of de verhouding is onjuist), moet u de afbeelding mogelijk bewerken zodat deze de juiste afmetingen heeft voor het sociale netwerk waar u de post naartoe plaatst, en de pagina vervolgens 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 (liggend): 1,91:1
  • LinkedIn (liggend): 1,91:1

Zorg ervoor dat alle media in uw sociale berichten de richtlijnen voor bestandsgrootte voor elk netwerk volgt. 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 hoe uw uitgelichte afbeelding wordt weergegeven in uw sociale post. Verschillende systemen verwerken ongewone kleurprofielen op verschillende manieren. Daarom kunnen de kleuren er anders uitzien wanneer u een voorbeeld van de afbeelding bekijkt in uw bestandsbeheerder.

U kunt de URL van uw afbeelding door een extern hulpprogramma laten lopen om te zien of het een ongebruikelijk 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 post publiceert.

Verschillen in helderheid van afbeeldingen

HubSpot's bestandsbeheerder gebruikt afbeeldingscompressie op JPEG's en PNG's om de laadsnelheden op uw HubSpot-gehoste inhoud te optimaliseren. Sociale media netwerken gebruiken ook beeldcompressie in posts, die in kwaliteit kunnen verschillen van wat u ziet in HubSpot.

Om deze reden is het aanbevolen om relatief hoge-resolutie afbeeldingen te gebruiken voor elk netwerk. Als je afbeelding niet voldoet aan de vereisten van een sociaal netwerk, zal er een waarschuwing verschijnen in HubSpot's social publishing tool om je te helpen je afbeelding dienovereenkomstig aan te passen.