Når du tilføjer links til sociale indlæg i HubSpot, vises en forhåndsvisning med et udvalgt billede, sidetitel og sidebeskrivelse.
Sociale forhåndsvisninger er baseret på metatags i afsnittet <head> i din sides HTML. Disse tags fortæller de sociale medieplatforme, hvad de skal fokusere på, når de opretter en forhåndsvisning af dit delte link. De grundlæggende metatags er:
Titlen, metabeskrivelsen og det fremhævede billede indstilles automatisk for blogindlæg. For landingssider og websider indstilles titlen og metabeskrivelsen også automatisk, men det fremhævede billede skal indstilles manuelt.
Bemærk: LinkedIn viser dit fremhævede billede, sidetitel og URL i deres preview-kort, men inkluderer ikke din metabeskrivelse.
Hvis forhåndsvisningen af dit sociale opslag ikke viser det forventede fremhævede billede, sidetitel eller sidebeskrivelse, kan du foretage fejlfinding i HubSpot eller ved at bruge eksterne fejlfindingsværktøjer.
Hvis du linker til et blogindlæg, en landingsside eller en hjemmeside, der er hostet af HubSpot, skal du sørge for, at der er angivet et fremhævet billede i sidens eller indlæggets indstillinger.
Du kan også manuelt indstille et og:image tag for at tilføje et fremhævet billede:
Naviger til dit indhold:
<meta property="og:image" content="IMG URL">
<meta name="twitter:card" content="summary_large_image">
Hvis du deler en ekstern side i dit sociale opslag, kan du bruge browserudviklerværktøjer som Chrome Developer Tools til at sikre, at metatags for siden er sat korrekt op. Se sidens kilde, og tjek og bekræft derefter følgende:
og:image og andre metatags vises korrekt.og:image tagget er korrekt.Hvis du ser en uoverensstemmelse mellem din sociale forhåndsvisning og metatags, kan det være, at det sociale netværk er nødt til at gennemgå siden igen. Brug følgende valideringsværktøjer til hvert socialt netværk for at finde eventuelle fejl eller udløse en genindlæsning af siden:
Generelt vil alle indlæg, der er publiceret, før siden er blevet gennemsøgt igen, stadig have det forkerte billede. Hvis og:image -tagget ikke er angivet for en side, vil det sociale netværk scanne siden for at finde det mest passende billede til at inkludere i sociale opslag, hvilket normalt er det første billede, det finder. Et billede til forhåndsvisning af et link vises muligvis slet ikke, hvis der bruges en robots.txt-fil eller sikkerhedssoftware til at forhindre crawling af siden.
Hvis forhåndsvisningen af dit sociale opslag viser det forventede fremhævede billede, men billedet vises forkert, kan du tjekke følgende.
Hvis det fremhævede billede ikke vises korrekt i din sociale forhåndsvisning (f.eks. hvis billedet er afskåret, eller forholdet er forkert), skal du muligvis redigere billedet, så det har de rigtige dimensioner til det sociale netværk, du sender til, og derefter udgive siden igen.
Følgende dimensioner anbefales til optimering af fremhævede billeder på hvert netværk:
Sørg for, at alle medier, der indgår i dine sociale opslag, følger retningslinjerne for filstørrelse for hvert netværk. Hvis HubSpot vurderer, at en fil er for stor til at blive sendt til et bestemt netværk, vil der blive vist en advarsel, når du opretter det sociale opslag. Dette er de maksimale filstørrelser for hvert socialt netværk:
Indlejrede farveprofiler kan påvirke, hvordan dit fremhævede billede vises i dit sociale opslag. Forskellige systemer behandler ualmindelige farveprofiler på forskellige måder, og derfor kan farverne se anderledes ud, når du får vist billedet i din filhåndtering.
Du kan køre din billed-URL gennem et eksternt værktøj for at se, om den bruger en usædvanlig farveprofil. Hvis det er nødvendigt, kan du fjerne den forstyrrende farveprofil i et eksternt fotoredigeringsværktøj som Photoshop og derefter genudgive siden, før du udgiver dit sociale opslag.
HubSpots filhåndtering bruger billedkomprimering på JPEG'er og PNG'er for at hjælpe med at optimere indlæsningshastighederne på dit HubSpot-hostede indhold. Sociale medienetværk bruger også billedkomprimering i opslag, som kan variere i kvalitet fra det, du ser i HubSpot.
Af denne grund anbefales det at bruge billeder i relativt høj opløsning til hvert netværk. Hvis dit billede ikke er i overensstemmelse med et socialt netværks krav, vises der en advarsel i HubSpots sociale publiceringsværktøj, som hjælper med at justere dit billede i overensstemmelse hermed.