Cómo integrar instant articles en mi sitio web
Hoy vamos a revisar como implementar Instant Articles en un sitio web que no sea wordpress.
Para eso vamos asumir que te llegó la invitación por parte de la gente de facebook para unirte al programa o que quieres prepararte para este 8 de abril que se abre para todos los sitios web.
Donde verifico si tengo habilitado IA?
Antes que nada debes tener un usuario con perfil de administrador del fan page que quieres gestionar para poder trabajar con instant articles, esto más que nada para poder realizar las configuraciones.
Una vez lo tengas debes ir a la sección de “Publishing tools” de tu fan page y deberás encontrar la opción de Instant articles
O si prefieres puede visitar la sección de configuración de tu fan page y buscar la opción de Instan articles:
No desesperes, si no lo encuentras aún visible recuerda como lo comentamos al inicio, desde el 8 de abril estará disponible para todas las fan pages.
Configurar el dominio de tu sitio web en Instant articles
Debes configurar tu dominio para que sea autorizado por Facebook y puedas publicar tus versiones de IA en la plataforma de ellos:
Antes de solicitar a facebook que incluya tu dominio tienes que asegurarte de incluir el meta que ellos te recomiendan, si ingresas tu dominio sin hacerlo te va a generar este mensaje de que no encuentra el tag en tu sitio web
Lo que hay que hacer es copiar el meta que te indican dentro de la cabecera(<head>) de tu sitio web, recuerda que este código debe estar configurado en todas las páginas de tu sitio web.
Cuando realices este paso y verifiques que el código ya se muestra en tu sitio regresa a la pantalla de configuración de instan articles y vuelve a ingresar tu dominio:
Cuando lo hagas y des clic en reclamar url verás que tu dominio se agregará a la lista de urls reclamadas, y listo! Ya tienes configurado tu dominio para que facebook pueda identificar tus artículos con versiones para IA.
Cómo es el proceso de enviar nuestros artículos a instant articles
Instant articles básicamente es una versión optimizada de tu artículo para cargarse rápidamente dentro de la app de facebook, pero cómo es el proceso?
Tu sitio web debe alojar un RSS que contenga las versiones Instant articles de tus artículos, más adelante veremos cómo deben ser las versiones instant articles.
Dentro de la configuración de instant articles en tu fan page existe dos opciones(una para pruebas y otra para producción) para indicarle a facebook donde está alojado ese RSS
No te preocupes más adelante veremos como configurarlo.
Una vez configures el RSS, facebook lo leera cada 3 minutos verificando si hay nuevos cambios en tu rss o si hay errores en la estructura del rss, si él detecta cambios los leerá y guardará.
Si no te genera ningún error podrás ver los artículos que leyó dentro de la configuración de Publishing tools de tu fan page, ahi en el apartado de instan articles encontrarás tres opciones: Producción, desarrollo y ejemplos. Para este caso los artículos que leyeron de tu rss estarán en desarrollo ya que ese es el rss que estaríamos probando.
Cada artículo leído tiene su título, fecha de actualización o de creación, el estado y la opción de editarlo desde ahí mismo.
Si quieres ir viendo como queda solo tienes la opción de verlo desde tu celular, te recomiendo que tengas instalado la app para administrador de fan page de facebook y en el apatado de instan articles verás los artículos que vas desarrollando.
Más adelante vamos a ver como lanzar a producción tus artículos.
Configurar un RSS para enviar a instant articles
Esto te servirá tanto para configurar tu versión de desarrollo como la de producción
El siguiente paso después de configurar tu dominio es preparar el RSS que enviarás a facebook para que pueda leer las versiones para instant articles de tus artículos.
Estructura de un RSS para instant articles
Como puedes ver el RSS es básicamente un xml con unas cabeceras principales y el tag item es el que encapsula cada artículo, el tag item contendría lo siguiente:
Title: título de la noticia
Link: url de tu artículo, debe ser la url canónica de tu artículo
Guid: código identificador para cada uno de los items
Pubdate: la fecha de publicación o actualización de tu artículo
Author: básicamente debe ir el nombre del autor de tu artículo, pero si lo prefieres puede ir el nombre de tu sitio
Description: una breve descripción de tu artículo
Contend:encoded: este es el más importante ya que es el que contiene todo el código html de tu versión articles de tu artículo
Qué es la versión articles de mi artículo
Instant articles se maneja usando el estandar html5 para manejar sus artículos, entonces lo que debes generar es un código html5 que contenga el contenido principal de tu sitio, y esto es lo más importante ya que cuando envías a aprobación tu RSS ellos verifican que el contenido de tu versión articles contenga todo el contenido de tu versión web.
Veamos cuál es la estructura de una versión articles de mi artículo