Wikipedia
Debajo de todas las bellas imágenes, la tipografía perfecta y las llamadas a la acción maravillosamente colocadas, se encuentra el código fuente de su sitio web. Este es el código que su navegador convierte en experiencias encantadoras para sus visitantes y clientes a diario.
Esta es una guía rápida para mostrarle cómo leer el código fuente de su propio sitio web con el fin de asegurarse de que está correctamente SEO-ed y, en realidad, para enseñarle cómo sanidad comprobar sus esfuerzos de SEO. También voy a repasar algunas otras situaciones en las que saber cómo ver y examinar las partes correctas del código fuente puede ayudar con otros esfuerzos de marketing.
El primer paso para comprobar el código fuente de su sitio web es ver el código real. Todos los navegadores web permiten hacerlo fácilmente. A continuación se muestran los comandos de teclado para ver el código fuente de su página web, tanto para PC como para Mac.
Una vez que sepas cómo ver el código fuente, tienes que saber cómo buscar cosas en él. Normalmente, las mismas funciones de búsqueda que utilizas para la navegación normal por la web se aplican a la búsqueda en el código fuente. Comandos como CTRL + F (para Buscar) le ayudarán a escanear rápidamente su código fuente en busca de elementos importantes para el SEO.
Cómo ver el código de un sitio web en Chrome
Fundada en 1996, Wayback Machine captura y guarda regularmente instantáneas de miles de sitios web. En la actualidad, el sitio alberga la alucinante cifra de 672.000 millones de páginas web, lo que nos hace pensar que nada se borra de Internet.
Las posibilidades de recordar la URL exacta de cualquier página web que existiera hace años son bastante escasas. Así que si has olvidado la URL, puedes utilizar la Búsqueda Avanzada y encontrar la página web por palabras clave. Para quienes necesiten retroceder en el tiempo con frecuencia, Wayback Machine tiene una extensión para el navegador y también una aplicación para móviles.
Para ver la versión más antigua de cualquier sitio web, puedes buscar su URL. archive.today muestra entonces todas las instantáneas de ese sitio web en orden cronológico inverso. La herramienta también sugiere algunos operadores de búsqueda para afinar los resultados.
Aunque su biblioteca de sitios web archivados no es tan grande como la de Internet Archive, puede ayudarte a descubrir viejas joyas de Internet o a encontrar información que ya no está disponible. También cuenta con una práctica extensión para Chrome.
OldWeb.today no es sólo una colección de páginas web archivadas. Este sitio web extrae principalmente archivos del Internet Archive, pero los ejecuta en sus navegadores antiguos emulados para llevarte a los primeros días de Internet.
Ver-fuente chrome android
Aunque los navegadores web interpretan los archivos de Lenguaje de Marcado de Hipertexto y las Hojas de Estilo en Cascada que hacen que la web aparezca como lo hace, una tecla de acceso directo o un ajuste de la URL obliga a los navegadores a mostrar el código fuente de esa página en una nueva pestaña o ventana. Aunque la mayoría de la gente rara vez necesita examinar el código fuente, los desarrolladores utilizan esta perspectiva para solucionar incoherencias de diseño o para corregir errores en un sitio web.
¿Prefiere el ratón o necesita modificar el HTML sobre la marcha? Todos los principales navegadores cuentan con un comando de ver el código fuente en algún lugar de su estructura de menús, y también admiten un modo de desarrollador (que se llama de varias maneras y se inicia de varias formas) que permite ajustar en tiempo real la forma en que se ejecuta una página en función de los cambios que se realicen en la interfaz de desarrollador.
El navegador original de Android permite el ajuste view-source: URL. En iOS, sin embargo, la aplicación Safari de serie no admite esta función. En la plataforma de Apple, tendrás que lanzar un navegador diferente o una aplicación de visualización de código fuente de la App Store.
Botón de información de la página para Chrome
A lo largo de los años, hemos tenido muchos nuevos diseñadores web que se preguntan si es aceptable ver el código fuente de un sitio y utilizarlo para su educación y, en última instancia, para el trabajo que hacen. Mientras que copiar el código de un sitio al por mayor y hacerlo pasar como propio en un sitio web es ciertamente inaceptable, el uso de ese código como un trampolín para aprender es en realidad cómo se hacen muchos avances en esta industria.
Una cosa que hay que recordar es que los archivos fuente pueden ser muy complicados (y cuanto más complejo sea el sitio web que estás viendo, más complejo será el código de ese sitio). Además de la estructura HTML que compone la página, también habrá CSS (hojas de estilo en cascada) que dictan la apariencia visual de ese sitio. Además, muchos sitios web de hoy en día incluirán archivos de script junto con el HTML.
Es probable que se incluyan varios archivos de script; de hecho, cada uno de ellos impulsa diferentes aspectos del sitio. Francamente, el código fuente de un sitio puede parecer abrumador, especialmente si eres nuevo en esto. No te sientas frustrado si no puedes averiguar lo que está pasando con ese sitio inmediatamente. Ver el código fuente HTML es sólo el primer paso en este proceso. Con un poco de experiencia, empezarás a entender mejor cómo encajan todas estas piezas para crear el sitio web que ves en tu navegador. A medida que te familiarices con el código, podrás aprender más de él y no te parecerá tan desalentador.
