Comment réussir la mise en œuvre de l'og:image pour l'LinkedIn

LE PROBLÈME:

  • J'essaie, sans succès, de mettre en œuvre open graph de l'image sur le site: http://www.guarenty-group.com/cz/
  • La page d'accueil est completeply en contournant l'og:image tag, où les pages internes sont la lecture de toutes les images du site et de la place de l'og:image comme la dernière option.
  • D'autres réseaux sociaux fonctionnent très bien sur les deux pages internes et page d'accueil.

LA CONFIGURATION:

  • Je n'ai pas de boutons de partage ou similaire, tout ce que je veux, c'est être en mesure de partager le lien via mon profil.
  • L'image est bien plus 300x300px: http://guarenty-group.com/img/gg_seal.png

  • Ici est de savoir comment ma balise head ressemble:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Guarenty Group : Pojištění pro nájemce a pronajímatelé</title>

        <meta name="keywords" content="" />
        <meta name="description" content="Guarenty Group pojišťuje příjem z nájmu pronajímatelům, kauci nájemcům - aby nemuseli platit velkou částku v hotovostí předem - a dále nájemcům pojišťuje příjmy, aby měli na nájem při nemoci, úrazu či nezaměstnání." />
        <meta name="image_src" content="http://guarenty-group.com/img/gg_seal.png" />
        <meta name="image_url" content="http://guarenty-group.com/img/gg_seal.png" />

        <meta property="og:title" content="Pojištění pro nájemce a pronajímatelé" />
        <meta property="og:url" content="http://guarenty-group.com/cz/" />
        <meta property="og:image" content="http://guarenty-group.com/img/gg_seal.png" />
        <meta property="og:description" content="Guarenty Group pojišťuje příjem z nájmu pronajímatelům, kauci nájemcům - aby nemuseli platit velkou částku v hotovostí předem - a dále nájemcům pojišťuje příjmy, aby měli na nájem při nemoci, úrazu či nezaměstnání [...]" />
        ...
</head>

LES RÉSULTATS DES TESTS:

Dans le but de tromper le cache, j'ai testé le site avec http://www.guarenty-group.com/cz/?try=N, où j'ai changé le N à chaque fois. La chose étrange est que les images trouvées pour différentes valeur de N est différent. Parfois, il n'y a pas d'image, parfois, il y a 1, 2 ou 3 images, mais à chaque fois il y a une autre série d'images.
Mais, en tout cas, je ne pouvais pas trouver l'image spécifiée dans l'og:le graphique!

MES QUESTIONS:

  1. https://developer.linkedin.com/documents/setting-display-tags-shares dit une chose, et le personnel sur le forum de support est de dire "plus de 300" personne Ne sait Ce qui est le minimum officiel de la dimension de l'image (l et h)?
  2. Une image trop grande?
  3. Dois-je utiliser la xmlns, devrais-je pas utiliser xmlns ou il n'a pas d'importance?
  4. Quels sont les maximum (et minimum) longueurs pour og:title et og:description des balises?

Toute autre suggestion est la bien sûr bien accueilli 🙂

Merci d'avance, vive~

  • Si la réponse vous a été utile dans la résolution de votre problème, n'accepter de sorte qu'il aide les autres à l'avenir.
  • Malheureusement, j'ai été incapable de résoudre le problème...
InformationsquelleAutor Sabo | 2012-04-06
  1. 35

    Cette réponse que j'ai trouvé sur LinkedIn forums peut-être vous aider:

    Les gars, j'ai passé une journée entière à essayer différentes choses. Ce qui a fonctionné pour
    moi est à l'aide de la mata [sic] des balises comme suit:

    <meta prefix="og: http://ogp.me/ns#" property="og:title" content="{Your content}" />
