Ya sea que estés buscando inspiración, estás analizando la competencia o simplemente tienes curiosidad por saber con que está hecha una web en particular, que CMS, tema o plugins está usando; puedes recurrir a ciertas herramientas.
Estas herramientas muestran información valiosa sobre la funcionalidad y tecnologías que usa una web. Además de ser de gran ayuda, porque tendrás una perspectiva más amplia de cómo está construidos un sitio web que bien puede ser tu competencia.
Índice
¿Qué es un CMS?
Un CMS o Sistema de Gestión de Contenido, es una herramienta que permite crear, modificar y gestionar el contenido de un sitio web, sin la necesidad de tener conocimientos profundos en programación. Brinda un interfaz intuitiva que permite a los usuarios crear y editar páginas, agregar imágenes y videos, administrar usuarios y permisos.
Se encarga de la presentación visual y la gestión de bases de datos, para que los usuarios no tengan que preocuparse de la parte técnica. Entre los CMS más populares están WordPress, Joomla, Prestashop, Drupal, y Moodle.
Las 7 Herramientas para detectar tecnología de CMS
A continuación, te enseñamos las distintas herramientas que existen para que averigües de qué está hecha una página web:
1. BuiltWith
Es una herramienta muy potente, que además de mostrar el CMS de una web, muestra información completa de las tecnologías que está usando. Desde el tipo de servidor, frameworks instalados, widgets, proveedores de hosting, certificado SSL y mucho más.
Para eso, solo se debe ingresar la URL para saber que CMS utiliza una web y te dará una gran cantidad de información, que puede ser algo confuso pero sin duda muy útil para analizar alguna web.
2. W3Techs
Aunque tiene un interfaz poco moderno es fácil de entender, por medio de técnicas de rastreo y análisis determina qué CMS utiliza un sitio web, además de dar información de lenguajes de programación, servidores web y bibliotecas JavaScript.
Pero, debes tener en cuenta que la precisión de los datos depende de la frecuencia de actualización de la base de datos de W3Techs.
3. WhatCms.org
Una herramienta muy útil que brinda específicamente qué CMS es el que está usando una web. Basta con ingresar la URL y tendrás la información en segundos.
4. Library Sniffer
Es una extensión de Google Chrome, que detecta y analiza las bibliotecas y frameworks de JavaScript. Se encarga de escanear el código fuente de la página en busca de información que indiquen la presencia de bibliotecas JavaScript populares.
Luego, muestra una lista de las bibliotecas detectadas junto con información adicional, como la versión de la biblioteca y enlaces a su página de documentación.
5. Wappalyzer
Es también una extensión disponible para Google Chrome y Firefox, una vez instalado mostrará las herramientas y plataformas que está usando el sitio web visitado. No solamente el CMS, sino también frameworks de desarrollo, plataformas de publicidad, herramientas de analítica, entre otros.
¿Cómo averiguar el tema en uso en una web WordPress?
Una de las maneras más sencillas para saber qué tema está usando una web es utilizando una herramienta online o una extensión, las cuales analizan el código fuente de la página y muestran información sobre el tema detectado.
6. What WordPress theme is that?
Es una herramienta que muestra el tema de WordPress que está usando una web; además, brinda una descripción, la versión que está usando y una imagen del sitio del tema. Pero, debes tener en cuenta que no funciona con todos los sitios web y que la información dada no siempre está actualizada.
7. Scan WP – WordPress Theme and Plugin Detector
Scan WP es una extensión de navegador para Google Chrome, permite detectar y analizar los temas y complementos utilizados en un sitio web desarrollado con WordPress. Incluye enlaces a sus páginas de información y descarga.
8. WordPress Theme Detector
Es una herramienta muy concisa, que brinda información del nombre del tema y el child Theme, el proveedor del mismo, una lista de plugins que están instalados y un enlace para descargarlos.
¿Cómo inspeccionar el código fuente de una página web?
Otra forma para averiguar qué tema y complementos está usando una web es inspeccionando el código fuente, los pasos que debes seguir son:
▶️ Abre la web que deseas analizar en una nueva pestaña. ▶️ Haz clic derecho en cualquier parte de la web y selecciona «Ver código fuente de la página» o «Inspeccionar». ▶️ Busca etiquetas HTML como <link> o <style>, en particular las etiquetas que tengan el atributo «stylesheet» o que contengan rutas a archivos CSS. ▶️ Dentro de las etiquetas <link> o <style>, se puede ver la URL del archivo style.css de la plantilla que usa la web. Un ejemplo puede ser «wp-content/themes/nombre-del-tema/style.css». ▶️ Normalmente, el nombre del tema se encuentra en el directorio «themes» o «wp-content/themes».
Ten presente, que algunas páginas pueden tener una estructura de código más complejo o estar usando técnicas para ocultar la información del tema. En esos casos, puedes necesitar una inspección más detallada o el uso de herramientas adicionales.
Conclusión
Conocer el CMS, plantilla y plugins que usa una página web te puede ayudar a tener una mayor visión del proceso de diseño y gestión de una web. Además, podrás adquirir conocimientos de las tecnologías más populares o conocer alguna del cual no habías escuchado antes.
Todo esto por medio de herramientas que son muy fáciles de usar, pero ten encuenta que tienen sus limitaciones y nos son totalmente precisas. Sin embargo, eso no quita que puedes obtener inspiración al analizar cómo otros han construido sus sitios.
