Cómo agregar etiquetas Open Graph de Facebook en Blogger

By Soy Programador | JMCoder

9:46 p.m.

Read

Para agregar nuestras etiquetas Open Graph primero debemos agregar el espacio de nombre (namespace) Facebook XML nos ubicamos en la parte superior de nuestro código y agregamos esto xmlns:og='http://ogp.me/ns#' el código deberá quedar de la siguiente forma

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'>

El código con el cual agregaremos nuestros metadatos configurados para cada una de las entradas de nuestro blog es el siguiente

<!-- Open Graph Meta Tags BEGIN -->
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
  <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.metaDescription'>
  <meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<!-- Open Graph Meta Tags END -->

No hay comentarios.:

Suscribirse a: Comentarios de la entrada ( Atom )