Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.
Social

Rozwiązywanie problemów z podglądem linków w postach społecznościowych

Data ostatniej aktualizacji: października 18, 2021

Dotyczy:

Marketing Hub Professional, Enterprise
Wcześniejsze konto Marketing Hub Basic

Podczas dodawania linków do postów społecznościowych w HubSpot, zobaczysz podgląd, który zawiera wyróżniony obraz, tytuł strony i opis strony. Jeśli obraz, tytuł lub opis nie są wyświetlane lub występują problemy z wyróżnionym obrazem, wykonaj poniższe kroki, aby rozwiązać problem.

Podgląd społecznościowy opiera się na meta tagach w sekcji <head> HTML Twojej strony. Znaczniki te informują serwisy społecznościowe takie jak Facebook, LinkedIn czy Twitter na czym mają się skupić podczas tworzenia podglądu udostępnionego linku. Podstawowe znaczniki meta to:

  • og:title: tytuł Twojej treści.
  • og:type: typ treści, np. wideo lub strona internetowa.
  • og:image: adres URL obrazu, który ma reprezentować Twoją treść.
  • og:url: unikalny adres URL twojej zawartości, który będzie używany jako jej stały identyfikator.
  • og:description:opis, który podsumowuje twój obraz.

Tytuł, opis meta i wyróżniony obraz są automatycznie ustawiane dla postów na blogu. Dla stron docelowych i stron witryny, podczas gdy tytuł i meta opis są ustawione również automatycznie, wyróżniony obraz musi być ustawiony ręcznie.

Uwaga: LinkedIn pokaże twój wyróżniony obraz, tytuł strony i adres URL w swojej karcie podglądu, ale nie będzie zawierał twojego meta opisu.

Featured image, tytuł strony lub opis strony nie są wyświetlane w podglądzie postu

Jeśli podgląd postu 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.

Rozwiązywanie problemów w HubSpot

Jeśli łączysz się z postem na blogu hostowanym przez HubSpot, stroną docelową lub stroną internetową, upewnij się, że wyróżniający się obraz jest ustawiony w tagu strona lub post's ustawienia.

Można również ręcznie ustawić znacznik og:image aby dodać wyróżniony obraz:

  • Na swoim koncie HubSpot, przejdź do swoich stron docelowych lub stron witryny.

  • Najedź na stronę i kliknij przyciskEdytuj.
  • W edytorze treści kliknij kartę Ustawienia, a następnie kliknijOpcje zaawansowane.
  • W sekcjiDodatkowe fragmenty koduwprowadź tenfragment kodudo polaGłówny HTML:

<meta property="og:image" content="IMG URL">.

<meta name="twitter:card" content="summary_large_image">.

  • W prawym górnym rogu kliknij przyciskPublikuj lubAktualizuj, aby wprowadzić zmiany na żywo.

Rozwiązywanie problemów za pomocą narzędzi deweloperskich przeglądarki

Jeśli w swoim poście społecznościowym udostępniasz zewnętrzną stronę, możesz skorzystać z narzędzi deweloperskich przeglądarki, takich jak Chrome Developer tools , aby upewnić się, że znaczniki meta dla strony są ustawione poprawnie. Wyświetl źródło strony, a następnie sprawdź i potwierdź następujące elementy:

  • Strona og:image i inne meta tagi są poprawnie wyświetlane.
  • Szczegóły dla każdego tagu są poprawne. Na przykład, sprawdź, czy adres URL wyróżnionego obrazu dla tagu og:image jest poprawny.
  • Istnieje tylko jedno wystąpienie każdego typu meta tagu. Jeśli istnieje wiele wystąpień tego samego meta tagu, sieci społecznościowe mogą nie wybrać właściwego podczas generowania podglądu linku.
  • Twoje meta tagi znajdują się w górnej części kodu HTML. Jeśli przed meta tagami znajduje się dodatkowy kod lub znacznik, roboty indeksujące sieci społecznościowe mogą nie być w stanie zlokalizować tych znaczników.

inspect-for-featured-image


Rozwiązywanie problemów za pomocą narzędzi do debugowania sieci społecznościowych

