Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dziwny problem ze zdjęciem dla fb w open graph
Forum PHP.pl > Forum > Optymalizacja i pozycjonowanie stron - SEO
blackstone
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/
werdan
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.
blackstone
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.
werdan
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
xaban
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.
Mega_88
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/
blackstone
Dzięki za sugiestie i podpowiedzi. Głównym problemem były jednak białe znaki, sprawa załatwiona. Każda rada okazała się pomocna. Dzięki i daje "pomógł". Do następnego wink.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.