Når du legger til lenker til sosiale innlegg i HubSpot, vises en forhåndsvisning med bilde, sidetittel og sidebeskrivelse.
Sosiale forhåndsvisninger er basert på metatagger i <head>-delen av sidens HTML. Disse kodene forteller plattformene på sosiale medier hva de skal fokusere på når de lager en forhåndsvisning av den delte lenken. De grunnleggende metataggene er
Tittelen, metabeskrivelsen og det uthevede bildet angis automatisk for blogginnlegg. For landingssider og nettsider angis tittelen og metabeskrivelsen også automatisk, mens det uthevede bildet må angis manuelt.
Merk: LinkedIn viser bildet, sidetittelen og URL-adressen i forhåndsvisningen, men ikke metabeskrivelsen.
Hvis forhåndsvisningen av det sosiale innlegget ikke viser det forventede bildet, sidetittelen eller sidebeskrivelsen, kan du feilsøke i HubSpot eller ved hjelp av eksterne feilsøkingsverktøy.
Hvis du lenker til et blogginnlegg, en landingsside eller en nettside som er hostet av HubSpot, må du sørge for at et utvalgt bilde er angitt i innstillingene for siden eller innlegget.
Du kan også angi en og:image
tagg for å legge til et uthevet bilde:
Gå til landingssidene eller nettsidene dine i HubSpot-kontoen din.
<meta property="og:image" content="IMG URL">
<meta name="twitter:card" content="summary_large_image">
Hvis du deler en ekstern side i det sosiale innlegget ditt, kan du bruke nettleserutviklerverktøy som Chrome Developer-verktøy for å kontrollere at metataggene for siden er riktig konfigurert. Se sidens kilde, og kontroller og bekreft følgende:
og:image
og andre metatagger vises korrekt.og:image
taggen er korrekt.Hvis du ser et avvik mellom den sosiale forhåndsvisningen og metataggene, kan det hende at det sosiale nettverket må gjennomsøke siden på nytt. Bruk følgende valideringsverktøy for hvert sosiale nettverk for å avdekke eventuelle feil eller utløse en ny gjennomsøking av siden:
Generelt vil innlegg som er publisert før siden gjennomsøkes på nytt, fortsatt inneholde feil bilde. Hvis og:image
-taggen ikke er angitt for en side, vil det sosiale nettverket skanne siden for å finne det mest passende bildet å inkludere i sosiale innlegg, som vanligvis er det første bildet det finner. Det kan hende at et forhåndsvisningsbilde ikke vises i det hele tatt hvis en robots.txt-fil eller sikkerhetsprogramvare brukes for å forhindre gjennomsøking av siden.
Hvis forhåndsvisningen av det sosiale innlegget viser det forventede bildet, men bildet vises feil, kan du sjekke følgende.
Hvis det uthevede bildet ikke vises riktig i forhåndsvisningen av det sosiale innlegget (f.eks. hvis bildet er avskåret eller forholdet er feil), kan det hende du må redigere bildet slik at det har de riktige dimensjonene for det sosiale nettverket du publiserer på, og deretter publisere siden på nytt.
Følgende dimensjoner anbefales for optimalisering av uthevede bilder i de ulike nettverkene:
Sørg for at alle medier som inkluderes i de sosiale innleggene dine, følger retningslinjene for filstørrelse for hvert nettverk. Hvis HubSpot vurderer at en fil er for stor til å publiseres i et bestemt nettverk, vises en advarsel når du oppretter det sosiale innlegget. Dette er de maksimale filstørrelsene for hvert sosiale nettverk:
Innebygde fargeprofiler kan påvirke hvordan bildet vises i det sosiale innlegget ditt. Ulike systemer behandler uvanlige fargeprofiler på forskjellige måter, og derfor kan fargene se annerledes ut når du forhåndsviser bildet i filbehandleren.
Du kan kjøre URL-adressen til bildet ditt gjennom et eksternt verktøy for å se om det bruker en uvanlig fargeprofil. Om nødvendig kan du fjerne den forstyrrende fargeprofilen i et eksternt bilderedigeringsverktøy som Photoshop, og deretter publisere siden på nytt før du publiserer innlegget på sosiale medier.
HubSpots filbehandling bruker bildekomprimering på JPEG- ogPNG-filer for å optimalisere innlastingshastigheten påHubSpot-hostet innhold. Sosiale medier bruker også bildekomprimering i innlegg, og kvaliteten på bildene kan variere fra det du ser i HubSpot.
Derfor anbefales det å bruke bilder med relativt høy oppløsning for hvert nettverk. Hvis bildet ditt ikke oppfyller kravene til et sosialt nettverk, vises det en advarsel i HubSpots publiseringsverktøy for sosiale medier, slik at du kan justere bildet deretter.