Cómo agregar el gráfico abierto de Facebook a Joomla

Todos sabemos y entendemos cuán importantes pueden ser las redes sociales para un sitio web. Desea poder no solo compartir cosas de su sitio, sino también compartirlas y mostrarlas de la manera que mejor le parezca. Aquí es donde entra Open Graph.

Historial de gráfico abierto de

Antes de sumergirnos en lo que hace exactamente Open Graph, echemos un vistazo a una breve historia. En 2008, lanzó " Connect".

Esos eran los pequeños botones azules que ves en los sitios web que te permiten publicar comentarios en una publicación de blog de un sitio web sin tener que registrarte primero para obtener una cuenta en ese sitio web en particular.

En pocas palabras, permitió a las personas iniciar sesión en un sitio web usando sus cuentas de . El método se convirtió en un gran éxito y, en el primer año, había 100 millones de usuarios.

Luego, en 2019, lanzó su API "Open Graph". Lo que esto hizo fue permitirle hacer incluso más que simplemente conectar su sitio a la plataforma de . Si recuerda, incluía la capacidad de integrar algunos de los siguientes:

• Botón "me gusta
• Fuente de actividad
• Recomendaciones
• Me gusta caja
• Botón de inicio de sesión
• Pila frontal
• Comentarios
• Transmisión en vivo

Una vez más, esta idea fue muy popular, por lo que siguió adelante. La idea detrás de Open Graph era permitir que sus páginas web se volvieran sociales en todos los aspectos y permitirle conectarse con personas de varias maneras diferentes.

¿Qué es Gráfico Abierto?

Ahora que tiene una idea de la historia de Open Graph, echemos un vistazo a lo que realmente es. En pocas palabras, Open Graph es un lenguaje de medios sociales que conecta el contenido del sitio web con las redes sociales y luego controla la forma en que se representa el contenido en estas redes sociales.

Yendo aún más lejos, le permite administrar los datos y optimizarlos como desee cuando a un usuario del sitio web le gusta o comparte una publicación de su sitio web. Esto ayudará a controlar cosas como la visualización, las imágenes, el contenido y el título.

Conectar Joomla a permite que las etiquetas " og " de especifiquen los datos que desea compartir de sus publicaciones. Estas etiquetas og incluyen:

• Título: este es el título del objeto
• Tipo: el tipo del objeto;
• Imagen: la URL de la imagen
• URL: la URL del objeto
• Descripción: La descripción del objeto.

Entonces, puede ver que tener un Open Graph de Joomla con realmente puede ayudarlo a controlar específicamente cómo se comparte el contenido en las redes sociales.

Agregar Open Graph a Joomla

Antes de hablar sobre agregar Open Graph a Joomla, debes recordar algunas cosas. Usar Open Graph correctamente es clave, así que recuerda lo siguiente cuando configures:

• El título de un og debe tener 95 caracteres o menos.
• Las descripciones de Open Graph pueden tener hasta 297 caracteres... y deberían tenerlo.
• La imagen og debe tener un tamaño de 50 px x 50 px y 200 px x 200 px y no debe superar los 5 MB.

Ahora, para agregar con éxito Joomla a Open Graph, vamos a utilizar una pequeña extensión suave de Joomla que hace que todo el proceso sea muy fácil. Este complemento se llama Phoca Open Graph para Joomla.

Echemos un vistazo al complemento, instálelo y actívelo, y configúrelo juntos.

Gráfico abierto de Phoca

La extensión Phoca Open Graph para Joomla le permite agregar fácilmente información de Open Graph a su sitio web de Joomla y controlar cómo se comparten y muestran sus publicaciones.

La información se almacena y luego se agrega correctamente cuando a un visitante le gusta o comparte una publicación. Este complemento le brinda la comodidad de saber exactamente qué se muestra cuando se comparte el contenido, cómo se muestra y cómo se verá cuando se comparta en las redes sociales.

