facebook opengraph - siguientes - Cómo usar la metaetiqueta ''og''(Open Graph) para compartir en Facebook
og:image wordpress (3)
Facebook busca todas las imágenes de mi sitio.
Quiero compartir solo una imagen que está en esa página.
Escuché sobre la metaetiqueta og , pero no sé cómo decirlo.
Creé una herramienta para meta generación. Preconfigura entradas para Facebook, Google+ y Twitter, y puede usarlo gratis aquí: http://www.groovymeta.com
Para responder la pregunta un poco más, las etiquetas OG (Open Graph) funcionan de manera similar a las metaetiquetas, y deben colocarse en la sección HEAD de su archivo HTML. Consulte las mejores prácticas de Facebook para obtener más información sobre cómo usar etiquetas OG de manera efectiva.
Facebook usa lo que se llama el protocolo Open Graph para decidir qué cosas mostrar cuando comparte un enlace. El OGP mira su página e intenta decidir qué contenido mostrar. Podemos echarle una mano y realmente decirle a Facebook qué tomar de nuestra página.
La forma en que hacemos eso es con og:meta tags.
Las etiquetas se ven algo como esto:
<meta property="og:title" content="Stuffed Cookies" />
<meta property="og:image" content="http://fbwerks.com:8000/zhen/cookie.jpg" />
<meta property="og:description" content="The Turducken of Cookies" />
<meta property="og:url" content="http://fbwerks.com:8000/zhen/cookie.html">
Tendrá que colocar estas metaetiquetas o similares en el <head> de su archivo HTML. ¡No olvides sustituir los valores por los tuyos!
Para obtener más información, puede leer todo sobre cómo Facebook usa estas metaetiquetas en su documentación. Aquí hay uno de los tutoriales desde allí - https://developers.facebook.com/docs/opengraph/tutorial/
Facebook nos brinda una pequeña herramienta para ayudarnos cuando trabajamos con estas metaetiquetas: puede usar el Debugger para ver cómo ve Facebook su URL, e incluso le indicará si hay algún problema con ella.
Una cosa a tener en cuenta aquí es que cada vez que realice un cambio en las metaetiquetas, deberá volver a alimentar la URL a través del Debugger para que Facebook borre todos los datos almacenados en caché en sus servidores sobre su URL.
Utilizar:
<!-- For Google -->
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<meta name="copyright" content="" />
<meta name="application-name" content="" />
<!-- For Facebook -->
<meta property="og:title" content="" />
<meta property="og:type" content="article" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:description" content="" />
<!-- For Twitter -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />
Complete el contenido = "..." de acuerdo con el contenido de su página.
Para obtener más información, visite 18 Metaetiquetas que cada página web debería tener en 2013 .