Un sitio para las sonrisas: Adición de metadatos de Twitter, Open Graph, entre otros, y despliegue al dominio de Sonrisas del Mañana
Domingo, 01 de mayo de 2022
Habiendo corregido los principales errores de la página, pasé a añadir metadatos de diversas páginas para mejorar su visualización. Aunque ya sabía algo al respecto, no sabía otras cosas. ¿Qué hice al respecto?
Esta semana desplegué la página al dominio de SDM y añadí metadatos para diferentes redes sociales y protocolos. Los metadatos son una lista de datos especiales que provee el sitio web en un formato específico, de forma que otras páginas puedan leerlo y dar funcionalidad específica con base en ella. Por ejemplo, WhatsApp y Facebok usan los metadatos para cargar una previsualización de una página que compartes.
Primero, desplegué la página a dominio de SDM. Para ello, coordiné con la directora de SDM que me dio acceso al dominio y ahí lo configuré para que muestre la página que yo tenía en Vercel. El regristrador de dominios usado, Punto.pe, se demoró en cambiar la configuración. Sin embargo, finalmente el sitio web se configuró correctamente.
Más adelante, cuando quería añadir los metadatos, me encontré con que no me los sabía todos. Esto dado que, dependiendo de la red social a la que orientas tus metadatos, estos tienen un diferente formato que a veces puede ser obscuro. En este caso en específico, no me sabía los de Twitter. Como resultado, inicialmente no podía añadir los datos correspondientes a dicha red social.
Sin embargo, fui capaz de resolver el problema. Para ello, usé mis habilidades de investigación y busqué en Internet aquella información de los metadatos que no tenía. Más aún, en el camino encontré el Card Validator de Twitter Developer, que me fue de utilidad para probar los metadatos que añadí.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-SWJ6py0IlavuBUZQz7tmytdw7qvh7KSwM0uvzkbuizilhW_jhl7zKrqJ9Cf3FkJpcgpYuoPpAXqMundWxkSox3jDu5v1ZpE1YMYOjao1cbyYL1_Ezazpw-CS3U2zZD7tGfrMLyhNKaeMPtzQ3Cal7ZYzPonWbN4UR-R3kYio6-hL6rKcRQ3ol0qa/s320/Twitter%20-%20After%20metadata.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHdCbLQ5novOdHy_7J9C2tDlDhar31YZ9_VmkLx03nUUtRBvZyyx6AeA99WAn39R6KJ3A2l5PNtoucMadQ4xzAL0gp8XN4c1-nLqrgMcsRe0Yeffly_n-D2tvRBjokcLE_WM4CGLIA-WNAbwNG9CX9XYMfnwADVo4We8VAaq5FpXScLhvAbetLZAvl/s320/Discord%20-%20Before%20Metadata.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDWE0XKAbevRg3PbdyIQZ91kQlbuBzHL4K2kmYNlrx6SHAUcvPXSSCQUj5_nFrVM9G2sVGUfmrbmENwvByLcvkvi1_ptqtW_S3xHM8bjNuPvNv3i7zlYnjRzvZ9NQXC-_-Tho4C1kP1q0bG8Yu3QMzpw2lCYeICcadib3RvUtXV_BjMb9w_d_8BuNU/s320/Discord%20-%20After%20metadata.jpg)
Evidencia: Previsualización de OpenGraph después de añadir metadatos.
¿Qué desarrollé?
Componentes:
Creatividad: Al crear el sitio web y seleccionar la información que añadí en los metadatos, tuve que explorar las ideas que tenían en mi mente para decidir cuáles eran las más apropiadas y llegar a este producto original.
Servicio: Al ayudar a Sonrisas del Mañana, estoy contribuyendo a expandir su meta social de ayudar a quienes más han sido afectados por la pandemia y, de esta forma, también al bien común.
Atributos:
Indagador: Al buscar la información que necesitaba sobre los metadatos, mostré que sé cómo aprender de manera autónoma. Más aún, desarrollé mis habilidades para la indagación y la investigación.
Solidario: Al comprometerme con la causa de SDM y contribuir a la organización, me comprometí a ayudar a los demás y estoy actuando con el propósito de influir positivamente en la vida de las personas y el mundo que nos rodea.
Audaz: Al continuar cuando tenía información insuficiente, abordé la incertidumbre de no saber qué hacer con determinación. En lugar de rendirme cuando no sabía cómo añadir algunos metadatos, busqué información y aprendí sobre los metadatos por mi propia cuenta.
Habilidades:
De investigación: Al buscar la información que necesitaba sobre los metadatos, desarrollé mis habilidades para investigar sobre un tema, en este caso sobre metadatos, usando las herramientas tecnológicas a mi disposición, como el Internet.
De autogestión: Al abordar la incertidumbre con determinación y seguir adelante, desarrollé mis habilidades para autogestionarme, evitando rendirme y así llegando a mi meta.
Resultados de aprendizaje:
Mostrar que se han afrontado desafíos y se han desarrollado nuevas habilidades en el proceso: Al tener dificultades para añadir algunos metadatos, mostré que afronté un desafío relacionado a mi falta de conocimiento sobre los mismos. Sin embargo, desarrollé mis habilidades de investigación, pude solucionarlo y ahora sé más de metadatos.
Mostrar compromiso y perseverancia en las experiencias de CAS: Al enfrentarme a la falta de información sobre los metadatos, mostré compromiso en la experiencia de CAS. Esto ya que no me rendí y dejé los metadatos cómo estaban, sino que busqué la forma de seguir adelante.
Mostrar compromiso con cuestiones de importancia global: Al ayudar a SDM, mostré que estoy comprometido con cuestiones de importancia global. Esto ya que la misión de SDM es de gran relevancia en todo el planeta, pues se relaciona directamente con los efectos del coronavirus, y yo estoy comprometida con ella al participar con la organización.