Når du legger til lenker til sosiale innlegg i HubSpot, vises en forhåndsvisning med et utvalgt bilde, sidetittel og sidebeskrivelse.
Forhåndsvisning av sosiale medier er basert på metatagger i <head>-delen av HTML-koden på siden din. Disse taggene forteller sosiale medier hva de skal fokusere på når de oppretter en forhåndsvisning av den delte lenken din. De grunnleggende metataggene er
Tittelen, metabeskrivelsen og det uthevede bildet angis automatisk for blogginnlegg. For destinasjonssider og nettsider angis tittelen og metabeskrivelsen også automatisk, mens det uthevede bildet må angis manuelt.
Merk: LinkedIn viser det uthevede bildet, sidetittelen og URL-adressen din i forhåndsvisningskortet, men inkluderer ikke metabeskrivelsen din.
Hvis forhåndsvisningen av det sosiale innlegget ditt ikke viser det forventede uthevede bildet, sidetittelen eller sidebeskrivelsen, kan du feilsøke i HubSpot eller ved hjelp av eksterne feilsøkingsverktøy.
Hvis du lenker til et HubSpot-hostet blogginnlegg, en landingsside eller en nettside, må du sørge for at et utvalgt bilde er angitt i sidens eller innleggets innstillinger.
Du kan også manuelt angi en og:image tag for å legge til et utvalgt bilde:
Naviger til innholdet ditt:
<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 utviklerverktøy for nettlesere, for eksempel Chrome Developer-verktøy , for å kontrollere at metakodene for siden er riktig konfigurert. Se sidens kilde, og sjekk og bekreft følgende:
og:image og andre metatagger vises på riktig måte.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 alle innlegg som er publisert før siden gjennomsøkes på nytt, fortsatt beholde det feilaktige bildet. Hvis og:image -taggen ikke er angitt for en side, vil det sosiale nettverket skanne siden for å finne det mest passende bildet som skal inkluderes 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 uthevede bildet, men bildet vises feil, kan du sjekke følgende.
Hvis det uthevede bildet ikke vises riktig i forhåndsvisningen av det sosiale nettverket (f.eks. hvis bildet er avskåret eller forholdet er feil), må du kanskje redigere bildet slik at det har de riktige dimensjonene for det sosiale nettverket du legger ut på, og deretter publisere siden på nytt.
Følgende dimensjoner anbefales for optimalisering av uthevede bilder på hvert nettverk:
Sørg for at alle medier som er inkludert i de sosiale innleggene dine, følger retningslinjene for filstørrelse for hvert nettverk. Hvis HubSpot fastslår at en fil er for stor til å legges ut 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 bilde-URL-en din gjennom et eksternt verktøy for å se om den bruker en uvanlig fargeprofil. Hvis det er 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 det sosiale innlegget.
HubSpots filbehandling bruker bildekomprimering på JPEG- og PNG-filer for å optimalisere innlastingshastigheten på HubSpot-hostet innhold. Sosiale medienettverk bruker også bildekomprimering i innlegg, noe som kan variere i kvalitet fra det du ser i HubSpot.
Av denne grunn anbefales det å bruke bilder med relativt høy oppløsning for hvert nettverk. Hvis bildet ditt ikke er i samsvar med kravene til et sosialt nettverk, vises en advarsel i HubSpots sosiale publiseringsverktøy for å hjelpe deg med å justere bildet ditt deretter.