Dlaczego Facebook wciąż pokazuje mój stary obraz?

Bo pokazuje kopię, którą zachował przy ostatnim odczytaniu Twojej strony, a nie tagi, które są na niej teraz. Facebook udostępnia do tego Sharing Debugger: wpisz adres i poproś o ponowne pobranie. LinkedIn działa tak samo przez Post Inspector. Nic, co zmienisz na własnej stronie, nie zmusi żadnego z nich do ponownego spojrzenia.

Jaki rozmiar powinien mieć obraz?

1200 na 630 to rozmiar, którego używa większość. Ważniejsza jest dolna granica: poniżej około 600px szerokości większość platform rezygnuje z dużego obrazu i pokazuje małą miniaturę. Trzymaj ważne szczegóły z dala od krawędzi, bo przycięcie odbywa się od środka.

Czy potrzebuję tagów X, skoro mam już Open Graph?

Nie. X sięga po tagi Open Graph, gdy brakuje jego własnych, więc strona z samym Open Graph i tak dostaje kartę. Dodaj tagi X, gdy chcesz pokazać tam coś innego albo gdy zależy Ci na karcie z dużym obrazem zamiast małej.

Dlaczego mój obraz w ogóle się nie pokazuje?

Powodów jest trzy. Nie ma tagu obrazu, albo adres w tagu nie daje się wczytać, albo obraz jest na tyle mały, że platforma go odrzuciła. Podgląd tutaj wczytuje obraz tak samo, więc jeśli jest pusty tutaj, będzie pusty i tam.

Czy cokolwiek z tego zmienia moją pozycję w wyszukiwarce?

Nie. Te tagi mówią platformie, jak narysować kartę, a Google nie używa ich do pozycjonowania czegokolwiek. Zmieniają jedynie to, czy ktoś, kto zobaczy link, w niego kliknie. Aby zobaczyć, jak ta sama strona wygląda w wynikach wyszukiwania, użyj Podgląd SERP.

Czy adres, który wpisuję, jest gdzieś zapisywany?

Trafia do sona.to, które pobiera stronę i zwraca znalezione tagi. Sama strona nie jest zwracana ani przechowywana. Ten sam adres wpisany dwa razy w ciągu pięciu minut jest pobierany tylko raz. Wpisanie tagów ręcznie nie wysyła nigdzie niczego.

Gdzie umieścić te tagi?

W head strony, obok tagu title. Większość kreatorów stron i systemów treści ma pole na obraz udostępniania i opis, i zapisuje te tagi za Ciebie. Aby napisać cały zestaw ręcznie, użyj Generator meta tagów.

Dom / Darmowe narzędzia / Social Share Preview

Zobacz, jak wygląda Twoja strona, gdy ktoś udostępnia link

Zobacz kartę, którą sześć platform buduje, gdy ktoś udostępnia link do Twojej strony.

Po udostępnieniu linku platforma nie pokazuje po prostu adresu. Pobiera stronę, odczytuje kilka tagów z head i buduje z nich kartę: obraz, nagłówek, jedna linia tekstu. To, które tagi odczyta, zależy od tego, gdzie link został opublikowany. X szuka najpierw własnych tagów, a dopiero potem sięga po Open Graph, natomiast Facebook i LinkedIn czytają wyłącznie Open Graph. Brak tagu nie zostawia pustego miejsca; platforma bierze coś innego ze strony, najczęściej pierwszy napotkany tekst. Wpisz poniżej adres, aby odczytać tagi strony, albo napisz je sam, a karta zostanie narysowana tak, jak buduje ją każda z sześciu platform.

Adres strony opcjonalne

Nagłówek Opis Adres obrazu

Nic nie jest tu zapisywane. Wpisany adres trafia do sona.to, które czyta tagi tej strony i je zwraca. Sama strona nie jest przechowywana.

X Najpierw tagi X

Facebook Tylko Open Graph

LinkedIn Bez opisu

Slack Dowolny zestaw

Discord Dowolny zestaw

Które tagi czyta dana platforma

