Cómo ver el código fuente de un sitio web (métodos fáciles)

Estás leyendo la publicación: Cómo ver el código fuente de un sitio web (métodos fáciles)

Siempre es útil saber cómo ver el código fuente de su sitio web o cualquier sitio web. Es una habilidad que puede resultar muy útil cuando trabaja en su SEO, soluciona problemas o simplemente tiene curiosidad por ver cómo se ve el código fuente HTML de un sitio web.

En esta publicación, aprenderá métodos sencillos sobre cómo ver el código de cualquier sitio web en cualquier plataforma. Empecemos.

Cómo ver el código fuente HTML de un sitio web en una Mac

Safari

Para ver la fuente de un sitio web en una Mac usando Safari, navegue hasta la página que desee y use el siguiente método abreviado de teclado: Opción+Comando+U.

Alternativamente, puede hacer clic con el botón derecho en cualquier parte de la página y seleccionar “Mostrar código fuente de la página” en el menú desplegable.

Google Chrome

Para ver el código fuente de un sitio web en una Mac usando Chrome, navega a la página que quieras y usa el atajo de teclado: Opción+Comando+U.

También puede hacer clic con el botón derecho en la página y seleccionar “Ver código fuente de la página” en el menú desplegable.

Ver el código fuente del sitio web usando Chrome en una Mac

Firefox

Al usar Firefox en una Mac, el método abreviado de teclado para ver el código fuente es: COMANDO + U

Un atajo de teclado es una combinación de teclas que debe presionar al mismo tiempo para ejecutar un comando específico. En este caso, los atajos de teclado te ayudarán a ver la fuente de un sitio web sin tener que pasar por las opciones del menú.

Cómo ver el código fuente en una PC

Google Chrome

Cuando usa Google Chrome en una PC, puede ver el código fuente de un sitio web usando el atajo de teclado: CTRL + U.

🔥 Recomendado:  Cómo compartir un video de YouTube en las historias de Instagram fácilmente
Ver el código fuente usando Chrome en una PC

Firefox

Al usar Firefox en una PC, el atajo de teclado para ver el código fuente es: CTRL + U

Ópera

Al usar Opera en una PC, el atajo de teclado para ver el código fuente HTML de una página es: CTRL + U

Borde de Microsoft

El método abreviado de teclado para ver el código fuente de una página cuando se usa el navegador Microsoft Edge en una PC es: F12 y CTRL+MAYÚS+I

¿Cómo ver el código HTML de un elemento de página en particular?

En lugar de ver el código HTML de una página completa, puede ver el código de elementos particulares de la página usando la opción INSPECCIONAR ELEMENTO disponible en todos los navegadores populares como Google Chrome, Firefox y Safari.

El proceso es sencillo. Abra la página en una nueva ventana del navegador y luego resalte una sección de la página con el mouse.

Haga clic derecho y luego seleccione INSPECCIONAR en el menú desplegable.

Esto abrirá las herramientas de desarrollo y le mostrará el código HTML asociado con el elemento o la sección de la página en particular.

Aquí hay una demostración rápida de cómo hacer esto usando Google Chrome.

Ver el código de un elemento de página usando INSPECT.

¿Cómo descargar el código fuente de un sitio web completo?

Para descargar el código fuente HTML de un sitio web, navegue con su navegador favorito hasta la página y luego seleccione GUARDAR PÁGINA COMO en el menú ARCHIVO. Luego se le pedirá que seleccione si desea descargar la página completa (incluidas las imágenes) o solo el código fuente.

Las opciones de descarga son comunes para todos los navegadores.

Página Web, Completa: Descarga el código fuente de la página y todas las imágenes, archivos CSS y script js asociados con la página en particular. Todos los archivos se guardan en una carpeta. Esto es útil cuando necesita descargar las imágenes junto con el código HTML.

🔥 Recomendado:  3 formas de aumentar la calidad de los clientes potenciales como los profesionales

Página Web, Archivo Único: Descarga la página en MHTML (abreviatura de MIME HTML). Esta es una forma de HTML que incluye tanto el código del sitio web como cualquier recurso externo.

Página web, solo HTML: Descarga el HTML y cualquier otro elemento (como el código Java Script incrustado) que se encuentra en el cuerpo de una página.

¿Por qué es importante saber cómo ver el código fuente de un sitio web?

Hay muchos casos de uso en los que es posible que desee verificar el código fuente de un sitio web, los más comunes son:

Comprobar la aparición de etiquetas H1 – Las mejores prácticas de SEO indican que una página debe tener solo una etiqueta H1. Para verificar si este es el caso con su sitio web, puede navegar a una de sus publicaciones y, utilizando cualquiera de los métodos descritos anteriormente, puede ver el código fuente HTML de la página. Luego puede buscar

y ver si hay más de una etiqueta H1 en la página.

Comprobar si los enlaces son nofollow – Una de las formas de saber si un enlace tiene la etiqueta agregado (lo que hace que sea menos importante para las clasificaciones de SEO) es ver el código HTML de una página y comprobar si aparece la palabra ‘nofollow’ dentro del elemento . Puede hacer esto para verificar los enlaces en su sitio web o en cualquier otro sitio web.

Optimice su sitio web para la velocidad – Una buena razón para analizar el código fuente de su sitio web es cuando optimizando la velocidad de tu página. Como punto de partida, puede ver el HTML de una página e intentar identificar los elementos (incluidos los archivos JS y CSS) que se pueden eliminar para reducir el tamaño de la página y acelerar la descarga. Luego, con la ayuda de otras herramientas (como Perspectivas de velocidad de página de Google), puede continuar optimizando su código aún más.

Aprendizajes clave

Es muy fácil ver o guardar el código fuente de una página web. El proceso es el mismo para todos los navegadores. El primer paso es navegar a la página que desea y luego puede ver el HTML usando un atajo de teclado.

Opcionalmente, puede descargar el código en un archivo de texto. Para ver el código HTML de un elemento de página en particular, use la función INSPECCIONAR que es parte de las herramientas del desarrollador.

Curso definitivo de marketing digital (80 % de descuento)

Domine SEO, anuncios de Google, anuncios de Facebook, comercio electrónico, marketing de YouTube, marketing de afiliados y mucho más en este curso integral de marketing digital.

Paquete de curso definitivo