Ir al contenido principal

Open Graph y Twitter card para Blogger

Si tienes un blog de Blogger o blogspot y al compartir tus posts en redes sociales no sale la imagen del post o no sale el resumen de la entrada debes añadir un poco de código para que Facebook, Twitter y otras redes sociales puedan mostrar tu contenido con foto y texto al nomás pegar el enlace en la red social.

Si no se muestra foto o se muestra la foto equivocada cuando compartes en redes sociales, es porque tu tema de Blogger no está usando el protocolo Open Graph. Con Open Graph le dices a las redes qué información deben tomar de tu post para publicarlo. Twitter usa también su propio protocolo o Twitter Card.

Para agregar Open Graph a tu blog debes buscar en tu panel de control la opción Tema y dar clic en Editar HTML. Verás una página parecida a esta:


Después de la etiqueta <head> debes pegar el siguiente código. Ahora al compartir tus posts en redes sociales ya podrás ver la imagen del post y el texto.

<!--START Twitter Card -->
    <meta content='summary' name='twitter:card'/>
        <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
       <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
          <meta expr:content='data:blog.pageName' name='twitter:title'/>
       <b:else/>
          <meta expr:content='data:blog.homepageUrl' name='twitter:url'/>
          <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
       </b:if>
       <b:if cond='data:blog.postImageUrl'>
          <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
       
       <b:if cond='data:blog.metaDescription'>
          <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
       </b:if>
    <!--END Twitter Card -->

<!--Open Graph Meta Tags BEGIN -->
       <meta content='website' property='og:type'/>
       <meta expr:content='data:blog.homepageUrl' property='og:site_name'/>
           <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
          <meta expr:content='data:blog.pageName' property='og:title'/>
       <b:else/>
          <meta expr:content='data:blog.homepageUrl' property='og:url'/>
          <meta expr:content='data:blog.pageTitle' property='og:title'/>
       </b:if>
       <b:if cond='data:blog.postImageUrl'>
          <meta expr:content='data:blog.postImageUrl' property='og:image'/>
          <b:if cond='data:blog.metaDescription'>
          <meta expr:content='data:blog.metaDescription' property='og:description'/>
       </b:if>
    <!--END Open Graph -->

Entradas populares de este blog

Grabarte a ti mismo para mejorar tu inglés

La parte más difícil de aprender un idioma es la pronunciación. Cada idioma tiene sus propios sonidos. Cuando escuchas una palabra la puedes repetir más o menos bien, pero usar esa misma palabra en una conversación y pronunciarla correctamente no siempre es fácil.

Las redes sociales están hechas para enviciarte

No están hechas para servirte. Prestan un gran servicio porque las personas se conectan, comparten información, discuten. Pero eso se podía hacer antes de las redes sociales, en foros y blogs. Se han diseñado como las máquinas tragamonedas . Cada like o comentario es un shot de dopamina que te hace sentir ganador. Estás esperando, como en las máquinas tragamonedas, el gran premio: el tuit, historia, foto o estado viralizado que tenga miles de likes y visitas. Cada tuit, foto, estado o historia es la moneda que insertas para lograr el efecto. Tienes que tirar muchas veces para que salga el premio, así que te quedas todo el día en la red social, justo como un ludópata en el casino.

La muerte de Maradona

Diego Armando Maradona murió ayer 25 de noviembre de 2020, dejando en luto a Argentina y al mundo. Su genialidad dentro de la cancha lo hizo trascender a la historia en vida, como uno de los mejores jugadores de fútbol de todos los tiempos. Para muchos es el mejor de todos los tiempos. Ganó el mundial de México en 1986 liderando un grupo de grandes jugadores. Los que lo vimos jugar en la niñez y juventud nunca lo podremos olvidar. Aquella jugada contra Inglaterra dejando en el camino a todo el equipo para lograr el gol debe ser uno de los goles más vistos de todos los tiempos. Cada cierto tiempo lo vuelvo a ver porque es una obra maestra. Descanse en paz el Diego.