Resumen del artículo
Para hacer SEO técnico conviene saber HTML, porque todas las páginas web están hechas con él. El artículo muestra tres situaciones donde lo usarás en el día a día: configurar metadatos y metaetiquetas, optimizar los tiempos de carga (la mayoría de esas optimizaciones se hacen en el código, como el lazy load o el orden del DOM) y hacer implementaciones en código, como scripts o datos estructurados.
No necesitas saberlo todo, pero sí lo suficiente para entender dónde colocar cada cosa y por qué.
Seguramente has escuchado repetidamente que para hacer SEO (principalmente técnico) debes tener conocimientos de HTML. Hoy te mostraré, situación por situación, dónde puedes encontrarlo en tu día a día como SEO y por qué es tan importante.
HTML Y El SEO
Vamos a comenzar con lo más esencial, sabes HTML, un lenguaje de marcado para páginas web, este tipo de elemento existe efectivamente en TODAS las páginas por lo que es importante saber su funcionamiento básico.
Nosotros como SEOs (principalmente técnicos) hacemos toda nuestra estrategia y ejecución partiendo del hecho de tener una página web, por lo que ya de por sí, es importante por sentido común, ahora bien, si quieres saber un poco más tipo general de cosas para las que te puede ser útil saber HTML en tus labores diarias aquí van:
METADATA
Las metaetiquetas son de los factores más relevantes en el SEO. y estas efectivamente se configuran dentro del cuerpo HTML del sitio web. acá un ejemplo visual:
Si bien generalmente tenemos para nuestros trabajos SEO un plugin o un equipo de desarrollo que nos ayuda con las implementaciones, es muy importante saber cómo funciona y cómo cambiarlo. Créeme que hay muchas optimizaciones que en general se pueden hacer desde el código y que ningún otro equipo las ha tenido en cuenta.
TIEMPOS DE CARGA
Al momento de escribir este artículo, gran parte de las optimizaciones (un 90%) aproximadamente relacionadas con tiempos de descarga se deben optimizar a través del código HTML. acá algunos ejemplos:
- Lazy Load: al incluir este atributo dentro de las imágenes de una cierta página, puede retrasar el renderizado de estas.
- Optimización del DOM: todo lo que tú puedes ver al momento de colocar Control U sobre cualquier página, se denomina el DOM. Acá es importante saber que todo el renderizado o lectura del DOM se hace de forma ordenada, comenzando de arriba hacia abajo. algunas optimizaciones SEO para incrementar tiempos de carga, pueden ser, por ejemplo mover elementos importantes de carga hacia la parte superior y del mismo modo al revés.
- Problemas generales de renderizado: te darás cuenta, que al momento de optimizar tiempos de carga, habrá muchos actores que influyen, por lo que, al tener claro el HTML será más fácil entender y actuar según cada situación. Próximamente haré un artículo profundizando sobre este aspecto.
Y estos son algunos de los ejemplos que te puedes topar
Nota: al hablar del HTML también tiene impacto en CSS, JS y otros componentes, pero por ahora únicamente me enfocaré en el punto de vista de las principales en HTML.
IMPLEMENTACIONES EN CÓDIGO
Si bien, no es necesario saber todo en cuanto a HTML, ya que para eso, generalmente está un gran equipo de desarrollo apoyándote, es importante saber HTML para que, en dado caso que quieras implementar algún script o línea de código, tengas super claro dónde ponerlo y por qué hacerlo. un ejemplo de esto puede ser un dato estructurado, que en teoría es más un Javascript, pero que se inserta en este código. Para esta implementación es importante entender dónde y para qué sirve cada línea, con esto que sea más entendible y aplicable.
CONCLUSIÓN
En general, a mí me parece muy interesante saber sobre temas relacionados a tu trabajo, y créeme que el HTML lo es, incluso si no trabajas con algo relacionado. Al saber más de HTML tendrás mejores conocimientos, mejor lógica computacional, por lo que serás un profesional/persona más íntegra y eficaz. esto sonó un poco inspiracional, pero es así.
