Todos los artículos

Mostrar las etiquetas de Facebook correctamente con GatsbyJS

Al compartir el contenido del blog en las redes sociales éstas (Facebook sobre todo pero también Linkedin y otras) basan los “snippets” en las etiquetas que contiene tu contenido en la cabecera del documento HTML. GatsbyJs por defecto usaba la librería https://github.com/gaearon/react-document-title y yo la he sustituido por otra más potente, https://github.com/nfl/react-helmet.

El proceso ha sido sencillo, y además está documentado en una issue del repositorio de GatsbyJS: https://github.com/gatsbyjs/gatsby/issues/488

Así se queda el código del wrapper que transforma el documento en formato Markdown que contiene el contenido del post en HTML:

        return (
            <div>
              <Helmet
                title={ `${post.title} - ${config.siteTitle}` }
                meta={[
                    {property: "og:title", content: post.title },
                    {property: "og:description", content: post.description },
                ]}
              />
              { template }
            </div>
);
Publicado 13 Jan 2017