// BLOG — SEO / DESARROLLO WEB
SEO técnico para startups: Cómo hacer código HTML para que aparezcas en Google
— MANUEL DE LEÓN
Posicionar en el ranking de Google no es tan complejo a nivel técnico. Donde sí está la estrategia es en el copy, en ese texto donde quieres que a través de él te lleguen los leads, y también en cómo escribes tus palabras clave en el texto; que si long tails, transaccionales y esas cosas.
Aquí no vengo a hablar de esas estrategias, es material para después y de mayor estudio.
Voy a hablarte de cómo puedes optimizar un sitio web sabiendo cómo Google (o cualquier otro motor de búsqueda) lo lee.
SEO on page y SEO off page. ¿Qué es eso?
El SEO on page son las optimizaciones que haces directamente en tu web:
Mejoras de las etiquetas HTML, mejor uso de las palabras clave, añadir el robots.txt para que indexes más fácil en los motores de búsqueda, metatags en el head de la página o linkbuilding.
El SEO off page es toda la estrategia que haces fuera de tu sitio web para que el lead llegue al lugar donde quieres que haga click.
Entendiendo la lectura de los crawlers en la web
Primero hay que ser claros en algo: Los crawlers entienden mejor HTML puro, es colocarles más fácil la lectura.
Imagina que te dan un texto en tu idioma nativo, solo tienes que leer e interpretar.
Hay una "concha de mango acá" (Venezuelan detected!). Javascript también es el lenguaje nativo de la web aunque hacer contenido o webs que involucren código JS significa que te dan el texto, lo tienes que traducir a lo que sea que haga alguna función del DOM y luego lo lees e interpretas.
Estas cosas del DOM (Document Object Model) de los navegadores es muy sabroso manipularlas con el lenguaje de programación pero lleva un proceso más complejo de leer y por lo tanto lleva más tiempo de indexación. No es imposible pero ponla fácil.
¿Qué tecnología o lenguaje puedo usar para construir una web?
-
1. HTML, CSS y JavaScript (lo justo)
No hay que ser rebuscado ni sofisticado si quieres una estrategia web de posicionamiento. Esta es la vía más simple.
VENTAJAS
- — Indexación rápida
- — Lectura fácil para los crawlers
- — Construcción hiper personalizada
DESVENTAJAS
- — Requieres aprender estos lenguajes
- — La personalización puede demorar más
- — La construcción es manual
-
2. WordPress
Un CMS bastante popular y fácil de usar para construcción y despliegue de webs.
VENTAJAS
- — Curva de aprendizaje corta
- — No precisas conocimiento en programación para lanzar algo básico
- — Hay muchos templates diseñados para SEO
DESVENTAJAS
- — Reciben muchísimos ataques de fuerza bruta. Si no ofuscas la URL
/wp-adminten por seguro más de 100 intentos de login al día - — Las actualizaciones de plugins hay que mantenerlas al día
-
3. Frameworks: React, Next JS, Angular o Astro
Alternativas que puedes barajar dependiendo de qué tan compleja es tu página.
React y Angular tienen una curva de aprendizaje alta y están hechas para aplicaciones web, no para páginas. Estos son frameworks que no trabajan con HTML directamente, usan tecnología Single Page Application (SPA) que permite una navegación increíblemente rápida construyendo todo desde el navegador mediante código Javascript; y como ya se dijo arriba el resultado del JS generado no es tan fácil de leer para los crawlers.
Next JS y Astro están más optimizados para el desarrollo web SEO y tienen componentes que ayudan al posicionamiento. Es más recomendable usar estos, aunque Next JS está más pensado para proyectos complejos. Astro es ideal para blogs y sitios de contenido.
SEO / GEO para LLM. La forma en la que se busca la información en la era de la IA
La forma de hacer contenido escrito ha cambiado: de inundar el artículo de palabras clave hasta el hartazgo, a escribir lo más natural posible para que los LLM como Chat GPT o Grok puedan citar nuestro artículo. A veces se peca de crear el 90% del contenido con el LLM cambiando una que otra cosa, se ve mucho en LinkedIn y es un asco.
También está la estrategia de "escribir accionables" dentro del artículo para que el usuario termine yendo a nuestra web, que está bien y es la idea.
Los archivos como el robots.txt tienen más relevancia que nunca y también otros formatos como el llm.txt —aunque aún no es un estándar al momento de escribir este artículo— que permite a la IA ver nuestro contenido.
¿Cuál es el punto?
La materia prima sigue siendo la información que dejamos en internet y es una suerte que aún sean seres humanos las que la generen. A medida que seamos una fuente de información de calidad van a seguir citando nuestro contenido en el futuro, no importa qué estrategia SEO se use, siempre y cuando esta sea buena o relevante.
¿Qué puedo hacer si no tengo presupuesto para una campaña de marketing para mi negocio?
Lo más fácil que puedes hacer es preguntarle esto mismo al Chat GPT. ¿Quién no lo hace ahora? Explícale a qué te dedicas, qué quieres lograr, qué recursos tienes, cuál es tu idea, contexto y situación en el mundo real.
- — Tienes recursos gratuitos para alojamiento web como Netlify o Vercel.
- — Puedes pedirle a Claude que te arme una landing page (con un buen prompt), sus resultados te pueden sorprender.
- — GitHub es una opción para guardar el código generado y lo puedes conectar con los servicios de alojamiento web.
- — Pide auditorías a Chat GPT o Grok para ver el estado SEO de tu proyecto y eso hace también que vayan y visiten tu web para que quede mapeada.
- — Google Search Console es la plataforma que te permite monitorear cómo rankeas y es gratis.
- — Y si te da para llevar una autogestión en redes sociales también ayuda un montón y el costo solo es tiempo.
La ñapa: ¿Qué otra optimización debo tener en cuenta para agregar a mi sitio web?
- — Los metatags de la etiqueta
headson importantes para saber de qué va tu web, es como el índice del libro que los crawlers van a leer. - — Evita usar mucho código de Javascript para las funcionalidades, solo lo necesario. Ahora CSS permite hacer cosas que antes solo se podía hacer con JS, así que aprovecha eso.
- — Aprende HTML semántico. No requiere saber programación para ello ya que es un lenguaje que sirve para estructurar.
- — Usa URLs fáciles de leer cuando crees páginas internas.
- — No cargues tantas imágenes. Los formatos .webp y .svg te van a ayudar bastante.
- — Haz enlazados (linkbuilding) entre tu contenido.
- — Y no olvides hacer el sitemap.xml ya que es el mapa que le va a decir a los motores de búsqueda cómo está estructurado tu contenido.