Come posso recuperare gli attributi og/meta di una risorsa?

Question

Sto facendo un'applicazione che recupera tweet su Twitter di un utente.

Questi feed contengono collegamenti a risorse esterne, come Artciles, Pagina Web o video di YouTube.

Ottengo l'API di Twitter JSON di questi feed, ma non sono inclusi gli attributi og: del contenuto. E mi piacerebbe prenderli e mostrare al mio sito web.

Come this questione StackOverflow:

<meta name="og:type" content="website" /> 
<meta name="og:image" content="http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon@2.png?v=fde65a5a78c6"/> 
<meta name="og:title" content="How can I check classes that ends with?" /> 
<meta name="og:description" content="I have some elements such as: 
    &amp;lt;div class=&quot;button 17-facebook-dashboard-check&quot;&amp;gt;Elem1&amp;lt;div&amp;gt; 
    &amp;lt;div class=&quot;button 18-google-dashboard-check&quot;&amp;gt;Elem2&amp;lt;div&amp;gt; 
    &amp;lt;div class=&quot;button " /> 
<meta name="og:url" content="https://stackoverflow.com/questions/19001883/how-can-i-check-classes-that-ends-with"/> 

vorrei cogliere quelle informazioni per ogni risorsa condivisa su ogni tweet. Quindi penso che, per ogni tweet (che per me è una scatola) fare un lato client richiesta Ajax, scaricare l'html e analizzarlo, recuperando og:title, og:description, og:type e og:image.

È questo il migliore approcio? Cosa ne pensi di analizzare questi dati in Javascript/Jquery?

Answer 1

Questi attributi sono og:Open Graph Protocol attributi, ci sono molti modo per ottenere questi dati: si dovrebbe controllare i codici di Open Graph Protocol parser che può essere molto utile per voi, e questo PHP and jQuery Facebook link parser.

È anche possibile controllare questo StackOverflow Question sull'analisi PHP e su questo Opengraph PHP parser e utilizzarli dinamicamente con chiamate Ajax.

Infine, questo StackOverflow question su JQuery e il puro parsing di JavaScript è molto interessante e potrebbe davvero aiutarti.

Spero che troverai quello che cerchi! ;)

Answer 2

DISCLAIMER: OpenGraph.io è un prodotto commerciale su cui lavoro e supporto.

Come hai detto, spesso non ci sono tag OG con cui lavorare. Esistono tutti i tipi di scenari che puoi incontrare (ad esempio codifica, utilizzo errato dei tag HTML, ecc.). Se si desidera gestire i casi limite raccomanderei http://www.opengraph.io/

Uno dei suoi principali vantaggi è che inferirà informazioni come il titolo o la descrizione (se si finisce per averne bisogno) dal contenuto della pagina se i tag OpenGraph non esiste

per ottenere informazioni su un uso del sito (link dovrebbe essere URL codificato):

$.ajax('http://opengraph.io/api/1.0/site/http%3A%2F%2Fwww.washingtontimes.com%2F') 
    .done(function(data){ 
    console.log(data); 
    }); 

che restituirà qualcosa come:

{ 
    "hybridGraph": { 
    "title": "Washington Times - Politics, Breaking News, US and World News", 
    "description": "The Washington Times delivers breaking news and commentary on the issues that affect the future of our nation.", 
    "image": "http://twt-assets.washtimes.com/v4/images/logo-twt.4b20fb5d7b29.svg", 
    "url": "http://www.washingtontimes.com/", 
    "type": "site", 
    "site_name": "Washington Times " 
    }, 
    "openGraph": {...}, 
    "htmlInferred": {...}, 
    "requestInfo": {...} 
}