Jeśli widzisz rozbieżności pomiędzy podglądem społecznościowym a meta tagami, sieć społecznościowa może potrzebować ponownego przeszukania strony. Użyj następujących narzędzi walidacji dla każdej sieci społecznościowej, aby wykryć wszelkie błędy lub wywołać ponowne przeszukiwanie strony:

  • Facebook Sharing Debugger: Facebook automatycznie przeszukuje udostępnione treści co 24 godziny. Aby ręcznie uruchomić ponowne przeszukiwanie, kliknij Scrape Again w Debuggerze udostępniania.
  • Walidator kart na Twitterze: Twitter buforuje treści przez 7 dni po opublikowaniu postu. Kliknij przycisk Podgląd karty w Walidatorze kart, aby uruchomić ponowne przeszukiwanie treści.
  • LinkedIn Post Inspector: LinkedIn buforuje treść przez 7 dni po opublikowaniu postu. Kliknij przycisk Inspect w Inspektorze postów, aby uruchomić ponowne przeszukiwanie treści.

Ogólnie rzecz biorąc, wszystkie posty opublikowane przed ponownym przeszukiwaniem strony nadal będą zachowywać nieprawidłowy obraz. Jeśli znacznik og:image nie został ustawiony dla strony, sieć społecznościowa przeskanuje stronę, aby znaleźć najbardziej odpowiedni obraz do włączenia do postów społecznościowych, który jest zwykle pierwszym obrazem, jaki znajdzie. 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.

Problemy z wyświetlaniem Featured image

Jeśli Twój podgląd postu społecznościowego wyświetla oczekiwany wyróżniony obraz, ale obraz jest wyświetlany nieprawidłowo, możesz sprawdzić następujące rzeczy.

Rozmiar obrazu lub proporcje są nieprawidłowe

Jeśli wyróżniony obraz nie jest wyświetlany poprawnie w podglądzie społecznościowym (np. obraz jest obcięty lub proporcje są nieprawidłowe), być może będziesz musiał edytować obraz, aby miał odpowiednie wymiary dla sieci społeczności owej, do której publikujesz, a następnie ponownie opublikować stronę.

Poniższe wymiary są zalecane dla optymalizacji featured image w każdej sieci:

  • Facebook: 1.91:1
  • Twitter: 16:9 dla postów ze zdjęciami i 1,91:1 dla wyróżnionych obrazów w postach z linkami
  • Instagram (kwadrat): 1:1
  • Instagram (portret): 4:5
  • Instagram (krajobraz): 1,91:1
  • LinkedIn (krajobraz): 1,91:1

Upewnij się, że wszelkie media 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 można go było opublikować w określonej sieci, podczas tworzenia postu społecznościowego zostanie wyświetlone ostrzeżenie. Oto maksymalne rozmiary plików dla każdej sieci społecznościowej:

  • Facebook: 8MB (poniżej 1MB zalecane dla plików PNG, aby uniknąć pikselacji)
  • Instagram: 8MB
  • Twitter: 5MB (15MB dla GIF-ów)
  • LinkedIn: 10MB

Różnice w kolorach obrazów

Wbudowane profile kolorów mogą mieć wpływ na to, jak Twój wyróżniony obrazek wygląda w Twoim poście społecznościowym. Różne systemy przetwarzają niecodzienne profile kolorów w różny sposób, dlatego kolory mogą wyglądać inaczej podczas podglądu obrazu w menedżerze plików.

Możesz uruchomić swój adres URL obrazu przez zewnętrzne narzędzie , aby sprawdzić, czy używa on nietypowego profilu kolorów. Jeśli to konieczne, możesz 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 społecznościowego.

Różnice w wyrazistości obrazu

Menedżer plików HubSpot stosuje kompresję obrazów w formatach JPEG i PNG, aby zoptymalizować szybkość ładowania treści hostowanych przez HubSpot. Portale społecznościowe również stosują kompresję obrazów w postach, których jakość może różnić się od tej, którą można zobaczyć 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 publikowania w serwisach społecznościowych HubSpot pojawi się ostrzeżenie, które pomoże odpowiednio dostosować obraz.

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.