Po dodaniu linków do postów społecznościowych w HubSpot zostanie wyświetlony podgląd zawierający wyróżniony obraz, tytuł strony i opis strony.
Podglądy społecznościowe są oparte na metatagach w sekcji <head> kodu HTML strony. Znaczniki te informują platformy mediów społecznościowych, na czym należy się skupić podczas tworzenia podglądu udostępnionego linku. Podstawowe meta tagi to:
Tytuł, meta opis i wyróżniony obraz są automatycznie ustawiane dla postów na blogu. W przypadku stron docelowych i stron internetowych, podczas gdy tytuł i meta opis są również ustawiane automatycznie, wyróżniony obraz należy ustawić ręcznie.
Uwaga: LinkedIn pokaże wyróżniony obraz, tytuł strony i adres URL na karcie podglądu, ale nie uwzględni meta opisu.
Jeśli podgląd posta społecznościowego nie wyświetla oczekiwanego wyróżnionego obrazu, tytułu strony lub opisu strony, możesz rozwiązać problem w HubSpot lub za pomocą zewnętrznych narzędzi do debugowania.
Jeśli łączysz się z postem na blogu, stroną docelową lub stroną internetową hostowaną przez HubSpot, upewnij się, że wyróżniony obraz jest ustawiony w ustawieniach strony lub postu.
Możesz również ręcznie ustawić tag og:image aby dodać wyróżniony obraz:
Przejdź do treści:
<meta property="og:image" content="IMG URL">
<meta name="twitter:card" content="summary_large_image">
Jeśli udostępniasz zewnętrzną stronę w swoim poście społecznościowym, możesz użyć narzędzi programistycznych przeglądarki, takich jak narzędzia Chrome Developer , aby upewnić się, że metatagi strony są poprawnie skonfigurowane. Wyświetl źródło strony, a następnie sprawdź i potwierdź następujące elementy:
og:image i inne metatagi są poprawnie wyświetlane.og:image jest prawidłowy.Jeśli widzisz rozbieżność między podglądem społecznościowym a metatagami, sieć społecznościowa może wymagać ponownego przeszukania tej strony. Skorzystaj z poniższych narzędzi do sprawdzania poprawności dla każdej sieci społecznościowej, aby wykryć wszelkie błędy lub uruchomić ponowne przeszukiwanie strony:
Ogólnie rzecz biorąc, wszystkie posty opublikowane przed ponownym przeszukaniem strony nadal będą zawierać nieprawidłowy obraz. Jeśli tag og:image nie został ustawiony dla strony, sieć społecznościowa przeskanuje stronę, aby znaleźć najbardziej odpowiedni obraz do uwzględnienia w postach społecznościowych, który jest zwykle pierwszym znalezionym obrazem. Obraz podglądu linku może w ogóle się nie pojawić, jeśli plik robots.txt lub oprogramowanie zabezpieczające jest używane do zapobiegania indeksowaniu strony.
Jeśli podgląd posta społecznościowego wyświetla oczekiwany wyróżniony obraz, ale obraz jest wyświetlany nieprawidłowo, możesz sprawdzić następujące elementy.
Jeśli wyróżniony obraz nie pojawia się poprawnie w podglądzie społecznościowym (np. obraz jest obcięty lub proporcje są nieprawidłowe), może być konieczne edytowanie obrazu, aby miał odpowiednie wymiary dla sieci społecznościowej, w której publikujesz, a następnie ponowne opublikowanie strony.
Poniższe wymiary są zalecane do optymalizacji wyróżnionego obrazu w każdej sieci:
Upewnij się, że wszelkie multimedia zawarte w Twoich postach społecznościowych są zgodne z wytycznymi dotyczącymi rozmiaru plików dla każdej sieci. Jeśli HubSpot stwierdzi, że plik jest zbyt duży, aby opublikować go w określonej sieci, podczas tworzenia postu społecznościowego pojawi się ostrzeżenie. Oto maksymalne rozmiary plików dla każdej sieci społecznościowej:
Osadzone profile kolorów mogą wpływać na sposób wyświetlania wyróżnionego obrazu w poście społecznościowym. Różne systemy przetwarzają nietypowe profile kolorów na różne sposoby, dlatego kolory mogą wyglądać inaczej podczas podglądu obrazu w menedżerze plików.
Możesz uruchomić adres URL obrazu za pomocą zewnętrznego narzędzia , aby sprawdzić, czy używa on nietypowego profilu kolorów. W razie potrzeby można usunąć zakłócający profil kolorów w zewnętrznym narzędziu do edycji zdjęć, takim jak Photoshop, a następnie ponownie opublikować stronę przed opublikowaniem posta w serwisie społecznościowym.
Menedżer plików HubSpot wykorzystuje kompresję obrazu w plikach JPEG i PNG, aby pomóc zoptymalizować szybkość ładowania treści hostowanych przez HubSpot. Sieci społecznościowe również używają kompresji obrazu w postach, które mogą różnić się jakością od tego, co widzisz w HubSpot.
Z tego powodu zaleca się używanie obrazów o stosunkowo wysokiej rozdzielczości dla każdej sieci. Jeśli obraz nie spełnia wymagań sieci społecznościowej, w narzędziu do publikacji społecznościowej HubSpot pojawi się ostrzeżenie, które pomoże odpowiednio dostosować obraz.