Encontré esto (en Creative Pro: Enlace diferente: Cómo compartir enlaces para un impacto máximo en Facebook), aunque no estoy seguro de por qué las metaetiquetas están anidadas en una etiqueta de párrafo …
El protocolo Open Graph fue diseñado para ayudar a que la información de páginas web que no son de Facebook se traduzca con gracia cuando se comparte en Facebook, y viene con metaetiquetas especiales que incluyen el prefijo “og”.
Estas son las tres metaetiquetas de Open Graph que querrás incluir para cada página de tu sitio. Van en el encabezado HTML, donde viven las otras metaetiquetas más tradicionales:
La primera etiqueta que se muestra arriba le permite especificar el título exacto de su página, y eso es lo que aparecerá como el título del enlace en la vista previa del enlace de Facebook.
La segunda etiqueta funciona de la misma manera, para el área de descripción en la vista previa del enlace.
La tercera etiqueta le permite especificar una imagen en miniatura que servirá como la miniatura predeterminada que aparece en la vista previa del enlace. Una vez más, para obtener mejores resultados, querrás asegurarte de que tu miniatura tenga forma cuadrada y sea más pequeña que 250 × 250 píxeles. Y debe estar en uno de los formatos de imagen compatibles de Facebook. (Recomiendo quedarse con un JPG o PNG). Luego, cárguelo en su servidor web y pegue la URL de la miniatura en el lugar apropiado en la etiqueta de la imagen que se muestra arriba.
Presto: sus tres metaetiquetas Open Graph ahora funcionarán casi como pequeños asistentes personales para su página web, asegurándose de que esté vestida para matar cuando llegue el momento de su aparición como un enlace en Facebook.
- ¿Cuál es el mejor sitio de alojamiento web gratuito para sitios de WordPress?
- ¿Hacer un sitio web usando solo HTML y CSS se considera desarrollo web?
- ¿Es esta página web (enlace a continuación) una buena fuente de información sobre guacamayos?
- ¿Cuál es la mejor manera de dividir un proyecto de desarrollo web basado en Rails entre dos desarrolladores?
- ¿Qué tecnologías front-end están detrás de la gran interfaz de la nueva Google Drive?