Instalemos y activemos juntos el complemento Joomla Open Graph. Esta es solo una de varias grandes extensiones relacionadas con que Joomla tiene disponibles y que facilitarán la integración.

Instalar y activar Phoca Open Graph

Para usar la extensión Phoca Open Graph para controlar las etiquetas og de , primero debe instalarse y activarse en su sitio web de Joomla. Puede hacer esto descargándolo de la página de inicio de la extensión en su máquina.

Cuando haga clic en el botón de descarga, accederá a la página principal de Phoca Open Graph en su sitio web. Aquí verá una selección de descargas de og. En nuestro caso, queremos descargar la última versión en inglés del complemento en nuestra máquina. Así que estamos agarrando ese.

Nota: También están disponibles otras versiones de la extensión en checo y ruso.

Una vez que haya descargado la extensión a su máquina, continúe, arrástrela y suéltela en el cuadro de carga de archivos ubicado en el área del panel de control de Joomla .

Nota: También puede buscar el archivo y cargarlo de esa manera si lo prefiere. Joomla también ofrece opciones para instalar desde una carpeta o URL, pero el proceso a continuación es el más fácil.

Una vez que se haya instalado la extensión, recibirá un mensaje de cuadro verde que le indicará que la extensión se instaló correctamente.

Ahora que se ha instalado la extensión, debe activarla. En la barra de menú superior, haga clic en Extensiones > Complementos. Busque el complemento Phoca Open Graph que acaba de instalar.

Si tiene un círculo rojo con una "x" blanca, haga clic en el icono para habilitar el complemento. Si el ícono tiene una marca de verificación verde, significa que ya está habilitado y que la extensión está activa en el sitio.

Ahora haga clic en el enlace en vivo "Phoca Open Graph Content" para acceder a la configuración del complemento.

Configuración del complemento Open Graph

En este punto, ha llegado a la página de configuración principal de este complemento particular de Joomla Open Graph. Verá 7 pestañas principales. Éstos incluyen:

• Enchufar
• Opciones de artículo
• Opciones destacadas
• Opciones de categoría (Blog)
• Opciones comunes
• Tweets con opciones de tarjeta
• Opciones adicionales

Repasemos juntos cada pestaña para la configuración del complemento.

Enchufar

Esta pestaña simplemente le mostrará enlaces a documentación útil y otra información de complementos.

Opciones de artículo

Configure las opciones de Joomla Open Graph que desea tener para sus artículos aquí.

Opciones destacadas

Puede configurar todas las opciones destacadas desde esta pestaña según cómo desee que se muestren.

Opciones de categoría (Blog)

Configure todas las opciones de categoría (blog) que desea tener para cuando el contenido se comparte en las redes sociales.

Opciones comunes

Puede acceder y configurar otras opciones de extensión comunes desde esta pestaña.

Tweets con opciones de tarjetas

Esta extensión de Open Graph viene completa con una sección de Twitter Cards que también puedes configurar y usar a tu gusto.

Opciones adicionales

Solo algunas opciones adicionales que puede examinar y configurar como desee. Por ejemplo, puede optar por mostrar una imagen de categoría en el artículo si tiene una.

¡Eso es todo! Ha instalado, activado y configurado correctamente el complemento Phoca Open Graph. Ahora controlas tus gustos y recursos compartidos en las redes sociales y el contenido que deseas compartir.

Pensamientos finales

Si tiene un sitio web de Joomla con mucho contenido , definitivamente querrá aprovechar Open Graph. No es difícil de configurar y usar, como se demuestra en el tutorial anterior.

Esto le dará mucho más control sobre cómo se muestra y comparte el contenido en las redes sociales. Sabrá lo que ven las personas y a qué información acceden porque configura la pantalla y controla el diseño y otras configuraciones.

¿Has estado usando Joomla y Open Graph por un tiempo? ¿Considera que el contenido compartido es mucho más limpio y se muestra de una mejor manera?