Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Dziwny problem ze zdjęciem dla fb w open graph
blackstone
post 1.10.2018, 18:10:55
Post #1





Grupa: Zarejestrowani
Postów: 82
Pomógł: 0
Dołączył: 19.03.2015

Ostrzeżenie: (0%)
-----


Mam dziwny problem z pozycjonowaniem pewnej strony na fb, a dokładnie z działaniem zdjęcia. Sprawa wygląda tak że po prostu wczytuje się ono nieregularnie, przykładowo raz fb w ogóle nie pobiera ikony artykułu , innym razem daje mi wybór co wybrać ( ikona artykułu czy....pewien plik graficzny z logiem portalu na stronie ) , a jeszcze innym razem widzi mi tylko logo portalu. Wszystko na stronie u mnie ładuje się dobrze ( znacznimi open graf i ich zawartość) nie wiem w czym tkwi problem. Próbowałem różnych kombinacji ( np og:type zamiast "article" dałem na "image/jpeg" i reakcja ta sama ) i nic to nie daje. Poniżej kod i link do przykładowego artykułu portalu który współtworzę. Zgóry dzięki za info

  1. <html lang="pl-PL"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
  2. <meta http-equiv="content-language" content="pl" />
  3. <meta property="og:locale" content="pl_PL"/ >
  4. <meta property="og:type" content="image/jpeg"/ >
  5. <meta property="og:title" content="USA: Stopy procentowe w górę"/ >
  6. <meta property="og:description" content="Amerykański bank centralny znowu podnosi stopy procentowe" />
  7. <meta property="og:image" content="http://wspectrum.eu/files/general/foto5620404030092018.jpeg">
  8. <meta property="og:image:width" content="400" />
  9. <meta property="og:image:height" content="400" />
  10. <meta property="article:published_time" content="2018-09-30">
  11. <meta property="og:site_name" content="wspectrum.eu" />
  12. <meta property="og:url" content="http://wspectrum.eu/show/46822/fed-znowu-podnosi-stopy-procentowe/" />
  13.  
  14.  
  15. <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
  16. <meta http-equiv="content-language" content="pl" />
  17. <meta name="keywords" content="fed,dolar,stopy procentowe,Jerome Powell" />
  18. <meta name="description" content="Amerykański bank centralny znowu podnosi stopy procentowe" />
  19. <meta name="Author" content="wspectrum.eu">
  20.  
  21. <title>USA: Stopy procentowe w górę</title>
  22.  
  23.  


całosć strony : http://wspectrum.eu/show/46822/fed-znowu-p...opy-procentowe/

Ten post edytował blackstone 1.10.2018, 18:12:26
Go to the top of the page
+Quote Post
werdan
post 2.10.2018, 05:50:47
Post #2





Grupa: Zarejestrowani
Postów: 352
Pomógł: 98
Dołączył: 14.11.2013
Skąd: Płock

Ostrzeżenie: (0%)
-----


A gdzie "<!DOCTYPE html>" ?

Dodaj doctype. Testuj na FB debuger.
https://developers.facebook.com/tools/debug/

Sprawdz także tutaj:
https://www.seocentro.com/tools/search-engi...g-analyzer.html
Źle jest parsowany twój html.

Może warto już zmienić kodowanie na utf-8.
"charset=iso-8859-2" to lekki archaizm.

Ten post edytował werdan 2.10.2018, 05:51:40
Go to the top of the page
+Quote Post
blackstone
post 2.10.2018, 18:07:55
Post #3





Grupa: Zarejestrowani
Postów: 82
Pomógł: 0
Dołączył: 19.03.2015

Ostrzeżenie: (0%)
-----


Dziwna sprawa, obydwa debugery wskazują na to że nie mogą uchwycić znaczników meta z naciskiem na znaczniki typu open graph.

Obecny kod :
  1. <!DOCTYPE html>
  2.  
  3. <html lang="pl">
  4.  
  5. <head><meta http-equiv="content-type" content="text/html; charset=utf8" />
  6. <meta http-equiv="content-language" content="pl" />
  7. <meta property="og:locale" content="pl_PL" >
  8. <meta property="og:type" content="article" >
  9. <meta property="og:title" content="USA: Stopy procentowe w górę" >
  10. <meta property="og:url" content="http://wspectrum.eu/show/46822/fed-znowu-podnosi-stopy-procentowe" >
  11. <meta property="og:description" content="USA: Stopy procentowe w górę" >
  12. <meta property="og:image" content="http://wspectrum.eu/files/general/foto5620404030092018.jpeg" >
  13. <meta property="og:image:width" content="484" >
  14. <meta property="og:image:height" content="252" >
  15. <meta property="og:site_name" content="wspectrum.eu" >
  16.  
  17. <meta name="description" content="Amerykański bank centralny znowu podnosi stopy procentowe" />
  18. <title>USA: Stopy procentowe w górę</title>

