Divulgación completa: no soy un desarrollador. Yo no codifico.
Y, sin embargo, como especialista en marketing digital, me encuentro mirando el código fuente de los sitios web todo el tiempo.
Cuando estoy en el modo de análisis de marketing, una de las primeras cosas que hago cuando llego al sitio de un cliente es presionar opción + comando + u en el teclado de mi Macbook. Instantáneamente, estoy cara a cara con este:
No importa cuántas herramientas tenga a su disposición para campañas de SEO, en algún momento terminará buscando en el código fuente de un sitio web para verificar un elemento específico o para realizar una auditoría de SEO más grande.
Es una práctica inteligente para cualquier vendedor.
Si sabe qué buscar, puede encontrar oportunidades de mejora, así como cualquier error de SEO que podría crear problemas con la visibilidad orgánica en el futuro.
¿Es necesario ser desarrollador web para poder leer el código? No. Solo un poco de comprensión básica del código y los elementos de SEO son suficientes para asegurarse de que las cosas funcionen como deberían.
El código fuente es importante porque es lo que hace que su sitio web se muestre y funcione como lo hace. Funciona de la misma manera con otros tipos de software, como los videojuegos.
El código detrás de escena es necesario para impulsar la funcionalidad, la mecánica y la animación de esos juegos. Si quiere asegurarse de que todo está haciendo lo que se supone que debe hacer, vaya a la fuente.
Obtener el código fuente es relativamente simple y hay varias formas de acceder a él según su plataforma, navegador y sistema operativo. Aquí hay algunas maneras:
Tenga en cuenta que, si bien es posible que pueda ver la fuente en su totalidad, algunas plataformas pueden limitar lo que puede cambiar. Si usa una plataforma alojada como Shopify o Bigcommerce, Wix o un CMS alojado similar, estará limitado en lo que puede cambiar dentro del código fuente.
Estas son las razones clave por las que me sumerjo en el código fuente de los sitios web:
Hoy en día, los propietarios de sitios utilizan una variedad de scripts para agregar muchas más funciones a los sitios web. En muchos casos, estos son JavaScript. Es bastante común inyectar esas secuencias de comandos cerca del encabezado del contenido para que se carguen pronto a medida que se carga la página.
Desafortunadamente, la carga frontal de los scripts puede crear una enorme cantidad de latencia para que todo el sitio se cargue, y eso es un problema, especialmente cuando tiene muchos scripts.
Por cada segundo adicional de tiempo de carga, podría ver tanto como una disminución del 7% en las conversiones a medida que la gente abandona su sitio.
¡Ay!
Verificar los scripts en su sitio es importante porque es posible que encuentre scripts que ni siquiera se utilizan más aún en su fuente. Esto puede causar errores adicionales y ralentizará el tiempo de carga innecesariamente.
Recomiendo mover las secuencias de comandos al final de la página, para que se carguen al final si no es necesario que se carguen antes que el resto del contenido. También puede separar el código en su propio archivo para que no haya una cantidad excesiva de código de script incrustado en cada página.
El metacontenido de las páginas de su sitio web contiene algunos elementos críticos que debe auditar para asegurarse de que estén codificados correctamente.
Si bien el meta contenido como el título y la descripción no contribuyen directamente al ranking de búsqueda como solían hacerlo, aún desempeñan un papel en el tráfico orgánico que llega a su sitio.
El metacontenido, que se muestra en los resultados de búsqueda cuando un usuario realiza una consulta, es el primer punto de conversión para un posible cliente o usuario. Las palabras clave que utilizan, que aparecen en el metacontenido, se resaltan para ayudar a establecer la relevancia y ayudar al usuario a elegir los resultados correctos.
Además del contenido del título y la descripción en cada una de sus páginas, también desea revisar otros elementos como el uso de etiquetas de URL canónicas. Verifique sus metaelementos para asegurarse de que estén correctamente estructurados, optimizados y no demasiado duplicados.
Es fácil confundir a los rastreadores de búsqueda si su sitio incluye metacontenido duplicado o elementos que no tienen el formato correcto.
Si es el único que trabaja en su sitio web, es probable que no tenga que preocuparse demasiado por el contenido oculto o la manipulación de CSS. Aún así, siempre existe la posibilidad de que esto suceda con complementos de menor reputación o con una agencia/especialista en contratos que intenta tomar atajos para jugar con los resultados de búsqueda.
A veces, el contenido se puede ocultar por error, pero el contenido oculto o la manipulación de CSS suelen ser intencionales. Esto puede incluir tácticas como:
No los verá en la parte frontal, pero estos elementos no tienen dónde esconderse en el código fuente. Si los descubre, elimínelos antes de que el algoritmo de Google los detecte. Otra ruta para verificar esto fuera del código fuente es revisar su sitio con CSS y JavaScript desactivados, o para ver su sitio como un robot de Google donde solo ves el contenido sin procesar.
Con todos los 3rd plataformas de análisis de partes, Google, códigos de seguimiento de facebook y otros tipos de fragmentos de seguimiento, desea verificar que todo esté codificado correctamente para asegurarse de que está recopilando datos precisos. Cualquier etiqueta incorrecta podría dañar seriamente los datos de una campaña que está tratando de observar de cerca.
Del mismo modo, dado que ningún sitio web es 100% seguro, es una buena idea monitorear su sitio en busca de fragmentos de seguimiento no autorizados o código de seguimiento que no autorizó o implementó.
Estos no siempre son maliciosos, pueden haber sido de un contratista o desarrollador que trabajó previamente con usted en su sitio. De todos modos, si no tiene un control completo sobre quién ve los datos, entonces no quiere esos códigos de seguimiento en su sitio.
Es menos probable que tenga errores con estos códigos si usa un CMS con un tablero que genera el código para usted en función de una cuenta o una identificación única, como un Complemento de Google Analytics para WordPress. Esto es más preocupante si está insertando manualmente los scripts de seguimiento en el código fuente de su sitio web.
La estructura de los enlaces, especialmente los enlaces internos, es una parte importante de la transmisión de enlaces a través de su sitio, por lo que debe asegurarse de que sus enlaces estén correctamente estructurados, funcionales y codificados correctamente.
Un solo carácter fuera de lugar puede cerrar un enlace, lo que puede inhibir la indexación y clasificación de las páginas en la línea dependiendo de cómo haya estructurado sus enlaces.
Un error tipográfico con enlaces canónicos puede crear un lío con su optimización si un enlace se devuelve como incorrecto.
Hay herramientas disponibles para buscar en su sitio enlaces rotos, pero es una buena idea respaldar esto con una revisión manual. He encontrado errores en mis propios enlaces en más de una ocasión. Si ese error está dentro de una URL canónica, ¡puedes desmantelar por completo tus esfuerzos de SEO!
Moz tiene una guía sobre rel=canonical que recomiendo revisar para evitar errores.
Su los subtítulos deben usarse de manera lógica que divide adecuadamente el contenido, haciéndolo fácil de digerir para el lector.
Esos títulos y subtítulos también deben escribirse y optimizarse para atraer al lector, mantenerlo interesado y proporcionar la esencia de lo que está a punto de leer. Las mejores prácticas para sus etiquetas H incluyen:
Revise sus encabezados dentro de la fuente para asegurarse de que tengan el formato adecuado y use las etiquetas de cierre adecuadas.
Una auditoría de su código fuente también debe incluir una revisión rápida de cualquier imagen que haya colocado dentro y alrededor de su contenido. Esta es una verificación rápida para verificar que haya incluido etiquetas de título y alt para cada imagen para optimizarlas adecuadamente.
Google valora mucho las etiquetas alt y title para ayudar a determinar el contexto del contenido circundante.
No recomiendo tratar de incluir palabras clave en estas etiquetas, pero etiquételas de manera adecuada para ayudar a establecer la relevancia de su contenido y brindar un impulso a su orientación SEO.
Casi todos los CMS le proporcionarán campos para modificar las etiquetas Título y Alt de la imagen cuando las cargue o incruste, así como para editarlas más adelante. Puede verificar rápidamente estas etiquetas al ver la fuente de páginas individuales.
Esta es una importante para monitorear, y es algo que muchos vendedores ignoran cuando administran sus propios sitios.
La etiqueta meta robots se utiliza para indicar a los rastreadores de búsqueda (robots) si deben indexar o no páginas específicas, así como si deben o no seguir enlaces dentro de ese contenido.
Da las instrucciones incorrectas y básicamente estás arruinando tu optimización de búsqueda al bloquear gran parte de tu contenido para que no sea rastreado e indexado.
Elija las instrucciones con cuidado si opta por incluir etiquetas meta robot en su fuente. Si ya tiene estas etiquetas, asegúrese de que no se esté bloqueando contenido que, de lo contrario, desearía indexar.
No necesita ser un desarrollador web experto para elegir el código fuente de su sitio web para una auditoría de SEO.
Conozca los elementos a tener en cuenta y utilice las funciones de búsqueda y búsqueda para acelerar la revisión del código fuente. De esta manera, puede encontrar y corregir rápidamente cualquier error que pueda estar inhibiendo sus esfuerzos de optimización orgánica.