<meta prefix="og: http://ogp.me/ns#" property="og:type" content="{Your content}" />
<meta prefix="og: http://ogp.me/ns#" property="og:image" content="{Your content}" />
<meta prefix="og: http://ogp.me/ns#" property="og:url" content="{Your content}" />

    Juste essayer d'ajouter un préfixe à chaque balise (pas de balise html), puis re-signer dans
    avec votre LI compte de vider le cache...
    Afficher vos résultats.

    • Vous pouvez suivre le lien vers le forum comme mentionné dans la réponse, et de poser les mêmes.
    • LinkedIn nuked le forum avec l'été mentionné contenu, mais vous pouvez le trouver dans l'archive dans le web.archive.org/web/20140713041429/http://...?
    • Cela a fonctionné pour moi. Ressemble à Facebook affiche les bonnes aperçu, même sans prefix propriété, mais LinkedIn N'a BESOIN d'afficher une image.
    • J'ai pme problème, j'ai essayé aussi le format png ou jpg images, j'ai réduit sa taille de 640 x 480. Rien ne fonctionne. LinkedIn ici linkedin.com/help/linkedin/answer/46687/... les points d'un indice sur ce qui peut l'empêcher, mais ne peut pas le comprendre. les mines sont à travailler sur d'autres sites et messagerie instantanée comme Whatsapp
    • Aussi, je pense qu'il doit être mentionné que linkedin caches robot info pour sept jours linkedin.com/help/linkedin/forum/question/566327/...
    InformationsquelleAutor GothamCityRises
  2. 9

    J'ai trouvé cette solution simple qui a fonctionné pour moi, après beaucoup de compliqué solutions qui ne fonctionnent pas:

    LinkedIn

    Le seul moyen de “nettoyer” le partage de la mémoire cache de l'aperçu de LinkedIn est de tromper LinkedIn en pensant que votre page est un autre (et nouvelles) de la page.

    Cela se fait par l'ajout d'un paramètre pour le lien. Il n'a pas d'incidence sur votre page web, mais il ne force pas les métadonnées d'être ré-cheveux.

    Exemple:

    Lien d'origine: //beantin.se/consultant-résumé
    "Nouveau" lien: //beantin.se/consultant-cv?1

    • Merci beaucoup!
    InformationsquelleAutor Kym
  3. 6

    J'ai eu le même problème hier soir. Passé des heures à la recherche de solutions et j'ai essayé les solutions préconisées par les autres dans ce post, mais en vain. Enfin, j'ai contacté LinkedIn à propos de ce problème et ils ont répondu tout de suite. Leur équipe de développement a mis en place un nouvel outil appelé "Post Inspecteur", qui permet d'optimiser le partage de contenu. Littéralement, en quelques minutes, ce effectivement travaillées.

    Tout ce que vous avez à faire est de taper votre URL et ils font tout le travail c'est à dire la vérification de corriger le code de propriétés telles que l'image, l'auteur, le titre, la description, la date de publication, etc. Non seulement ils vérifier, ils ont également vous dire quel est le code à inclure, ce qui est absent, et comment le résoudre.

    Voici le site web pour l'utilisation de Poste de l'Inspecteur:

    https://www.linkedin.com/post-inspector/

    • Bien qu'il mérite un +1 pour le lien, utile, méfiez-vous que le Poste d'Inspecteur ne semble pas utiliser la même mise en cache que, par exemple, le profil de l'un. C'est, si vous faites des modifications à votre site web et ils ne semblent pas être prise en compte, vous pouvez commencer par vérifier Kym de réponse.
    InformationsquelleAutor Quintessa Anderson
  4. 4

    LinkedIn est aussi la mise en cache des aperçus. Si OpenGraph de l'image a été mal mis en cache à un certain point avant, essayez de vaincre le cache avec un paramètre de requête sur un lien partagé, par exemple https://your-website.com/?1.

    • Merci @Ain_Tohvri, qu'il fixe pour moi!
    InformationsquelleAutor Ain Tohvri
  5. 1

    Cela peut-être un peu tard pour l'OP, mais il y a de nouveaux documents à https://www.linkedin.com/help/linkedin/answer/46687/making-your-website-shareable-on-linkedin. Espérons que cela aide les autres.

    InformationsquelleAutor Andrew McCombe
  6. 1

    Si @Kym réponse qui fonctionne pour vous, et vous ne voulez pas avoir un faux paramètre de l'URL dans votre LinkedIn liens, une solution simple est juste pour vous déconnecter puis vous reconnecter.

    *Écrire ma propre réponse étant donné que je n'ai pas assez de rep à commenter leur

    InformationsquelleAutor John
  7. 1

    Je suis tombé sur cette récemment, a passé une énorme quantité de temps à travailler sur tous les types de solutions ci-dessus. Je travaillais avec quelqu'un d'autre en HTML et enfin compris que le html était tout simplement absent de la balise head, alors qu'il avait la balise de fermeture de la tête.

    Lié En est apparemment pas la numérisation de texte de la page pour les jo, les balises, mais le traitement de la page dom, et si les objets dom ne sont pas correctement codé, ils ne vont pas le processus. Si vous avez des problèmes avec l'incomparable, de tags ou balises non fermées, ce pourrait être votre problème si tout le reste ne fonctionne pas.

    Je n'ai pas besoin d'ajouter un préfixe pour les meta tags ou ajouter og image de la hauteur et la largeur des balises une fois que le html a été fixé. Liés À traitement par de fines une fois que le html a été fixé.

    • merci! cela a fonctionné pour moi. J'ai été absent de la <head> tag.
    InformationsquelleAutor user2989397
  8. 0

    J'ai passé toute la journée de la mettre en œuvre. Mon critère principal était de le faire pour tous mes messages sans toucher un seul post dans WordPress.

    LinkedIn solution n'a pas fonctionné. Aussi LinkedIn met en cache les images pour les 7 jours, et si vous avez changé l'image, vous n'êtes pas en mesure de regarder l'actualisation de l'image. Par conséquent, les contraintes et j'ai été en mesure de mettre en œuvre à l'aide de PHP, Javascript et à l'aide de paramètre fictif pour actualiser LinkedIn cache. Voici la solution

    InformationsquelleAutor ShriKant Vashishtha
  9. 0

    Pour moi la solution a été de mettre tous les <meta> balises (sans prefix) à l'intérieur de <head> tag.

    Pour d'autres réseaux sociaux comme Facebook, Twitter ou Google vous n'avez même pas besoin d'avoir <head> tag. (parce que c'est facultatif dans HTML5 specs)

    PS. Il y a une nouvelle façon agréable pour les tests <meta> tags sur votre site web: https://metatags.io/

    InformationsquelleAutor Ivan Aracki
  10. 0

    Dans mon cas, j'ai fait exactement cela et il a bien fonctionné (sur ma page de cours).

    Mettre ces quatre lignes dans la tête:

    <title> aanalytics </title>
<meta data-react-helmet="true" property="og:image" content="/photos/s5.jpg">
<meta data-react-helmet="true" property="og:type" content="website">
<meta data-react-helmet="true" property="og:url" content="https://www.aanalytics.de">

    MAIS, attention, si vous avez plus d'un chef dans votre page, ces lignes doivent être insérées dans le premier tête sinon ça ne marchera pas.

    J'ai également eu prefix="og: http://ogp.me/ns#” dans le code html

    InformationsquelleAutor maleckicoa
  11. 0

    Après des recherches pour un jour, j'ai trouvé que la balise meta avec l'attribut property doit être utilisé au lieu de name.

    <!doctype html>
<html prefix="og: http://ogp.me/ns#">
<head>
     <meta property="og:type" content="website" />
     ...

    Ref: https://ogp.me/

    InformationsquelleAutor Jerry Poon