(adres strony: http://wspectrum.eu/show/46822/fed-znowu-p...opy-procentowe/ )


Na seocentro na czerwono ( czyli że bład) jest informacja ze: "Webpage has no title." ( Podczas gdy istnieje <title>USA: Stopy procentowe w górę</title> ) oraz "Webpage has no description" (podczas gdy tuż nad tytułem jest opis)

Na debugu facebooka, pokazane jest że zamiast adresu zdjęcia ( w og:image) pobrany jest obraz części loga strony ( i wstawiony jako og:image przez system faceb.) . Równierz komunikat "he 'og:image' property should be explicitly provided, even if a value can be inferred from other tags" sugeruje że jest problem z odebraniem tego znacznika . Znacznik og:url i og:title są poprawne ale na szczegółowym debugerze jest wyjaśnione że system sam się domyślił. Przykłądowo w znaczniku og:description debuger facebooka wziął opis z tradycyjnego opisu strony dla googla a nie fb ( fb powinien wychwycić opis "USA: Stopy procentowe w górę" a wychwycił "Amerykański bank centralny znowu podnosi stopy procentowe" .

Dodałem doctype i kodowanie ale nie mogę doszukać się żadnego błędu. Jedyny ślad na jaki wpadłem jest taki że gdy w mozilli podglądam kod strony to znaczniki "<!DOCTYPE html><html lang="pl"><head>" oraz "</head><body>" są zaznaczone na czerwono. Nie rozumiem tego bo wszystko wydaje mi się być "podomykane", sprawdzałem wiele razy a trudno o błąd na samym początku dokumentu.

Ten post edytował blackstone 2.10.2018, 18:11:22
Go to the top of the page
+Quote Post
viking
post 2.10.2018, 18:34:58
Post #4





Grupa: Zarejestrowani
Postów: 4 964
Pomógł: 836
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


https://validator.w3.org/nu/?doc=http%3A%2F...y-procentowe%2F


--------------------
Go to the top of the page
+Quote Post
werdan
post 2.10.2018, 18:42:53
Post #5





Grupa: Zarejestrowani
Postów: 352
Pomógł: 98
Dołączył: 14.11.2013
Skąd: Płock

Ostrzeżenie: (0%)
-----


Masz jakies białe znaki przed <!doctype>. Musisz się tego pozbyc, mozliwe, że to utf-8 z BOM.

U ciebie jest identyczna sytuacja jak w przykładzie:
https://stackoverflow.com/questions/9691771...ring-in-my-html

Ten post edytował werdan 2.10.2018, 18:43:07
Go to the top of the page
+Quote Post
xaban
post 8.10.2018, 13:23:58
Post #6





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 13.02.2005

Ostrzeżenie: (0%)
-----


Kiedyś miałem podobny problem i okazało się, że obrazki były po prostu za małe - Facebook wtedy szukał większych w treści strony.

Spróbuj z większymi obrazkami, może to pomoże.
Go to the top of the page
+Quote Post
Mega_88
post 8.10.2018, 16:48:36
Post #7





Grupa: Zarejestrowani
Postów: 338
Pomógł: 32
Dołączył: 20.08.2011

Ostrzeżenie: (0%)
-----


Możliwe, że tutaj znajdziesz odpowiedź: https://developers.facebook.com/blog/post/2...-Link-Previews/, a tutaj odpowiedź jak to obejść, ale nie testowałem tego jeszcze: https://meetedgar.com/blog/facebooks-new-li...need-know-2018/
Go to the top of the page
+Quote Post
blackstone
post 16.10.2018, 19:21:55
Post #8





Grupa: Zarejestrowani
Postów: 82
Pomógł: 0
Dołączył: 19.03.2015

Ostrzeżenie: (0%)
-----


Dzięki za sugiestie i podpowiedzi. Po wielu różnych eksperymentach stwierdzam że to jednak nie fb (zwłascza że debugowałem te adresy wiele razy ) a jakieś białe znaki które najprawdopodobniej są awarte w plikach php które są includowane przed widokami. Pozostaje mi chyba tylko najbardziej banalne rozwiazanie czyli, wymienić plik po pliku. Jeszcze nie kończę wątku ponieważ kto wie czy jakaś "nieoczywista oczywistość" mnie zaskoczy.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.10.2018 - 02:16