Kiedy ktoś publikuje link na Facebooku, skrypt zwykle skanuje ten link w poszukiwaniu dowolnych obrazów i wyświetla krótką miniaturę obok posta. Jednak w przypadku niektórych adresów URL (w tym moich) FB nie wydaje się niczego wychwytywać, mimo że jest to wiele obrazów na tej stronie.
Czytałem, że FB preferuje tag rel "image_src" dla obrazu, który użytkownik chce określić, ale to nie generuje również tej miniatury dla mojej witryny.
Mój adres URL trafia bezpośrednio do DNS i nie jest przekazywany dalej, więc nie wyobrażam sobie, że może to być problem.
Czy ktoś ma pomysł, dlaczego FB nie może generować miniatur z mojej witryny?
facebook
thumbnails
GEOCHET
źródło
źródło
Odpowiedzi:
Najprostszym sposobem jest po prostu tag linku:
Ale jest kilka innych rzeczy, które możesz dodać do swojej witryny, aby była bardziej przyjazna dla mediów społecznościowych:
Otwórz tagi wykresów
Tagi Open Graph to tagi, które dodajesz do
<head>
swojej witryny, aby opisać jednostkę, którą reprezentuje Twoja strona, czy jest to zespół, restauracja, blog czy coś innego.Tag Open Graph wygląda następująco:
Jeśli używasz tagów Open Graph, wymaganych jest sześć następujących:
og:title
- tytuł podmiotu.og:type
- rodzaj podmiotu. Musisz wybrać typ z listy typów Open Graph.og:image
- adres URL obrazu reprezentującego jednostkę. Obrazy muszą mieć co najmniej 50 na 50 pikseli. Obrazy kwadratowe działają najlepiej, ale możesz używać obrazów o maksymalnej szerokości trzykrotnie większej niż wysokość.og:url
- Kanoniczny, stały adres URL strony reprezentującej podmiot. Gdy używasz tagów Open Graph, przycisk Like publikuje łącze doog:url
zamiast adresu URL w kodzie przycisku Like.og:site_name
- Czytelna dla człowieka nazwa witryny, np. „IMDb”.fb:admins
lubfb:app_id
- Lista oddzielonych przecinkami identyfikatorów Facebook administratorów stron lub identyfikatorów aplikacji platformy Facebook. Jako minimum podaj tylko swój własny identyfikator Facebooka.Więcej informacji na temat tagów Open Graph i szczegółów dotyczących administrowania stroną można znaleźć w dokumentacji protokołu Open Graph.
http://developers.facebook.com/docs/reference/plugins/like
źródło
All the images referenced by og:image must be at least 200px in both dimensions. Please check all the images with tag og:image in the given url and ensure that it meets the minimum specification.
. Tylko fyiWiem, że to pytanie jest stare, ale ostatnio zajmowałem się dokładnie tym samym problemem i krążyłem wokół niego przez kilka tygodni. Wielokrotne wyszukiwania w Google dostarczyły wielu przydatnych informacji, ale większość z nich skupiła się na tagach Open Graph, których nie byłem zainteresowany używaniem. Okazuje się, że moja witryna miała wiele problemów, ale oto kilka podstaw.
Jak powiedział EightyEight, upewnij się, że kod HTML jest prawidłowy - i to samo dotyczy kodu JavaScript i kodu po stronie serwera (PHP, ASP itp.). Wystąpił mały błąd PHP w fragmencie kodu wykonywanym jako oddzielne wywołanie serwera ze strony głównej. Z powodu wielu dziwnych zbiegów okoliczności kod ten generował błąd 500 - ale TYLKO dla IE6 i surowych silników parsujących, takich jak walidator W3C i robot indeksujący strony na Facebooku. Problem nie pojawił się w nowoczesnych przeglądarkach (Chrome 4, FF 3.5, IE 8 itp.), Więc nie widziałem go od razu, ale starsi / bardziej rygorystyczni klienci za każdym razem pokazywali 500 i to był główny powód, dla którego FB nie był nie indeksuje naszej strony (kiedy wszystko inne wydawało się być poprawne).
Odnośnie odpowiedzi Randy'ego, ma rację, że Facebook zachowa starą kopię twojej strony w pamięci podręcznej długo po jej zaktualizowaniu. FB twierdzi, że trwa to tylko 24 godziny, ale ja doświadczyłem znacznie dłużej. NA POCZUCIE FB wydało swoje narzędzie „URL Linter”, które pokaże Ci podgląd Twojej strony podczas udostępniania na FB i zmusi FB do natychmiastowej aktualizacji pamięci podręcznej Twojej strony. To było narzędzie ratujące życie. Możesz go znaleźć pod adresem http://developers.facebook.com/tools/lint/
Jeśli chodzi o narzędzie URL Linter, pamiętaj, że każda odmiana adresu URL jest przechowywana oddzielnie w pamięci podręcznej na Facebooku, więc „www.example.com” to nie to samo, co „example.com”. Ponadto, unikalna kapitalizacja jest przechowywana, tak więc „ExampleOne.com” to nie to samo co „exampleone.com”. (Doprowadziło to do wielu nieporozumień między moim klientem a mną, gdy okazało się, że pamięć podręczna została zaktualizowana dobrze, a klient twierdził, że nie widzi aktualizacji. Okazało się, że przeglądałem witrynę exampleone.com i użyłem Linter, aby zaktualizować pamięć podręczną, ale szukali witryny exampleOne.com, której nie przesłałem Linterowi. W rezultacie przesłałem Linterowi kilka odmian adresu URL, aby pokryć podstawy).
Rada WyrdNEXUS dotycząca używania tagu linku image_src jest trafna. Dzięki temu masz pewność, że FB pobiera najlepszy możliwy obraz dla Twojej strony. Istnieje kilka różnych wytycznych dotyczących specyfikacji, które powinien mieć plik obrazu, ale z powodzeniem użyłem obrazu kwadratowego o rozmiarze 128 pikseli i widziałem, jak obraz 130x97 również przeszedł. Oto oficjalna dokumentacja Facebooka z http://developers.facebook.com/docs/reference/plugins/like/ :
Oczywiście FB zmieni dla Ciebie rozmiar dużego obrazu, ale prawie zawsze uzyskasz lepsze wyniki, jeśli wcześniej zmienisz rozmiar.
Jeśli chodzi o link Mike'a Coopera do artykułu eHow, unikaj kroku 1 w tym artykule. To była ważna rada, kiedy artykuł został napisany i kiedy Mike zamieścił łącze, ale teraz lepiej jest użyć narzędzia URL Linter, aby wyświetlić podgląd strony podczas udostępniania. Używając Lintera, nie spowodujesz, że FB buforuje (potencjalnie) złą kopię strony, zanim będziesz miał szansę ją poprawić.
źródło
Skorzystaj z linttera Facebooka dostępnego tutaj. http://developers.facebook.com/tools/lint/
Spowoduje to sprawdzenie linku i ponowne pobranie wszystkich obrazów. powoduje to również wyczyszczenie starej pamięci podręcznej.
Lub spróbuj tego - https://developers.facebook.com/tools/debug
źródło
Aby zmienić tytuł, opis i obraz, musimy dodać kilka metatagów pod tagiem head.
KROK 1: Dodaj metatagi pod tagiem head
KOLEJNY KROK: Kliknij poniższy link https://developers.facebook.com/tools/debug
Dodaj swój adres URL w polu tekstowym (np. Http://www.test.com/ ), w którym wspomniałeś o tagach. Kliknij przycisk DEBUGUJ.
Zrobione.
Możesz zweryfikować tutaj https://www.facebook.com/sharer/sharer.php?u=http://www.test.com/
W powyższym adresie URL u = link do Twojej witryny
CIESZYĆ SIĘ !!!!
źródło
spróbuj tego: http://www.ehow.com/how_4938148_thumbnail-show-up-facebook-share.html
źródło
Czy kod HTML witryny jest prawidłowy? Uruchom go przez usługę walidacji w3c .
źródło
Właściwie, jeśli próbowałeś już połączyć tę stronę na Facebooku PRZED dodaniem linku „image_src”, Facebook będzie nadal używał starej kopii z pamięci podręcznej i nawet nie zobaczy twoich zmian. Spróbuj zmodyfikować adres URL, usuwając lub dodając „www” albo zduplikuj swoją stronę, aby ją przetestować.
źródło
Zauważyłem, że Facebook nie pobiera miniatur ze stron internetowych, jeśli zaczynają się od https, czy to może Twój przypadek?
źródło
miałem ten sam problem i zorientowałem się, że tag zamykający moją głowę jest w złym miejscu
źródło
Stare pytanie, ale ostatnio wydawało mi się, że mam ten sam problem z miniaturami z mojego linku, które nie są wyświetlane w aktualizacjach statusu na Facebooku. Publikuję dla wielu klientów i jest to stosunkowo nowe.
Wydaje się, że FB nie lubi już długich adresów URL - jeśli używasz narzędzia do skracania adresów URL, takiego jak goo.gl lub bitly.com, miniatura z linku / posta pojawi się w aktualizacji na FB.
źródło
Spróbuj użyć czegoś takiego:
Wydaje się, że działa dobrze w przeglądarce Firefox, o ile używasz pełnej ścieżki do obrazu.
Problem polega na tym, że z jakiegoś powodu jest on pionowo przesunięty w dół. Obraz ma wymiary 200 x 200, zgodnie z zaleceniami gdzieś czytałem.
źródło
Jeśli używałeś jakiejkolwiek wtyczki do SEO, najpierw sprawdź ustawienia wtyczki seo, a następnie sprawdź ustawienie Noindex, jeśli Włącz Media for Noindex, a następnie je wyłącz.
źródło