ccc

Facebook, Twitter y Linkedin: Metas para compartir

<meta property="og:type" content="website"/>
  <meta property='og:url' content='https://www.youtube.com/watch?v=Kvj_qEPgPps' />
  <meta property="og:title" content="Atrápame si puedes (2002) de Steven Spielberg"/>
  <meta property="og:description" content="Atrápame si puedes (2002) de Steven Spielberg">
  <meta property="og:image" content="https://www.midominio.com/images/rrss/facebook.jpg">
  <meta name="twitter:card" content="summary"/>
  <meta name="twitter:url" content="https://www.youtube.com/watch?v=Kvj_qEPgPps"/>
  <meta name="twitter:title" content="Atrápame si puedes (2002) de Steven Spielberg"/>
  <meta name="twitter:description" content="Atrápame si puedes (2002) de Steven Spielberg"/>
  <meta name="twitter:image" content="https://i2.ytimg.com/vi/Kvj_qEPgPps/default.jpg"/>

Información de Twitter:
https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/summary

Para Linkedin los metas son los mismos que Facebook pero es aconsejable también añadir:
<meta property="og:image:secure_url" content="https://www.midominio.com/images/rrss/linkedin.jpg">

Para chequearlo en FB:
https://developers.facebook.com/tools/debug/

Para chequearlo en Twitter:
https://cards-dev.twitter.com/validator

Para chequearlo en Linkedin:
https://www.linkedin.com/post-inspector/inspect/

Si en Twitter te diera el error de:
Fetching the page failed because it's denied by robots.txt

Para solucionarlo hay que poner en nuestro robots.txt:
User-agent: Twitterbot
 allow:


Más información en: https://www.flimper.com/blog/es/que-es-open-graph-y-como-se-hace

Ejemplo de compartir vídeo de YouTube:
<a href="https://www.facebook.com/sharer/sharer.php?u=https://www.youtube.com/watch?v=Y8UFpmqYTMY">xxx</a>

<a href="https://twitter.com/intent/tweet?url=https://www.youtube.com/watch?v=Y8UFpmqYTMY&text=prueba">xxx</a>

<a href="https://www.linkedin.com/sharing/share-offsite/?url=https://www.youtube.com/embed/Y8UFpmqYTMY">xxx</a>

<a href="https://api.whatsapp.com/send?text=https://www.youtube.com/watch?v=Y8UFpmqYTMY">xxx</a>

Ejemplo de compartir imagen:
<a href="https://www.facebook.com/sharer/sharer.php?u=https://www.midominio.com/imagenes/slide20191106105324.jpg">xxx</a>

<a href="https://twitter.com/intent/tweet?url=https://www.midominio.com/twitter.php?id=3">xxx</a>

En twitter.php debe tener los metas de twitter:
<?php
require("inc_config.php");
$sql = "SELECT * FROM mitabla where id = ".$id;
$db->query($sql);
$db->next_record();

$imagenShare = $base."imagenes/noticias/".$db->Record["imagen"];
$titleShare = $db->Record["titular"];
?>
<!DOCTYPE html>
<html>
<head>
  <meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@loquesea" />
<meta name="twitter:title" content="<?=$titleShare;?>" />
<meta name="twitter:description" content="<?=$titleShare;?>" />
<meta name="twitter:image" content="<?=$imagenShare;?>" />
  <meta property="og:image:secure_url" content="<?=$imagenShare;?>">
</head>
<body>
<img src="<?=$imagenShare;?>">
</body>
</html>

<a href="https://www.linkedin.com/sharing/share-offsite/?url=https://www.midominio.com/imagenes/slide20191105125558.jpg">xxx</a>

<a href="https://api.whatsapp.com/send?text=https://www.midominio.com/imagenes/slide20191105125558.jpg">xxx</a>

No hay comentarios:

Publicar un comentario