CARDS EN TUS TWEETS? By Ivanyesid23

Ya no hablaré en nivel principiantes! Pues debo aclarar que todo aquel que aprende y sigue este movimiento 👁️23 debe tener su web sin importar la categoría de su proyecto así que iniciemos centrados en el tema principal CARDS.

Que son las Cards? en el mundo Digital? PS la traducción de cards es tarjeta y en el mundo Digital una tarjeta es un código que te permite dar una vista previa, al igual que un anuncio! Sobre lo que tú elijas algo muy rentable a la hora de promocionar contenido.

Si no está claro! Te lo aclaro en mensaje directo así que Lee de nuevo y comencemos!

¿COMO INSTALAR LAS CARDS EN TUS TWEETS?

Lo primero será dirigirnos a nuestro administrador de web en mi caso yo utilizo la plataforma de blogger y ustedes en su mayoría utilizan WordPress en caso de otra PS acceder!!.

Lo segundo será encontrar la opción principal del HTML de la web o el HTML de la plantilla web en el caso de blogger está en la septima "7" opción del menú llamada Temas 

Lo tercero será pegar dentro de la etiqueta HEAD este código que vamos a editar antes:

👇🏾Mirar 👇🏾

<!--INICIA TAGS PARA TWEET CARDS -->

      <meta content='summary_large_image' name='twitter:card'/>

      <meta content='Ivanyesid23' name='twitter:site'/>

      <meta content='@ivanyesidpineda' name='twitter:creator'/>

 <!-- SI ES LA PAGINA PRINCIPAL -->

    <b:if cond='data:blog.pageType == &quot;index&quot;'>

      <meta content='De Educación y más' property='og:title'/>

      <meta content='Hablamos de tecnología y desarrollo, para que todos la puedan entender.' property='og:description'/>

      <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaSnBmRWcURRm3PNrdS12tTYsZbihLEq2UnKM3LdAbeNEiqQUY2FGItTbKM2XmWK7QvHSkK-gTcQVuGhphAQb8ULgu0NbQNxkb9Z29ouYaZF6sRc5cLryRaocqDVniekuv1HxHnpWiM_zI/s1600-r/banerdtym1150x250.png' property='og:image'/>

      <meta expr:content='data:blog.homepageUrl' name='og:url'/>

  <!-- SI ES UN POST DIFERENTE A LA PAGINA PRINCIPAL -->

    <b:else/>

  <meta expr:content='data:blog.url' name='og:url'/>

  <meta expr:content='data:blog.pageName' name='og:title'/>

  <meta expr:content='data:blog.postImageUrl' name='og:image'/>

  <!-- SI EL POST CONTIENE DESCRIPCION -SEARCH DESCRIPTION -->

  <b:if cond='data:blog.metaDescription'>

   <meta expr:content='data:blog.metaDescription' name='og:description'/>

  <!-- SI EL POST NO CONTIENE DESCRIPCION -SEARCH DESCRIPTION -->

       <b:else/>

   <meta content='Pasa a leer este artículo en De Tecnología y más. Si te gusta no olvides en darle RT.' name='og:description'/>

  </b:if>

</b:if>

    <!--FIN DE TAGS PARA TWITTER Cards-->

      <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt3sWG-lCXCHFkyrP-YcqVCZMMN-nlYjNsZcKQzhHIkEPd916rhojj8rIvJ9lPamVn_9bSFszSK9y9NB2-aKLlP9_R6B1do5cxEEK470q8TBbgxX9wChLODwmYopfINHzGiWOH1lxfHsEG/s1080/ivanyesid23+%25281%2529.png' property='og:image'/>

      <meta expr:content='data:blog.homepageUrl' name='og:url'/>

  <!-- SI ES UN POST DIFERENTE A LA PAGINA PRINCIPAL -->

Si se puede ver muy claro les he cambiado de color las partes del código que se debe más que editar PERSONALIZAR al máximo. Hay dos de ella que inician con "https://" aquí deberás editar una dirección URL de imagen a tu proyecto! 

Al terminar guardamos los cambios y listo! Ya podrás tweetear una URL de tu web con una vista previa al igual que su enlace directo.

Más que una simple estrategia es publicidad gratis para aquellos que tenemos un engagetmet o pequeña comunidad.