• iborra
    borde slide
    DESCUBRE A TRAVÉS DE
    borde slide
    NUESTRO BLOG
    Artículos de interés sobre diseño web

Averigua con qué tecnologías está construida una web

averigua cms

A la hora de empezar a diseñar una página web, muchas veces nos solemos fijar en otros diseños realizados, que por una cosa u otra, nos ha encantado. Nos surje la curiosidad de saber con qué tecnologías han hecho esas páginas. Existen varias herramientas que nos ayudan a saber como se realizaron, qué temas utilizaron, plugins, etc.

Este artículo está más enfocado a descubrir sitios web realizados a través de Wordpress, aun así, si el sitio web está realizado con otro CMS o está realizado a medida, también nos aportará información importante pero no tan amplia.

El objetivo de estas herramientas es poder realizar un proceso llamado Benchmarking. Este proceso implica aprender de lo que está haciendo el otro y entonces adaptar sus propias prácticas según lo aprendido, realizando los cambios necesarios, no se trata solamente de copiar una buena práctica, sino que debe de efectuarse una adaptación a las circunstancias y características propias.

Estas son las herramientas necesarias para realizar un análisis de la página que se desea investigar:

  1. Built With   /   W3Techs
    Estas dos herramientas muestran información sobre la tecnología del servidor, proveedor de hosting, librerías de JavaScript, CMS utilizado, herramientas de analítica, certificados SSL, frameworks, widgets, comparación de resultados, etc.

  2. What CMS   /   CMS Detector   /   Guess
    Estas tres herramientas online consisten en averiguar qué CMS o gestor de contenidos utiliza un sitio web. Algunas de ellas, además muestran una información general sobre el sitio web, el ranking, páginas que tiene indexadas, redes sociales, porcentajes, etc.

  3. WordPress Theme Detector   /   What WordPress is theme that
    Sin duda las herramientas que más se utilizan, sobre todo la primera. Muestra información sobre el tema que utiliza un sitio realizado por Wordpress, nombre y página oficial de la plantilla, versión, licencia, autores, plugins utilizados, etc.

  4. Chrome Sniffer   /   Chrome Wappalyzer   /   Mozilla Firefox Wappalyzer   /   Chrome Built With
    Estas herramientas son extensiones para los navegadores Chrome y Mozilla Firefox. Permiten averiguar también que tecnologías y temas utiliza una página web. Alguna extensión es más completa que otra. También podéis encontrar las extensiones de W3Techs en el enlace del principio.

Estoy seguro que más de uno va a utilizar estas herramientas, la verdad que vienen genial cuando quieres saber más sobre un sitio web que te gustó mucho y para encontrar aquellos temas que necesites para ti o para alguno de tus proyectos y así poder comprarlos o identificarlos. Yo las que más suelo utilizar son las primeras herramientas de cada bloque. Si conocéis algunas más podéis comentar y compartirlo con nosotros.

Comenta y comparte este post!

¿Tienes alguna sugerencia, idea, consejo, duda, pregunta, agradecimiento, encuentras algún error o este post no está actualizado? Entonces esperamos tu comentario.

También puedes recomendar y compartir este post. Estamos muy agradecidos por tu apoyo!

Comentarios (12)

  • foto
    Juan Manuel Responder

    Qué herramientas más "chivatas" Paco, pero muy útiles. Gracias por el artículo. Recibe un cordial saludo.

    22 de Febrero 2016 a las 18:37h
    • foto blog
      Paco (Iborra Web Design) Responder

      Hola Juan Manuel,

      Jeje la verdad es que sí pero vienen muy bien.

      Un saludo.

      23 de Febrero 2016 a las 12:58h
  • foto
    Sergio Halpern Responder

    También puedes darle a boton derecho, ver código fuente de la pagina, y ahí ves el código si usan plantillas y de qué plataformas, en el 80% se ve así. Saludos.

    26 de Febrero 2016 a las 10:49h
    • foto blog
      Paco (Iborra Web Design) Responder

      Hola Sergio Halpern,

      Sí, esa es otra posibilidad donde se ve mucha información. Gracias por comentar Sergio.

      Saludos.

      26 de Febrero 2016 a las 11:54h
  • foto
    José Sánchez Responder

    Gracias buena info, hasta ahora usaba el ver código fuente y revisaba código. Tu info me da más ayudas o maneras de enseñar ya que intento formar a nuevos programadores en Mallorca. Feliz viernes.

    26 de Febrero 2016 a las 18:48h
    • foto blog
      Paco (Iborra Web Design) Responder

      Hola José Sánchez,

      Me alegro mucho que te haya sido útil, gracias por comentar.

      Un saludo.

      29 de Febrero 2016 a las 11:48h
  • foto
    Cristian Responder

    Qué encanto de lectura. Claro, conciso, al grano, y con las herramientas a disposición. Como estudiante de Desarrollo Web, esto se me presenta muy útil. Mil gracias. Esto me ayudará mucho en productividad y análisis. Me quedaré con el término de Benchmarking. Saludos. Y gracias.

    28 de Febrero 2016 a las 21:33h
    • foto blog
      Paco (Iborra Web Design) Responder

      Hola Cristian,

      Muchas gracias por tu comentario, se agradece!

      Un saludo.

      29 de Febrero 2016 a las 11:58h
  • foto
    Enrique Responder

    Justo lo que estaba buscando, muchas gracias.

    01 de Marzo 2016 a las 21:52h
    • foto blog
      Paco (Iborra Web Design) Responder

      Hola Enrique,

      Gracias a ti por comentar.

      Un saludo.

      02 de Marzo 2016 a las 11:02h
  • foto
    Francisco Responder

    Herramientas de gran utilidad para hacer webs similares, gracias!

    06 de Marzo 2016 a las 19:42h
    • foto blog
      Paco (Iborra Web Design) Responder

      Hola Francisco,

      Me alegro que te sea útil.

      Un saludo.

      07 de Marzo 2016 a las 11:13h

Deja un comentario

Este blog se nutre de los comentarios de los visitantes! Así que vamos, únete a nosotros!

Por favor esperamos que entiendas que se eliminarán aquellos comentarios que no tengan nada que ver con el contenido de este post o siempre que se utilicen palabras ofensivas.

COMENTARIO PARA ESTE POST

Imagen mínimo: 300x300 - Formato: jpg o png - Tamaño máximo: 10Mb

CAPTCHA code