Un widget web es una página web o aplicación web que se integra como un elemento de una página web anfitriona, pero que es sustancialmente independiente de esta, teniendo una interacción limitada o nula con ella. [ 1 ] Un widget web suele proporcionar a los usuarios de la página anfitriona acceso a recursos de otro sitio web, contenido al que la página anfitriona podría tener restringido el acceso debido a la política de mismo origen del navegador o la política CORS del proveedor de contenido . Este contenido incluye publicidad ( AdSense de Google ), enlaces externos patrocinados ( Taboola ), [ 2 ] comentarios de usuarios ( Disqus ), [ 3 ] botones de redes sociales ( Twitter , [ 4 ] Facebook ), noticias ( USA Today ), [ 5 ] y el tiempo ( AccuWeather ). [ 6 ] Algunos widgets web, sin embargo, sirven como personalizaciones seleccionables por el usuario de la propia página anfitriona (Common Ninja, Elfsight, Powr, OpenWidget ).
Tecnología
Los widgets pueden considerarse aplicaciones descargables que tienen la apariencia y el funcionamiento de las aplicaciones tradicionales, pero que se implementan mediante tecnologías web como JavaScript , HTML y CSS . Los widgets utilizan y dependen de las API web que ofrece el navegador o un motor de widgets como Akamai , Clearspring , KickApps, MassPublisher, NewsGator , entre otros.
Sitios como ForLoop permiten a los usuarios crear fácilmente widgets a partir de su propio contenido sin necesidad de conocimientos de programación. [ 7 ]
Uso en redes sociales
Los usuarios finales utilizan principalmente widgets para mejorar su experiencia web personal o la de los visitantes de sus sitios web personales.
El uso de widgets se ha vuelto cada vez más popular, permitiendo a los usuarios de redes sociales añadir aplicaciones independientes a blogs, perfiles y páginas de comunidad. Los widgets aportan utilidad de la misma manera que una aplicación para iPhone. Los desarrolladores de estos widgets suelen ofrecerlos como contenido patrocinado, lo que puede cubrir los costos de desarrollo cuando la utilidad de los widgets se ajusta a las necesidades del usuario de forma que ambas partes se beneficien. Por ejemplo, una marca de noticias deportivas podría aumentar su visibilidad y cuota de mercado a cambio de la utilidad de tener los resultados de los partidos disponibles de forma instantánea y dinámica; el blog que publicó el widget de resultados deportivos podría beneficiarse al tener una página con mayor retención de visitas.
Plataformas de vídeo como YouTube y Dailymotion admiten la inserción de vídeos mediante iframe . [ 8 ] [ 9 ]
Consideraciones de seguridad
Como cualquier código de programa, los widgets pueden usarse con fines maliciosos. Un ejemplo es el widget "Secret Crush" de Facebook , que según informó Fortinet a principios de 2008, incitaba a los usuarios a instalar el adware Zango . [ 10 ]
Un factor importante con los widgets del lado del cliente es que, a menudo, el proveedor de alojamiento no puede controlar el contenido. Ni el contenido ni la funcionalidad que ofrece pueden ser modificados por el proveedor. El contenido es publicado previamente por el editor/autor/proveedor de servicios, y el proveedor de alojamiento puede aceptarlo o no utilizar el widget. Sin embargo, el proveedor de alojamiento sí controla la ubicación del widget. Dado que el proveedor de alojamiento siempre puede desactivar el widget, se garantiza un alto grado de beneficio mutuo y satisfacción con el rendimiento y el contenido.
Consideraciones de SEO
Los widgets web pueden afectar el posicionamiento de dos maneras. Primero, los enlaces generados por widgets del lado del cliente no serán vistos por los motores de búsqueda que no ejecutan el código del widget antes de analizar la página. Estos enlaces no contribuirán al posicionamiento. [ 11 ] Segundo, las páginas pueden ser penalizadas por alojar widgets que insertan enlaces automáticamente, manipulando así el posicionamiento. [ 12 ]
Consideraciones de accesibilidad
Los widgets web son controles de interfaz de usuario complejos. WAI-ARIA [ 13 ] es una tecnología que puede mejorar la usabilidad y accesibilidad de dichos widgets al agregar semántica adicional que los navegadores y las tecnologías de asistencia pueden reconocer y usar para facilitar las interacciones de los usuarios. Por ejemplo, un widget de panel de pestañas debe contener un conjunto específico de roles (es decir, lista de pestañas, pestaña, panel de pestañas, etc.) [ 14 ] y debe seguir interacciones específicas (es decir, navegación con teclado). [ 15 ]
Sistemas de gestión de widgets
Los sistemas de gestión de widgets ofrecen un método para administrar widgets que funciona en cualquier página web, como un blog o la página de inicio de una red social. Muchos sistemas de blogs incluyen sistemas de gestión de widgets integrados como complementos. Los usuarios pueden obtener widgets y otras herramientas de gestión de widgets de diversas empresas.
Widget web móvil
Un widget web móvil tiene el mismo propósito y función que un widget web, pero está diseñado para usarse en un dispositivo móvil como un teléfono o una tableta. En cambio, un widget web se ejecuta en una computadora personal o portátil.
Estándares
El W3C está creando un conjunto de estándares para widgets web. [ 16 ]
Referencias
- ↑ Brad en CD Baby (28 de agosto de 2012). "Widgets de sitios web: ¿Qué son y por qué los necesito?" . El blog de HostBaby . Archivado del original el 24 de agosto de 2019.
Widgets: Son esos pequeños cachivaches que ves en los sitios web, a menudo en la barra lateral, que realizan una función simple y no ocupan mucho espacio mientras lo hacen.
- ↑ "Widgets - Centro de ayuda para editores de Taboola" . taboola.com . 17 de abril de 2024.
- ↑ "Integración web" . disqus.com .
- ↑ "Cómo agregar el botón de Tweet a tu sitio web " . twitter.com
- ↑ "Widgets de USATODAY.com" . usatoday.com .
- ↑ "Widget gratuito de información meteorológica actual " . accuweather.com
- ↑ "Recopila. Prepara. Automatiza. Datos externos en minutos" . www.forloop.ai . Consultado el 18 de febrero de 2026 .
- ↑ "Insertar vídeos y listas de reproducción - Ayuda de YouTube" . support.google.com . Consultado el 17 de abril de 2021 .
- ↑ "Insertar vídeos" . Centro de ayuda de Dailymotion . 24 de diciembre de 2024.
- ↑ "Internetworking, seguridad, protección y más" . Blog.anta.net. Archivado del original el 5 de junio de 2013. Consultado el 7 de septiembre de 2013 .
- ↑ Troshchey, Yarry (18 de febrero de 2016). "Cómo los widgets web afectan al SEO" . South Coast Web Design Ltd. Recuperado el 18 de febrero de 2016 .
- ↑ "Recordatorio sobre los enlaces de widgets" . Blog oficial de Google Webmaster Central . 8 de septiembre de 2016.
- ↑ "Conceptos básicos de WAI-ARIA" . Documentación web de MDN . 12 de septiembre de 2023.
- ↑ "ARIA: función de tabulación" . MDN Web Docs . 12 de abril de 2023.
- ↑ "Interacción con el teclado" . W3.org .
- ↑ "Widgets del Grupo de Trabajo de Aplicaciones Web: Familia de especificaciones" . W3C . Consultado el 27 de marzo de 2013 .
Lecturas adicionales
- Rajesh Lal; Desarrollo de widgets web con HTML, CSS, JSON y AJAX ( ISBN) 9781450502283)
- Soylu, A., Wild, F., Mödritscher, F., Desmet, P., Verlinde, S., De Causmaecker, P. (2011). Mashups y orquestación de widgets. Conferencia internacional sobre gestión de ecosistemas digitales emergentes, MEDES 2011. San Francisco, California, EE. UU., 21-24 de noviembre de 2011. ACM.
- Motores de widgets
- Blogs
- Terminología de Internet