2013-08-27 13 views
8

La documentazione Linkedin può essere trovato hereLinkedin condivisione di URL/non parsing grafico aperto

Come si dice, ha bisogno:

og:title 
og:description 
og:image 
og:url 

Ecco un esempio del mio codice sorgente blog wordpress che per semplicità ho uso Jetpack plug-in:

<!-- Jetpack Open Graph Tags --> 
<meta property="og:type" content="article" /> 
<meta property="og:title" content="Starbucks Netherlands Intel" /> 
<meta property="og:url" content="http://lorentzos.com/starbucks-netherlands-intel/" /> 
<meta property="og:description" content="Today I had some free time at work. I wanted to play more with Foursquare APIs. So the question: &quot;What is the correlation of the Starbucks Chain in the Netherlands?&quot;. Methodology: I found all the p..." /> 
<meta property="og:site_name" content="Dionysis Lorentzos" /> 
<meta property="og:image" content="http://lorentzos.com/wp-content/uploads/2013/08/starbucks-intel-nl-238x300.png" /> 

in Facebook funziona alla grande, oppure è possibile visualizzare i metadati here. Tuttavia LinkedIn è più testardo e in realtà non analizza i dati nemmeno lo If you're unable to set Open Graph tags within the page that's being shared, LinkedIn will attempt to fetch the content automatically by determining the title, description, thumbnail image, etc.

So che non ho il tag og:image:width ma Linkedin non analizza nemmeno titolo, descrizione o URL. Qualche idea per il debug?

risposta

6

Ho controllato di nuovo il mio html e ho trovato alcuni avvisi/errori nei metadati. Li ho sistemati e tutto funziona bene. Quindi la soluzione se si verifica lo stesso problema:

Controlla di nuovo il tuo html e esegui il debug. Anche se la pagina si carica bene nel browser, il parser di LinkedIn non è così potente in termini di piccoli errori. Questo tool potrebbe aiutare.

+2

Oltre a correggere gli errori nel nostro html e nella nostra meta-tag, LinkedIn sembra poco incline a raschiare pagine sicure. Il passaggio da https a http è stato l'ultimo passo per noi per ottenere la condivisione di LinkedIn al lavoro. – jgerman

3

Il mio primo suggerimento è aggiungendo una query senso per l'URL, in modo che LinkedIn pensa che sia un nuovo link (questo non pregiudica qualsiasi altra cosa) e cioè:

http://example.com/link.php?42 o http://example.com/link.html?refid=LinkedIn

Se questo doesn per soddisfare le tue esigenze, è necessaria una misura più drastica.

Dopo essersi assicurati non si dispone di eventuali errori nella console e convalidare il vostro sito tramite: http://validator.w3.org/ ...

aggiungere l'attributo prefisso per ogni tag (non in html tag), poi ri-sign con il tuo conto LinkedIn per cancellare la cache ...

prefix="go: http://ogp.me/ns#" cioè:

<meta prefix="og: http://ogp.me/ns#" property="og:title" content="Title of Page" /> 
<meta prefix="og: http://ogp.me/ns#" property="og:type" content="article" /> 
<meta prefix="og: http://ogp.me/ns#" property="og:image" content="http://example.com/image.jpg" /> 
<meta prefix="og: http://ogp.me/ns#" property="og:url" content="http://example.com/" /> 

Spero che uno di questi tre soluzioni funziona per qualcuno. Saluti!

+1

