drupal

Como activar las Twitter Cards en Drupal 8 desde el módulo Meta tags

  •  Para que nos sirven las Meta Tag?

Los META TAG son etiquetas que se deben incluir dentro del Tag general <HEAD> que indican a los     buscadores en qué términos deben ser encontradas, extrayendo la información necesaria de la base de datos, estas Meta Tag son invisibles para los usuarios.

  • que son las TWITTER CARDS?

Las Twitter Cards o tarjetas de Twitter nos permite mostrar información mas atractiva que un tweet estándar ,Tales como  título, imagen, resumen y url de una forma muy visual, así será más agradable para los usuarios cuando compartas un post desde tu sitio, y tendrá un llamado a la acción para hacer clic.
    

  • PASOS PARA ACTIVAR LAS TWITTER CARDS:

  1. Instalamos el módulo Metatag en nuestro drupal,  Manage > Extendimg1
  2. Después de instalar este módulo que nos proporcionará soporte para (Open Graph, Protocol de Facebook, Twitter Cards ( de Twitter ), que nos  permitirá controlar cómo se visualiza nuestro contenido en las redes sociales por lo que nos enfocaremos en TWITTER CARDS .img2

     

  3. Creamos nuestro contenido en Drupal en este caso usare ARTÍCULO y  llenamos los campos necesarios.
  4. Luego nos dirigimos a  Manage > content > Add Content > Article (creamos y clic en Save)img3

     

  5. Ahora nos ubicamos en Home > Administration > Configuration >Search and metadata (esto se hará de manera global, pero también puedes hacerlo personalizado)
  6. Hacemos clic en Add default meta tags img4
  7. En esta nueva ventana, elegimos el tipo de contenido que vamos a configurar , en mi caso usare Artículo.
  8. luego nos dirigimos a la opcion de Twitter Cards y desplegamos.img5

     

  9. Al Desplegar podemos ver que hay una serie de tipos de Twitter Cards, esto será de acuerdo a lo que quieras mostrar en tu publicación. Eligiremos Summary Card With large image.  y hacemos el llenado de los campos Título, Descripción,Imagen y la url que son más importantes y necesarios. Luego clic en guardar.

    img6

     

  10. estos son los Meta Tag que se implementaran.

    img7

     

  11. Ahora nos dirigimos a la sección de compartir de nuestro sitio web y clic en Twitter. Para compartir tu contenido puedes instalar un módulo donde te aparezca similar a estos iconos. Puedes encontrar módulos  en https://www.drupal.org/  .

    img8

     

  12. Finalmente compartimos nuestro contenido, haciendo clic en Twitter

    img9

     

  13. Probablemente al compartir tu contenido te aparezca esta imagen, esto se debe porque no hemos validado la URL con la  tarjeta por lo tanto iremos a la página para validar y que Twitter nos lo autorice.

    img10

     

 

  • VALIDANDO LAS TWITTER CARDS

  1. Para validar ingresar a la página validador haz clic aquí img11
  2. Nos pide la URL de la página que contiene las Twitter Card para validar , dicha página nos mostrará una vista previa a nuestra publicación . Copiamos la URL y damos clic en Preview Cardimg12
  3. Nos dirigimos a la parte de compartir en nuestro sitio web una vez ya validados nuestras Twitter Cards y listo.img13

     

  • Publicación estándar -imagenimg14

 

  • Publicación con TWITTER CARD-imagenimg15

Me pareció interesante el artículo

Deseo más información

O también puedes comunicarte con nosotros.

por whatsapp por whatsapp

Comentario

Añadir nuevo comentario

Protected by Spam Master

Me gustaría más información sobre:

CAPTCHA
Protected by Spam Master