Social

Configureer de robots.txt en beeldmeta-tags van uw website voor social post link previews

Laatst bijgewerkt: oktober 19, 2020

Geldt voor:

Hub  Professional, Enterprise
Legacy Marketing Hub Basic

Wanneer u een sociale post in HubSpot aanmaakt en publiceert, zal het corresponderende sociale netwerk proberen een afbeeldingsvoorvertoning te genereren voor uw post. Op basis van de link die je hebt ingevoerd voor de post, zal het sociale netwerk de meta-tags in de broncode van je pagina scannen en het robots.txt-bestand van je website crawlen.

Als u uw website bij een externe provider zoals WordPress host, en de preview voor uw bericht verschijnt niet zoals verwacht, volg dan de onderstaande instructies.

Update uw robots.txt

Een robots.txt bestand informeert zoekmachines hoe ze uw website kunnen indexeren. Als u uw robots.txt-bestand niet correct hebt toegevoegd of geconfigureerd, zullen sociale netwerken de inhoud van uw pagina's niet kunnen ontleden. Facebook en Twitter bieden beide de gebruikersagentstrings die u aan uw robots.txt-bestand moet toevoegen:

User-agent: facebookexternalhitDisallow
:

User-agent: TwitterbotDisallow
:



LinkedIn levert geen documentatie voor hun user-agent string, maar u kunt de LinkedIn-postinspecteur gebruiken om te bevestigen of LinkedIn de inhoud van uw website kan crawlen.

Voeg meta-tags toe aan de <head> sectie van uw website pagina's

Zoekmachines en sociale netwerken zullen de hoofdsectie van uw HTML ontleden om te zoeken naar de metadata die nodig is om een preview van de pagina te genereren. U dient de metadata voor Facebook en Twitter op te nemen na uw primaire meta-tags:

<! -- Primaire meta-tags -->
<titel> Meta-tags- Voorvertoning, bewerken en genereren</titel>
<meta naam="titel" inhoud="Meta Tags - Voorvertoning, bewerken en genereren">
<meta name="description" content="Met Meta Tags kunt u bewerken en experimenteren met uw inhoud en vervolgens een voorbeeld geven van hoe uw webpagina eruit zal zien op Google, Facebook, Twitter en meer!">

<! -- Open Grafiek / Facebook -->
<meta eigenschap="og:type" inhoud="website">
<meta eigenschap="og:url" content="https://example.com">
<meta property="og:titel" content="titel van uw website pagina">
<meta property="og:description" content="Beschrijving van uw websitepagina">
<meta property="og:image" content="https://example.com/image.png">

<! -- Twitter -->
<meta eigenschap="twitter:kaart" inhoud="samenvatting_groot_beeld">
<meta property="twitter:url" content="https://example.com/">
<meta property="twitter:title" content="Titel van uw website pagina">
<meta property="twitter:description" content="Beschrijving van uw website pagina">
<meta property="twitter:image" content="https://example.com/image.png">

Vul de contentattributen voor elk van de bovenstaande meta-tags in met de bijbehorende waarden voor uw pagina. U kunt uw metatags valideren met behulp van de Facebook debugger tool, Twitter card validator en LinkedIn post inspector.

Als de afbeelding voor een link die u hebt ingevoegd niet correct wordt weergegeven in uw sociale preview (bijvoorbeeld, de afbeelding is afgesneden of de verhouding is onjuist), moet u mogelijk de afbeelding bewerken zodat deze de juisteafmetingenheeftvoor het sociale netwerk waaropupost, en vervolgens de pagina opnieuw publiceren. Als u een bericht plaatst op Facebook, kunt u in de documentatie meer te weten komen over hun beeldvereisten.

De volgende dimensies worden aanbevolen voor aanbevolen beeldoptimalisatie op elk netwerk:

  • Facebook: 1.91:1
  • Twitter: 16:9voor foto's en 1.91:1 voor afbeeldingen in link posts.
  • Instagram (vierkant): 1:1
  • Instagram (portret): 4:5
  • Instagram (landschap): 1.91:1
  • LinkedIn (liggend): 1.91:1

Zorg ervoor dat alle media die u in uw sociale berichten opneemt, de richtlijnen voor de bestandsgrootte van elk netwerk volgen. Als HubSpot vaststelt dat een bestand te groot is om op een bepaald netwerk te posten, wordt er een waarschuwing weergegeven. De maximale bestandsgrootte voor elk sociaal netwerk staat hieronder vermeld:

  • Facebook: 8MB (onder 1MB aanbevolen voor PNG-bestanden om pixelvorming te voorkomen)
  • Instagram: 8 MB
  • Twitter: 5MB (15MB voor GIF's)
  • LinkedIn: 10MB

Kleur- en helderheidsverschillen in het beeld

Verschillen in beeldkleur

Geïntegreerde kleurprofielen kunnen van invloed zijn op de manier waarop uw gekenmerkte afbeelding in uw sociale post wordt weergegeven. Verschillende systemen verwerken ongewone kleurprofielen op verschillende manieren, daarom kunnen de kleuren er anders uitzien bij het bekijken van de afbeelding in uw bestandsmanager. U kunt de URL van uw afbeelding via eenexterne toollaten lopenom te zien ofhet een ongewoon kleurprofiel gebruikt. Indien nodig kunt u het storende kleurprofiel verwijderen in een fotobewerkingsprogramma zoals Photoshop, en vervolgens de pagina opnieuw publiceren voordat u de sociale berichten publiceert.

Verschillen in beeldhelderheid

Debestandsbeheerder van HubSpot maakt gebruik vanbeeldcompressie op JPEG's en PNG's om de laadsnelheid van uw HubSpot-hosted content te helpen optimaliseren. Sociale media netwerken gebruiken ook beeldcompressie in berichten, die in kwaliteit kunnen verschillen van wat je ziet in HubSpot. Om deze reden is het aan te raden om relatief hoge resolutie afbeeldingen (in de aanbevolen beeldverhouding) te gebruiken voor elk netwerk. Als je afbeelding niet voldoet aan de eisen van een sociaal netwerk, zal er een waarschuwing verschijnen in de social publishing tool van HubSpot om je afbeelding aan te passen aan de eisen van een sociaal netwerk.

Als u nog steeds problemen ondervindt met uw linkvoorvertoningen die niet goed worden weergegeven, bekijk dan onze probleemoplossingsgids.