X najpierw sprawdza własne tagi, a gdy ich nie ma, sięga po Open Graph. Facebook i LinkedIn czytają wyłącznie Open Graph, więc tag X nie robi tam zupełnie nic. Slack i Discord przyjmują jedne i drugie. Jedna strona może więc dać sześć kart, które do siebie nie pasują, a nagłówek, co do którego masz pewność, że go ustawiłeś, może zniknąć na połowie z nich. Każdy podgląd tutaj zachowuje kolejność, której dana platforma faktycznie używa.

Facebook i LinkedIn pamiętają to, co przeczytały

Obie zachowują kopię tego, co znalazły przy pierwszym pobraniu Twojej strony, i trzymają ją długo. Poprawiasz tagi, a karta się nie zmienia, i to jest najczęstszy powód, dla którego poprawna zmiana wygląda na nieudaną. Trzeba poprosić platformę o ponowne odczytanie strony, a obie mają do tego narzędzie: Sharing Debugger w Facebooku i Post Inspector w LinkedIn. Żadne narzędzie nie wyczyści tych pamięci podręcznych za Ciebie, łącznie z tym. To, co widzisz tutaj, to stan tagów teraz, a nie to, co Facebook nadal pokazuje.

Brakujący tag nie zostawia pustego miejsca

Platformy podstawiają coś zamiast zostawić dziurę. Bez tagu opisu biorą linijkę ze strony, zwykle pierwszy napotkany tekst, a na wielu witrynach jest to etykieta menu albo komunikat o ciasteczkach. Bez obrazu karta kurczy się do jednej linijki tekstu obok favikony. Podglądy odwzorowują te podstawienia.

Rozmiar i miejsce przycięcia

Poniżej około 600px szerokości większość platform przestaje pokazywać dużą kartę z obrazem i przechodzi na małą miniaturę obok tekstu, czyli kartę znacznie słabszą. 1200 na 630 to rozmiar, w który celuje większość. Przycięcie odbywa się od środka, więc wszystko blisko górnej, dolnej lub bocznej krawędzi może zniknąć: numer telefonu u dołu zdjęcia, nazwa u góry plakatu. Obraz jest tu ładowany i mierzony w Twojej przeglądarce, więc widoczny rozmiar jest prawdziwy, a nie taki, jaki deklaruje tag szerokości.

Co pokazuje

Jeden zestaw tagów, sześć kart, bo platformy nie czytają ich tak samo.

Sześć platform

W układzie każdej z nich
W kolejności tagów, której używa każda
Obok siebie

Obraz

Zmierzony w Twojej przeglądarce
Prawdziwe piksele, nie tag
Przycięty tak, jak zostanie przycięty

Słowa

Nagłówek i opis
Gdzie każde zostaje ucięte
Z którego tagu pochodzi każde

Odczytane z działającej strony

Jakiekolwiek tagi tam są
Każdy wariant zapasowy uwzględniony
Nic nie zachowane

Jak go używać

Wpisz adres

Wpisz lub wklej adres strony. Jej tytuł, opis, canonical, favikona oraz każdy tag Open Graph i X zostaną odczytane i wpisane poniżej.

Albo napisz tagi samodzielnie

Zostaw adres pusty i wpisz nagłówek, opis oraz adres obrazu. Przydaje się, gdy chcesz przetestować zestaw tagów, zanim trafi na stronę.

Przeczytaj sześć kart

Zobacz, gdzie ucina się nagłówek i opis oraz co każda platforma podstawiła za to, czego nie ustawiłeś.

Zmień tagi, potem poproś o ponowne odczytanie

Tagi umieszcza się w head strony. Na Facebooku i LinkedIn stara karta zostaje, dopóki nie poprosisz ich o ponowne spojrzenie.

Co znaczą te słowa

Open Graph

Zestaw tagów meta w head strony, których nazwy zaczynają się od og i które mówią platformie, jaki obraz, jaki nagłówek i jaki opis ma wziąć. Wprowadził je Facebook, a dziś czyta je większość platform.

Karta

To, co platforma rysuje zamiast samego linku: obraz, nagłówek, linijka tekstu i nazwa domeny. Kształt oraz ilość zachowanego tekstu różnią się w zależności od platformy.

Pamięć podręczna

Kopia tego, co platforma odczytała z Twojej strony. Facebook i LinkedIn trzymają taką kopię, dlatego pokazywana karta bywa starsza niż tagi znajdujące się na stronie.

Pytania