Non sono sicuro se questo è collegato, ma sto avendo un sacco di problemi nel far visualizzare i metadati OpenGraph su LinkedIn (funziona bene su Facebook). Stranamente, LI non sembra notare nemmeno i contenuti standard . Poi ho notato questo nella [documentazione] (https://developer.linkedin.com/documents/setting-display-tags-shares): "dovresti essere in grado di servire questi tag display su https". Quindi, forse https? Nel mio caso sto provando a collegarmi a una pagina ospitata su Github Pages che [non lo sono] (https://help.github.com/articles/what-are-github-pages/) funziona tramite https. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Questo è stato incredibilmente utile perché dopo aver risolto il problema ho aggiunto l'attributo per fare in modo che LinkedIn ricreasse la miniatura. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">1<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Se sei sicuro di aver fatto tutto correttamente (usando <a href="https://developer.linkedin.com/docs/share-on-linkedin" rel="nofollow">open graph meta tags</a>, nessun errore su) e ancora non funziona, assicurati di provarlo con una pagina diversa, potrebbe essere una cosa cache di LinkedIn.</p> <p>Nella mia pagina era presente un <code class="prettyprint-override"><h1>Project information</h1></code>, utilizzato da LinkedIn come titolo per condividere la pagina, anziché il tag <code class="prettyprint-override"><title></code> o <code class="prettyprint-override"><meta property="og:title" [...]/></code>. Anche se ho fatto tutto bene. Ma quando ho rimosso completamente questo <code class="prettyprint-override"><h1>Project information</h1></code> dall'origine della pagina, continuava a usare "Informazioni sul progetto" perché il titolo pensava che non fosse più nella pagina.</p> <p>Dopo aver provato una pagina diversa, ha funzionato.</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/29430147">fonte</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2015-04-03 10:10:47</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/1766265/">Arjan</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Dopo una lunga prova e un errore ho scoperto che il mio .htaccess bloccava in qualche modo il robot Linkedin (sito wordpress). Per coloro che usano il plugin di sicurezza ithemes per wordpress o un altro plugin di sicurezza, assicurarsi che LinkedIn non sia bloccato.<br> Assicurarsi che non esiste una linea simile: <code class="prettyprint-override">RewriteCond %{HTTP_USER_AGENT} ^Link [NC,OR]</code></p> <p>Il modo più semplice per controllare è quello di utilizzare le linee .htaccess di default wordpress.</p> <p>Come accennato in precedenza, assicurarsi di non ritentare le pagine memorizzate nella cache in linkedin.</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/34615582">fonte</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2016-01-05 15:42:19</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/1906229/">Trekdrop</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1038284119" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Puoi provare questo solo una volta alla settimana! Avevo un collegamento al mio sito e volevo personalizzare l'immagine visualizzata in Linkedin. Così ho aggiunto tag grafici aperti che non sembravano affatto visualizzati. Fino a quando ho letto questo:</p> <blockquote> <p>La prima volta che i crawler di LinkedIn visitare una pagina web quando gli viene chiesto di condividere i contenuti tramite un URL, i dati che trova (valori Open Graph o la nostra analisi) saranno memorizzate nella cache per un periodo di circa 7 giorni.</p> <p>Ciò significa che se si modifica la descrizione dell'articolo, si carica una nuova immagine, si corregge un errore di battitura nel titolo, ecc., Non si vedrà la modifica rappresentata durante eventuali tentativi successivi di condividere la pagina fino a quando la cache non è scaduta e il crawler è costretto a rivisitare la pagina per recuperare nuovi contenuti.</p> </blockquote> <p><a href="https://developer.linkedin.com/docs/share-on-linkedin" rel="nofollow">https://developer.linkedin.com/docs/share-on-linkedin</a></p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/34855626">fonte</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2016-01-18 13:11:21</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/3887369/">Albert</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>La soluzione per me è stato quello di aggiungere un hashbang. Sono su un'applicazione stile Ajax, che non rende l'intera pagina, penso che LinkedIn ha un po 'di un attacco isterico sul testo/immagine non essere sulla pagina su raschiare iniziale, aggiungendo</p> <p><code class="prettyprint-override">%23!</code></p> <p>alla fine del mio URL codificata o</p> <p><code class="prettyprint-override">#!</code></p> <p>all'URL in chiaro prima di inviarlo via a linkedin sembrava fare il trucco bene per il mio pulsante di condivisione popup. Non sono sicuro se si tratta solo di app Ajax/js o no, ma sicuramente ha risolto un paio di ore di impegno per me.</p> <p>Credo che questo è utile solo se l'applicazione è configurato per gestire l'escape_fragment nel URL e il rendering di una pagina statica, non una dinamica uno ma non posso verificare questa teoria in questo momento</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/35276142">fonte</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2016-02-08 17:56:03</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Questo stava accadendo su un anche dei siti dei miei clienti. Ho scoperto che il file .htaccess stava bloccando il sito da LinkedIn se gli user-agent contenevano la stringa "jakarta".</p> <p>Non appena rimuovo questo filtro, LinkedIn è stato in grado di accedere a tutte le informazioni OpenGraph (og) richieste quando il cliente pubblica un collegamento.</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/39281060">fonte</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2016-09-01 21:22:02</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1038284119" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Mi sono imbattuto nello stesso problema per il nostro sito Wordpress. Il problema è creato da OGP in conflitto e intestazioni memorizzate nel plugin standard wordpress + yoast/jetpack seo.</p> <p>È necessario disabilitate le intestazioni oEmbed con questo plugin (questo non ha effetti collaterali): <a href="https://wordpress.org/plugins/disable-embeds/" rel="nofollow noreferrer">https://wordpress.org/plugins/disable-embeds/</a></p> <p>Dopo di che è possibile forzare un link fresca anteprima aggiungendo un <code class="prettyprint-override">?1</code> come alcuni di voi ragazzi già sottolineato!</p> <p>Spero che risolva il problema.</p> <p>ho scritto una spiegazione dettagliata per il problema qui: <a href="https://pmig.at/2017/10/26/linkedin-link-preview-for-wordpress/" rel="nofollow noreferrer">https://pmig.at/2017/10/26/linkedin-link-preview-for-wordpress/</a></p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/46969891">fonte</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2017-10-27 07:41:26</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> </div> <div class="clearfix"> </div> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1575177025"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img.uwenku.com/uwenku/script/side.js?t=1644592048671"></script> <script type="text/javascript" src="http://img.uwenku.com/uwenku/plugin/highlight/highlight.pack.js"></script> <link href="http://img.uwenku.com/uwenku/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="5415218910" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> Ultima domanda </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://it.uwenku.com/question/p-bmgpfprf-bo.html" target="_blank" title="UserNotification in 3 giorni, per poi ripetere ogni giorno/ora - iOS 10"> UserNotification in 3 giorni, per poi ripetere ogni giorno/ora - iOS 10 </a> </li> <li class="side_article_list_item"> 2. <a href="http://it.uwenku.com/question/p-gcjpksuw-bo.html" target="_blank" title="Iterating along a Dictionary in Swift 3"> Iterating along a Dictionary in Swift 3 </a> </li> <li class="side_article_list_item"> 3. <a href="http://it.uwenku.com/question/p-nkufauhg-bn.html" target="_blank" title="Eseguendo gulp watch in explorer task runner impostando i bind a 'After Build' in Visual Studio 2015"> Eseguendo gulp watch in explorer task runner impostando i bind a 'After Build' in Visual Studio 2015 </a> </li> <li class="side_article_list_item"> 4. <a href="http://it.uwenku.com/question/p-giqalrxg-bh.html" target="_blank" title="In 7.3/9/2 + Swift come disabilitare l'animazione di rotazione, quando il dispositivo ruota?"> In 7.3/9/2 + Swift come disabilitare l'animazione di rotazione, quando il dispositivo ruota? </a> </li> <li class="side_article_list_item"> 5. <a href="http://it.uwenku.com/question/p-cjfplwhb-h.html" target="_blank" title="Webpack - come configurare il percorso della directory di base per sass loader?"> Webpack - come configurare il percorso della directory di base per sass loader? </a> </li> <li class="side_article_list_item"> 6. <a href="http://it.uwenku.com/question/p-oiwqzgyk-c.html" target="_blank" title="Perché utilizziamo "oggetto associato" come una sorta di sostituzione dei campi statici Java in Kotlin?"> Perché utilizziamo "oggetto associato" come una sorta di sostituzione dei campi statici Java in Kotlin? </a> </li> <li class="side_article_list_item"> 7. <a href="http://it.uwenku.com/question/p-vdjmkwpd-bp.html" target="_blank" title="EF 7 Errore strumenti .NET Core"> EF 7 Errore strumenti .NET Core </a> </li> <li class="side_article_list_item"> 8. <a href="http://it.uwenku.com/question/p-djrpajqb-r.html" target="_blank" title="Ignora blocco in MySQL database in SQLAlchemy Query"> Ignora blocco in MySQL database in SQLAlchemy Query </a> </li> <li class="side_article_list_item"> 9. <a href="http://it.uwenku.com/question/p-dhsoigwt-k.html" target="_blank" title="In quale unità di compilazione vive una variabile constexpr?"> In quale unità di compilazione vive una variabile constexpr? </a> </li> <li class="side_article_list_item"> 10. <a href="http://it.uwenku.com/question/p-cwhdwodt-be.html" target="_blank" title="Modifica barra di stato il colore del testo quando primaryDark è bianco"> Modifica barra di stato il colore del testo quando primaryDark è bianco </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> Problemi correlati</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item">Nessun problema correlato^_^</li> </ul> </div> </div> </div> </div> </div> </div> </div><!-- wrap end--> <!-- footer --> <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://it.uwenku.com/contact">Contattaci</a></li> <li>© 2020 IT.UWENKU.COM</li> <li><a target="_blank" href="https://beian.miit.gov.cn/">沪ICP备13005482号-4</a></li> <li><script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1280101193&web_id=1280101193"></script></li> <li><a href="http://www.uwenku.com/" target="_blank" title="优文库">简体中文</a></li> <li><a href="http://hk.uwenku.com/" target="_blank" title="優文庫">繁體中文</a></li> <li><a href="http://ru.uwenku.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.uwenku.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.uwenku.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.uwenku.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.uwenku.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.uwenku.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.uwenku.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.uwenku.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.uwenku.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.uwenku.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.uwenku.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer> <!-- / footer --> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f78a970f17b19a79fc477a3378096f29"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>