Obraz społecznościowy

Obraz społecznościowy to grafika wyświetlana, gdy strona jest udostępniana w mediach społecznościowych i aplikacjach do przesyłania wiadomości. Silktide sprawdza, czy każda strona go określa, czy obraz rzeczywiście się ładuje oraz czy zadeklarowany rozmiar jest odpowiedni dla karty podglądu.

Obraz jest ustawiany za pomocą tagów w kodzie strony:

<!-- Pełny adres internetowy z zadeklarowanymi wymiarami obrazu -->
<meta property="og:image" content="https://www.example.com/images/course-preview.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<!-- Tekst alternatywny opisujący obraz -->
<meta property="og:image:alt" content="Studenci przechodzący przez trawnik na kampusie" />

Dodaj również tag og:image:alt, aby osoby, które nie widzą obrazu, wiedziały, co przedstawia. Silktide sprawdza go osobno jako tekst alternatywny obrazu społecznościowego.

Dlaczego to jest ważne

Udostępniane linki z obrazami przyciągają znacznie więcej uwagi niż same linki tekstowe. Jeśli obraz jest niedostępny lub nie ładuje się, platformy nie wyświetlają żadnej grafiki albo wybierają ją ze strony — często jest to logo lub nieistotne zdjęcie. Jeśli obraz jest zbyt mały lub ma nietypowy kształt, może wyglądać na przycięty, rozmyty albo zmniejszony do miniatury. Zadeklarowanie szerokości i wysokości pozwala też platformom wyświetlić podgląd od razu przy pierwszym udostępnieniu linku, zamiast pokazywać go bez obrazu.

Jak to naprawić

W swoim poszukaj pola obrazu społecznościowego strony, obrazu podglądu społecznościowego lub obrazu wyróżnionego.
Użyj pełnego adresu internetowego (zaczynającego się od https://), który działa publicznie, a nie adresu działającego tylko po zalogowaniu.
Wybierz szeroki obraz poziomy, najlepiej o wymiarach 1200 na 630 pikseli i co najmniej 600 na 315 pikseli.
Opublikuj szerokość i wysokość obrazu w tagach og:image:width i og:image:height — większość wtyczek SEO potrafi zrobić to automatycznie.
Opisz obraz jednym krótkim wyrażeniem w tagu og:image:alt, zazwyczaj w polu tekstu alternatywnego obrazu społecznościowego znajdującym się w tym samym miejscu.

Jak Silktide to testuje

Testuje każdą stronę, którą można udostępniać — strony, które wyszukiwarki i platformy mogą indeksować.
Odczytuje tag og:image strony. Zgłasza brakujący lub uszkodzony obraz, jeśli nie ma obrazu, adres nie jest pełnym adresem internetowym http/https, nie można pobrać obrazu lub pobrany plik nie jest obrazem.
Jeśli obraz się ładuje, sprawdza, czy zadeklarowano og:image:width i og:image:height. Jeśli nie, zgłasza stronę.
Jeśli wymiary są zadeklarowane, zgłasza je jako nieoptymalne, gdy obraz jest mniejszy niż 600 na 315 pikseli lub jego proporcje znacznie odbiegają od poziomych proporcji używanych przez karty podglądu (w przybliżeniu od 1,4 do 2,1 raza szerszy niż wyższy).

Rozwiązywanie problemów

Obraz ładuje się poprawnie w mojej przeglądarce

Obraz może działać u Ciebie, ale nie udać się jego automatyczne pobranie z tych samych powodów, z których może nie działać link — sesji logowania, ograniczeń geograficznych lub blokowania automatycznego ruchu. Zobacz wskazówki dotyczące rozwiązywania problemów dla uszkodzonych linków. Jeśli uznasz, że obraz jest rzeczywiście prawidłowy, wynik.

Mój obraz jest hostowany w innej domenie

To nie problem. Obraz może znajdować się w dowolnym miejscu, na przykład u dostawcy hostingu obrazów lub w , pod warunkiem że jest publicznie dostępny.

Zgłoszone wymiary są nieprawidłowe

Silktide odczytuje wymiary zadeklarowane przez stronę w tagach og:image:width i og:image:height, a nie piksele samego pliku. Jeśli zmieniono rozmiar obrazu, ale tagi nadal deklarują stary rozmiar, zaktualizuj tagi.