Muchas tecnologías entran en la construcción de sitios web. Sistemas de gestión de contenido, marcos, varios lenguajes de scripting y programación, sistemas de pago… ¡todo tipo de cosas!
Si sabe cómo funciona su sitio web favorito, o quiere saber si un sitio está usando algo horrible, este artículo le mostrará algunas formas de mirar debajo del capó y ver cómo se construyó.
Ver código del sitio web
Si no es un desarrollador, o está comenzando, está a punto de aprender el secreto para una mejor programación. Mira el código de otras personas. Le mostramos cómo usar las herramientas para desarrolladores de Chrome para hacer precisamente eso.
ChromeDevTools lo ayudará a ver el código HTML, JavaScript y CSS del sitio, descubrir qué fuentes pueden estar agotadas y verificar el rendimiento de carga del sitio en el navegador. Todos los principales navegadores web tienen alguna versión de las herramientas de desarrollo disponibles.
BuiltWith.com es un recurso de nivel profesional que profundiza en los sitios para ver todas las tecnologías que utilizan. Actualmente, cubren más de 673 millones de sitios web y contando. La idea principal detrás del sitio era ayudar a generar clientes potenciales para personas en ventas de software.
Las funciones avanzadas solo están disponibles a través de una suscripción paga, pero cualquiera puede ir a BuiltWith.com, ingresar la dirección de un sitio web, el nombre de la tecnología o una palabra clave y obtener un perfil tecnológico detallado. Regístrese para obtener una cuenta gratuita y podrá realizar cinco búsquedas detalladas por día.
Netcraft ha sido un recurso para desarrolladores web desde 1995. Su experiencia de más de 25 años se refleja en la herramienta gratuita Site Report de Netcraft. Vincula un informe de tecnología con un informe de antecedentes de «quién es el propietario del sitio», para que pueda obtener una descripción completa del sitio. Sabrá dónde está alojado y por quién, así como el historial del dominio.
Netcraft Site Report parece permitir búsquedas ilimitadas. Aún así, úsalo solo cuando realmente lo necesites. Es un recurso gratuito y la comunidad de desarrolladores quiere que siga siendo así.
La herramienta de información del sitio de W3Techs funciona un poco diferente a las demás. Mantienen una base de datos de información, excepto en sitios que ya han sido buscados a través de la herramienta. Si está revisando un sitio que aún no ha sido revisado, lo eliminará de inmediato.
El informe proporcionado no es tan detallado como el que brindan otros servicios, pero sigue siendo perspicaz. Encontrará el CMS, los lenguajes de programación, el servidor web y el proveedor de alojamiento que utiliza un sitio. W3Techs también proporciona extensiones de navegador para Firefox y Chrome para que pueda consultar los sitios con solo un clic o un toque.
Si prefiere tener un complemento de navegador para verificar las tecnologías de ubicación, Wappallyzer tiene complementos para Firefox, Chrome y Edge. Los complementos son gratuitos, fáciles de usar y están presentados en un diseño fácil de leer. Si hace clic en cualquier tecnología del informe, obtendrá una explicación, lo cual es excelente si encuentra algo que no ha visto antes.
Wappalyzer ofrece una función única con la capacidad de crear una alerta para un sitio web. Revisan el sitio diariamente y le envían un correo electrónico si sienten un cambio. La alerta requerirá que cree una cuenta gratuita con Wappallyzer y costará 10 créditos por mes.
Pero obtienes 50 créditos gratis cada mes y una alerta solo cuesta 10 créditos por cada 30 días. Por lo tanto, las alertas de Wappalyzer son básicamente gratuitas si está monitoreando 5 sitios o menos.
Todos menos uno de los servicios de Webspotter es un servicio pago, pero eso no está bien. Su extensión gratuita Webspotter Chrome hace precisamente eso. La extensión Webspotter es similar a Wappallyzer, pero tiene varias características diferentes. Junto a cada tecnología enumerada, hay enlaces a estadísticas sobre la tecnología, una lista de sitios web que usan esa tecnología y el sitio web oficial de la tecnología.
Una característica aún más interesante es la capacidad de Webspotter para extraer contactos de correo electrónico, enlaces de redes sociales, análisis SEO y otra información de la empresa de un sitio web. Si bien es posible que eso no le diga cómo está hecho el sitio, puede ser útil para fines de marketing en línea o incluso para buscar trabajo.
Es posible que no esté tan interesado en el desarrollo web, pero está armando un sitio de WordPress y desea incluir funciones que ha visto en otros lugares. Descargue el tema del navegador de WordPress Chrome Detector Theme.
El detector de temas de WordPress no solo le dirá qué tema de WordPress está usando un sitio, sino que también le dirá qué complementos de WordPress está usando. También le muestra quién creó el tema o complemento y proporciona un enlace a donde puede encontrarlos. Por lo tanto, es muy fácil incorporar funciones en su sitio de WordPress que aprecia en otros sitios.
Aprenda cómo funcionan los sitios web
Sí, es muy fácil sumergirse en cualquier sitio web en Internet y ver de qué está hecho. Intente usar dos o más de estas herramientas, ya que algunas cosas funcionarán y otras no. La maIr parte de lo que ve en un sitio se representa en su computadora. Eso es lo que hace que sea fácil de mirar. Esta es también la razón por la que necesita hacer que su sitio web sea lo más seguro posible. Disfrute de su inmersión profunda y háganos saber lo que descubre o toma.
