crawler - facebook token debugger




In che modo Facebook Sharer seleziona Immagini e altri metadati quando condividi il mio URL? (8)

Come posso dire a Facebook quale immagine usare quando viene condivisa la mia pagina?

Facebook ha una serie di meta tag a grafico aperto che guarda per decidere quale immagine mostrare.

I tasti uno per l'immagine di Facebook sono:

<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" />

e dovrebbe essere presente all'interno del <head></head> nella parte superiore della pagina.

Se questi tag non sono presenti, cercherà il loro metodo più vecchio per specificare un'immagine: <link rel="image_src" href="/myimage.jpg"/> . Se nessuno dei due è presente, Facebook guarderà il contenuto della tua pagina e sceglierà immagini dalla tua pagina che soddisfano i criteri di condivisione delle immagini: l'immagine deve essere almeno 200 px per 200 px, avere un aspect ratio massimo di 3: 1 e in PNG, Formato JPEG o GIF.

Posso specificare più immagini per consentire all'utente di selezionare un'immagine?

Sì, è sufficiente aggiungere più meta tag di immagine nell'ordine in cui si desidera che vengano visualizzati. L'utente verrà quindi presentato con una finestra di dialogo per la selezione delle immagini:

Ho specificato i metatag delle immagini appropriate. Perché Facebook non accetta le modifiche?

Una volta che un URL è stato condiviso, il crawler di Facebook, che ha un interprete di facebookexternalhit/1.1 (+https://www.facebook.com/externalhit_uatext.php) , accederà alla tua pagina e memorizzerà nella cache le meta informazioni. Per forzare i server di Facebook a svuotare la cache, utilizzare lo strumento Url Debugger / Linter di Facebook lanciato nel giugno 2010 per aggiornare la cache e risolvere i problemi relativi ai metatag sulla tua pagina.

Inoltre, le immagini sulla pagina devono essere accessibili pubblicamente al crawler di Facebook. Devi specificare URL assoluti come http://example.com/yourimage.jpg anziché solo /yourimage.jpg.

Posso aggiornare questi meta tag con codice lato client come Javascript o jQuery? No. Molto simile ai crawler dei motori di ricerca, il raschietto di Facebook non esegue script in modo che qualsiasi meta tag sia presente quando la pagina viene scaricata sono i metatag utilizzati per la selezione delle immagini.

L'aggiunta di questi tag causa la mia pagina non più valida. Come posso risolvere questo?

Puoi aggiungere gli spazi dei nomi Facebook necessari al tuo tag e la tua pagina dovrebbe quindi superare la convalida:

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml">  

Quando si utilizza Facebook Sharer, Facebook offrirà all'utente la possibilità di utilizzare 1 delle poche immagini estratte dalla sorgente come anteprima per il loro collegamento. Come vengono selezionate queste immagini e come posso garantire che qualsiasi immagine particolare sulla mia pagina sia sempre inclusa in questo elenco?


A partire dal 2013, se stai usando facebook.com/sharer.php (PHP) puoi semplicemente creare qualsiasi pulsante / link come:

<a class="btn" target="_blank" href="http://www.facebook.com/sharer.php?s=100&amp;p[title]=<?php echo urlencode(YOUR_TITLE);?>&amp;p[summary]=<?php echo urlencode(YOUR_PAGE_DESCRIPTION) ?>&amp;p[url]=<?php echo urlencode(YOUR_PAGE_URL); ?>&amp;p[images][0]=<?php echo urlencode(YOUR_LINK_THUMBNAIL); ?>">share on facebook</a>

Collega parametri di query:

p[title] = Define a page title
p[summary] = An URL description, most likely describing the contents of the page
p[url] = The absolute URL for the page you're sharing 
p[images][0] = The URL of the thumbnail image to be used as post thumbnail on facebook

È semplice: non hai bisogno di js o altre impostazioni. È solo un link raw HTML. Modella il tag A in qualsiasi modo tu voglia.



Metti il ​​seguente tag in head :

<link rel="image_src" href="/path/to/your/image"/>

Da http://www.facebook.com/share_partners.php

Per quanto riguarda ciò che sceglie come predefinito in assenza di questo tag, non sono sicuro.


Per HTTPS sicuro

<meta property="og:image:secure_url" content="https://image.path.png" />

Per cambiare titolo, descrizione e immagine, dobbiamo aggiungere alcuni meta tag sotto il tag head.

PASSO 1 :
Aggiungi i meta tag sotto il tag principale

<html>
<head>
    <meta property="og:url" content="http://www.test.com/" />
    <meta property="og:image" content="http://www.test.com/img/fb-logo.png" />
    <meta property="og:title" content="Prepaid Phone Cards, low rates for International calls with Lucky Prepay" />
    <meta property="og:description" content="Cheap prepaid Phone Cards. Low rates for international calls anywhere in the world." />

PASSO SUCCESSIVO :
Clicca sul link qui sotto
https://developers.facebook.com/tools/debug

Aggiungi il tuo URL nella casella di testo (ad esempio http://www.test.com/ ) dove hai menzionato i tag. Clicca sul pulsante DEBUG.

E 'fatto.

Puoi verificare qui https://www.facebook.com/sharer/sharer.php?u=http://www.test.com/

In url sopra, u = link al tuo sito web

GODERE !!!!


Questo è ciò che ha funzionato per me: ho posizionato l'immagine di anteprima desiderata sulla pagina subito dopo il tag e rendendola troppo piccola per vederla ..

<img src="imagename.jpg" width="1" height="1" />

Non l'ho testato con altezza 0 e larghezza 0 ma probabilmente funzionerà ancora. Questo non garantisce che l'utente selezionerà questa immagine ..

INOLTRE sembra che Facebook memorizza nella cache le miniature della tua pagina e non le controlla sempre per nuove .. prova ad aggiungerla ad un'altra pagina del tuo sito e vedrai che funziona.


Vecchio modo, non funziona più:

<link rel="image_src" href="http://yoururl/yourimage"/>

Segnalato in modo nuovo, anche non funziona:

<meta property="og:image" content="http://yoururl/yourimage"/>

Ha funzionato casualmente fuori e durante il primo giorno l'ho implementato, non ha funzionato affatto da allora.

La pagina di linter di Facebook, una utility che controlla la tua pagina, segnala che tutto è corretto e mostra la miniatura che ho selezionato ... solo che la stessa pagina di share.php non sembra funzionare. Deve essere un bug su Facebook, uno a cui apparentemente non si cura di correggere poiché ogni segnalazione di bug relativa a questo problema che ho visto nel loro sistema dice tutto risolto o risolto.





facebook-sharer