publicidad

» Como usar las Twitter Cards con blogger

Como usar las Twitter Cards con blogger


Buscando  formas de cómo mejorar la presentación de los tweets del sitio, me encontré con las Twittter Cards  las cuales te permiten incrustar un pequeño sumario en cada link  que compartas en twitter así teniendo más atracción al usuario para que de click en tu link. Sí,  se ve muy mono pero como se implementa? Aquí te diremos como. 

Primero tienes que identificar donde poner el código de la twitter card  dentro de tu blog usualmente es antes de


Dirígete al panel de administración de blogger y da click en plantilla o template.  Después en Editar HTML. (Sí el código no aparece realiza otra vez los pasos.)


Una vez en esta pantalla.


Busca con Ctrl+F  la palabra </head>
y por arriba de esta etiqueta introduce este código.


<!-- twitter card details -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:if cond='data:blog.postImageThumbnailUrl'>
      <b:if cond='data:blog.metaDescription'>
        <meta content='summary' name='twitter:card'/>
        <meta content='tecknomano' name='twitter:site'/>
        <meta content='tecknomano' name='twitter:creator'/>
        <meta expr:content='data:blog.pageName' name='twitter:title'/>
        <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
        <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image:src'/>
        <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
      </b:if>
    </b:if>
</b:if>
<!-- end twitter card details -->

Tienes que modificar las palabras “Tecknomano”  con tu propio nombre de usuario en Twitter (sin el @)
Con este podrás agregar las Twitters Cards a tu sitio web, pero esto solo es la mitad del camino tiene que hacer saber a twitter que quieres usar sus tarjetas para eso ingresa al validador de tarjetas de twitter e introduce un link de tu sito para ver cómo se estructura tu twitter card en tiempo real. Cualquier error se mostrara con un círculo rojo. Si lo hay el validador te mostrara el problema y tendrás que modificar el código acorde  para que el circulo cambie a verde. 

Una vez con todos los círculos en verde puedes enviar tu petición y esperar unos minutos, usualmente unos 15 o 20 min para que sea revisada tu petición y sea aprobada o no. 

Finalmente si todo sale bien los siguientes tweets con links a ti sitio tendrán el genial adición de estas tarjetas que se ven muy bien.   

Gracias: www.bloggerplugins.org

publicidad

Mantente informado con las notas más actuales ¡Únete! a nuestra redes sociales

Entrada más reciente Entrada antigua Tecknomano
 

Privacidad - Disclaimer Contacto Publicidad ¡Únete! Sobre Nosotros

Licencia Creative Commons