SEO lo han vuelto muy confuso. Lleno de ruido y estrategias poco realistas para el común de las empresas. ¿De dónde genero valor en ese tipo empresas que no tendrán equipos de SEO dedicados al 100%?
Cuando alguien habla de SEO está siendo tan genérico que muchas veces es confundido incluso con el uso de hashtags en redes sociales. ¿Quieres aprender lo concreto y nuclear del SEO sin ruido, limpio y práctico? Quédate
Antes de hacer SEO es imposible que no sepas esto. Si alguien te habla de SEO y no conoce esta matriz básica, entonces no puede entender el SEO, ESA PERSONA SOLO ENTIENDE EL SEO Y lo ha fragmentado al código y el contenido DEL SITIO WEB
Esa persona tiene que saber de Experiencia de Usuario básicamente.
Crear Escenarios con Usuarios, Prototipar, Estandarizar la Usabilidad y Construir Buenas Arquitectura de Información es UX.
¿Tengo que hacer esto para un sitio web? Si luego deseas tener el código y el contenido mal estructurado y no es valioso para los usuarios, no te trae tráfico orgánico y no está mejorando mes a a mes la generación de leads, entonces puedes enfocarte en comenzar a programar el contenido solamente según lo que tu deseas colocar.
Mira esta es la ruta que hemos masterizado con ese cliente que quiere la web para mañana. Toma nota:
- Pídele que te entregue el perfil de LinkedIn de 4 o 5 clientes. Desde allí puedes hacer una investigación del comportamiento digital o netnografía. No es ser stalker pero al mismo tiempo sí. No te enfoques en cosas comerciales, enfócate en el tipo de contenido que consume. Nos importa ajustar el sitio web a lo formatos que más consume, las cosas que más comparten o comentan, eso nos da minería dude ideas para armar perfiles. Nosotros en Satio hemos combinado esto con búsquedas en foros de perfiles similares, lo que comentan, las reseñas que dejan. Ahí esta el oro para perfilar correctamente. Recuerda QUE LE GUSTA.
- Las palabras claves son un mundo. Te recomiendo pagar primero por UberSuggest, es más barato y por ahora te servirá. La herramienta te permite hacer búsquedas de consultas para verificar sus vólumenes deb búsqueda mensuales, si se trata de palabras que vale mucho pujar o subastar por ellas, etc. Lo relevante es, antes de usar la herramienta, crea tu propio listado de palabras claves. Una palabra clave no es una palabra, es una frase por ejemplo, una consulta, la búsqueda de una marca o querer comparar productos o servicios.
- Anda a la herramienta y parte recopilando palabras claves genéricas, nosotros le llamamos IRSE A BROAD, técnicamente se les llama short-tail o sea, enfocarse en consultas con grandes vólumenes de búsqueda, muy genéricas (es que primero queremos captar tráfico y generar alcance e impresiones), agregarla a una lista personalizada que permite la herramienta y descansamos de las palabras claves un momento.
Ahora hay que construir un menú. La ruta es Inventario de Contenidos, Organización y Jerarquía del Contenido y Nomenclatura.
Un menú tiene una función navigacional, no puede tener una mala relación entre el ancho de cantidad de páginas y la profundidad de subpáginas que posee. Eso también aplica para aplicaciones y softwares. Para el caso de los sitios webs, podemos tomar decisiones como crear el menú en función de las industrias a las que vendemos, los tipos de soluciones, las líneas, la clásica con blog o pensárnoslo un poco más.
Las palabras claves que investigaste te entregan información acerca las consultas que mejor volumen tienen y más se ajustan a tu oferta de valor. Si en vez de Drillling en Minería buscan docenas de veces más Perforaciones en Minería, es bastante probable que quieres que tu página tenga ese titular y la URL tenga ese slug: "/perforaciones-en-mineria".
Entonces estás aprendiendo a crear el menú de tu sitio web y organizar el contenido con nominaciones y palabras que pueden ser genéricas, conjuntos y convenciones conocidas por todos nosotros. A través de esta herramienta, descubres si es más óptimo nombras páginas y generar URL's con cierto modo de consultar por A o por B o por C en internet.
En el mejor de los casos, debemos tener un sitemap final que tiene una buena relación de profundidad y ancho, las URL's poseen palabras claves genéricas que pueden atraer tráfico orgánico. No todas las páginas están destinadas para apuntar hacia palabras claves demasiado informacionales, de hecho ese tipo de consultas son particularmente para generar estrategias de blogs en sitios webs. De otro modo digamos, es bastante lógico que las palabras claves a las que apuntarán tus páginas sean con intención comercial o transaccional, vale decir, el usuario está buscando comparar marcas, entender características, servicios, etc.
¿Perfilación Lista, Empatía y Palabras Claves Incorporadas?
Con esto te acabas de asegurar de haber iniciar tu sitio web con SEO verdaderamente desde el inicio. Vamos por el SEO desde el aspecto de configuración técnica y tecnológica.
Esto no es aburrido, de hecho, tanto diseñadores UX como marketeros y personas en código estamos unidos por el SEO, o este nos obliga a cruzar a la vereda del otro en algun punto.
El SEO es la optimización de la experiencia del usuario, que se hace a través de los motores de búsqueda, no así al revés. Esta mentalidad no solo una mentalidad. Lo que estudiará Google con su herramienta de Google Analitycs y Google Search Console son aspectos siempre del usuario, todo lo que hagamos en SEO está centrado en el usuario.
Google Search Console por ejemplo te alerta hasta de problemas con la UI, así que parece que la letra U necesitamos empezar a investigarla, perfilarla y crear a partir de sus anhelo y emociones, mucho más en los negocios.
1. Enlaces y Dominio
Experiencia de Usuario: Los enlaces y el dominio deben ser confiables y relevantes para generar una buena primera impresión. Un dominio claro y enlaces internos bien estructurados ayudan a los usuarios a navegar con facilidad y confianza en tu sitio.
- Cómo hacerlo: Asegúrate de que tu dominio refleje tu marca o tu propósito y que los enlaces internos lleven al usuario a contenido relevante.
- Ejemplo: Si tienes un blog de marketing, organiza tus enlaces para que guíen al usuario por temas relacionados, como "SEO Básico", "Marketing de Contenidos" y "Publicidad Digital".
¿Qué es la etiqueta canonical? La etiqueta canonical se utiliza para indicar a los motores de búsqueda cuál es la versión preferida o "oficial" de una página cuando tienes contenido similar o duplicado en varias URLs. Esto es esencial para evitar problemas de duplicidad y consolidar la autoridad de una sola URL.
Experiencia de Usuario: Una URL canonizada evita que el usuario aterrice en páginas duplicadas o versiones alternativas de un mismo contenido, ayudando a una experiencia de navegación más clara y lógica.
Cómo implementarlo:
- Agrega la etiqueta
<link rel="canonical" href="URL-preferida.com">
en la sección<head>
de cada página con contenido duplicado o similar. - Asegúrate de que todas las versiones de una página (con o sin www, http y https) tengan una etiqueta canonical que apunte a la URL principal.
- Ejemplo: Si tienes dos URLs para el mismo contenido:
tusitio.com/articulo
ytusitio.com/articulo?ref=123
, agrega la etiqueta canonical en ambas para que ambas apunten atusitio.com/articulo
:
<link rel="canonical" href="https://tusitio.com/articulo">
Redirecciones 301 para Consolidar Enlaces y Mejorar la UX
¿Qué es una redirección 301? Una redirección 301 es un tipo de redirección permanente que transfiere el "link juice" (la autoridad de SEO) de una URL antigua a una nueva. Esto ayuda a consolidar las URLs y evita errores 404, mejorando la experiencia del usuario y el SEO.
Experiencia de Usuario: Las redirecciones 301 guían al usuario automáticamente a la versión correcta de una página si intenta acceder a una URL antigua o incorrecta, evitando confusión o frustración.
Cómo implementarlo:
- En el archivo
.htaccess
(si usas un servidor Apache), configura redirecciones 301 desde las URLs antiguas hacia las nuevas. - Utiliza redirecciones 301 cuando cambies la estructura de tu sitio o elimines páginas, para preservar la autoridad de esas URLs en los motores de búsqueda.
Ejemplo en .htaccess: Si cambiaste la URL de tusitio.com/blog/post-antiguo
a tusitio.com/blog/nuevo-post
, puedes añadir esta redirección en el archivo .htaccess
:
Redirect 301 /blog/post-antiguo /blog/nuevo-post
2. Infraestructura
La infraestructura del sitio (servidores, tiempo de carga, seguridad) impacta directamente en cómo los usuarios perciben tu sitio. Si es lento o inseguro, el usuario puede frustrarse y abandonarlo.
- Cómo hacerlo: Utiliza servidores confiables, implementa una CDN para mejorar el tiempo de carga global y asegúrate de tener HTTPS para la seguridad.
- Ejemplo: Si un usuario visita desde Europa y tu servidor está en América, una CDN como Cloudflare distribuye el contenido desde el servidor más cercano, reduciendo el tiempo de carga.
3. Indexación
La indexación es clave para el SEO, ya que permite que Google descubra e interprete tu contenido. Aquí te explico cada uno de los elementos que intervienen en la indexación y cómo configurarlos para optimizar tu sitio.
Sitemap.XML
Qué es: Un archivo XML que contiene una lista de todas las URLs importantes de tu sitio web que deseas que Google indexe. Funciona como un mapa de tu sitio para los motores de búsqueda.
Cómo implementarlo:
- Crea un archivo
sitemap.xml
con todas las URLs de tu sitio. - Sube el archivo a la raíz de tu sitio (por ejemplo,
tusitio.com/sitemap.xml
). - Usa herramientas como Google Search Console para enviar el sitemap y facilitar el rastreo.
Impacto en SEO y UX: Al proporcionar un mapa claro, aseguras que Google encuentre todas las páginas relevantes, lo que ayuda a que los usuarios lleguen a tu contenido más fácilmente.
Robot.txt
Qué es: Un archivo que le dice a los motores de búsqueda qué páginas no deben indexarse. Es útil para bloquear contenido irrelevante o privado que no quieres que aparezca en los resultados de búsqueda.
Cómo implementarlo:
- Crea un archivo
robots.txt
en la raíz de tu sitio. - Incluye las reglas de exclusión para bloquear páginas específicas.
- Ejemplo básico de robots.txt:
User-agent: *
Disallow: /admin/
Disallow: /carrito/
Allow: /
Sitemap: https://tusitio.com/sitemap.xml
Impacto en SEO y UX: Evita que contenido no deseado aparezca en los resultados de búsqueda, mejorando la relevancia del sitio y manteniendo una experiencia de usuario más enfocada.
Google Seach Console
Qué es: Una herramienta de Google que te permite verificar el estado de indexación de tus URLs, recibir alertas de problemas y entender cómo Google rastrea tu sitio.
Cómo usarlo:
- Accede a Google Search Console.
- Verifica tu dominio y envía tu
sitemap.xml
. - Revisa la cobertura de índice para identificar páginas no indexadas o errores.
Impacto en SEO y UX: Te permite monitorear y corregir errores de rastreo e indexación, asegurando que los usuarios solo encuentren contenido optimizado.
Google Analytics
Qué es: Una herramienta para recopilar datos sobre el tráfico y comportamiento de los usuarios en tu sitio. Aunque no afecta la indexación directamente, ayuda a entender cómo los usuarios interactúan con el contenido.
Cómo usarlo:
- Crea una cuenta en Google Analytics.
- Añade el código de seguimiento a tu sitio.
- Monitorea métricas clave como el tiempo en página, tasas de rebote y fuentes de tráfico.
Impacto en SEO y UX: Permite ajustar el contenido y la estructura del sitio en función del comportamiento del usuario, mejorando la experiencia y reteniendo tráfico de calidad.
GZIP: Compresión de Archivos
Qué es: GZIP es una técnica de compresión de archivos en el servidor que reduce el tamaño de los recursos antes de enviarlos al navegador del usuario. Al reducir el tamaño de archivos como HTML, CSS y JavaScript, se acelera el tiempo de carga de la página.
Cómo implementarlo:
- Activa GZIP en tu servidor (la mayoría de los servidores Apache y Nginx ya tienen soporte para GZIP).
- Si estás usando Apache, agrega estas líneas al archivo
.htaccess
:
<IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/javascript AddOutputFilterByType DEFLATE application/json application/xml application/xhtml+xml application/rss+xml application/atom+xml </IfModule>
Memcached: Cache de Datos en Memoria
Qué es: Memcached es un sistema de almacenamiento en caché que guarda en la memoria RAM los datos más utilizados del sitio, como consultas a bases de datos o resultados de procesos frecuentes. Esto permite que los datos se sirvan más rápido al usuario, en lugar de procesarlos repetidamente en el servidor.
Cómo implementarlo:
- Instala Memcached en tu servidor (requiere acceso de administrador o ayuda del proveedor de hosting).
- Si estás usando PHP, asegúrate de tener instalada la extensión de Memcached, y configura el almacenamiento en caché para consultas frecuentes a la base de datos.
Impacto en SEO y UX: Al reducir la carga de la base de datos y acelerar el tiempo de respuesta, Memcached hace que las páginas se carguen más rápido, lo que mejora la experiencia del usuario y favorece el posicionamiento en motores de búsqueda.
Imagick: Optimización de Imágenes
Qué es: Imagick es una extensión de PHP que permite manipular y optimizar imágenes directamente en el servidor. Con Imagick, puedes cambiar el tamaño de las imágenes, aplicar compresión y convertirlas a formatos optimizados como WebP para mejorar la velocidad de carga.
Cómo implementarlo:
- Instala Imagick en el servidor (disponible en la mayoría de los servidores con PHP).
- Usa Imagick para optimizar imágenes automáticamente al cargarlas, ajustando el tamaño, compresión y formato para reducir su peso.
Ejemplo en PHP: $image = new Imagick('imagen.jpg'); $image->setImageFormat('webp'); $image->setImageCompressionQuality(80);$image->writeImage('imagen-optimizada.webp');
Impacto en SEO y UX: Las imágenes optimizadas se cargan más rápido, reducen el consumo de ancho de banda y mejoran la velocidad del sitio, lo cual es esencial tanto para la experiencia del usuario como para el SEO.
4. Estructura de las URL's
Jerarquía de la URL's
- Qué es: La organización de las páginas dentro del sitio, reflejada en las URLs.
- Cómo implementarlo: Organiza tu contenido en subcategorías claras y estructuradas.
- Ejemplo:
tusitio.com/blog/seo-onpage
en lugar de URLs planas comotusitio.com/seo-onpage
.
URLs Amigables
- Qué es: URLs que no contienen caracteres especiales o números innecesarios.
- Cómo implementarlo: Usa palabras descriptivas y evita elementos como “?”, “&”, “=”.
- Ejemplo:
tusitio.com/guia-seo
en vez detusitio.com/?id=45&cat=a
Breadcrumbs (Migas de Pan)
- Qué es: Una navegación secundaria que muestra la ruta de la página actual dentro del sitio.
- Cómo implementarlo: Configura breadcrumbs para ayudar a los usuarios y a Google a entender la estructura y jerarquía de tu sitio.
- Ejemplo:
Inicio > Blog > SEO On-Page
en lugar de un enlace sin contexto.
Contenido Enriquecido
Microdatos
- Qué es: Información estructurada que ayuda a Google a entender mejor tus servicios o productos.
- Cómo implementarlo: Usa el marcado de datos estructurados (schema.org) para resaltar información como precios, reseñas, y más.
- Usa Google My Business para ayudar a enriquecer los resultados de tu página en el SERP.
- Ejemplo: Para una página de producto, incluye microdatos que indiquen el precio y la disponibilidad.
Fragmentos Destacados (Snippets)
- Qué es: Respuestas directas que Google muestra en la posición 0 del SERP.
- Cómo implementarlo: Escribe respuestas claras y concisas a preguntas comunes en el contenido.
- Ejemplo: En una guía sobre SEO, incluye una breve respuesta a “¿Qué es SEO On-Page?” al inicio del artículo para intentar que Google lo tome como snippet.
Optimización del Contenido
Metadata
- Qué es: Conjunto de título y descripción que se muestra en el SERP (Página de Resultados de Búsqueda de Google).
- Cómo implementarlo: Asegúrate de que el título sea atractivo y relevante para el contenido de la página, y que la descripción incluya palabras clave principales.
- Ejemplo: Para una página sobre “SEO On-Page”, el título podría ser: “Guía Completa de SEO On-Page: Técnicas para Mejorar tu Ranking”.
Etiquetas H
- Qué es: Encabezados que jerarquizan el contenido de la página, como H1, H2, etc. El H1 debe ser único en cada página.
- Cómo implementarlo: Usa un solo H1 para el título principal, y H2 o H3 para los subtítulos, organizando el contenido de manera clara.
- Ejemplo: En un artículo, usa H1 para el título y H2 para las secciones principales como "Optimización de Contenido", "Estructura de URLs".
Anchor Text
- Qué es: Texto con enlace que da contexto sobre el destino del enlace.
- Cómo implementarlo: Usa palabras relevantes en lugar de genéricos como "clic aquí".
- Ejemplo: "Aprende más sobre estrategias de SEO" en lugar de "Haz clic aquí".
Keyword en el Contenido
- Qué es: Integración natural de palabras clave dentro del contenido.
- Cómo implementarlo: Incluye keywords de forma natural en títulos, subtítulos y párrafos.
- Ejemplo: En un artículo sobre SEO, usa frases como “optimización de motores de búsqueda” en lugar de repetir “SEO” constantemente.
Optimización del Código
1. Minificación de CSS
Qué es: La minificación de CSS elimina espacios, saltos de línea y comentarios innecesarios, lo que reduce el tamaño del archivo y mejora el tiempo de carga.
Cómo implementarlo:
- Usa herramientas en línea como CSS Minifier o Minify CSS.
2. Minificación de JavaScript
Qué es: La minificación de JavaScript elimina espacios, comentarios y optimiza el código para reducir el tamaño del archivo sin cambiar su funcionalidad.
Cómo implementarlo: Usa herramientas como UglifyJS para minificar archivos JavaScript.
3. Minificación de HTML
Qué es: La minificación de HTML elimina los espacios en blanco y los saltos de línea innecesarios en el archivo HTML.
Cómo implementarlo:
- Puedes utilizar herramientas en línea como HTML Minifier para minificar archivos HTML.
- Algunos plugins de optimización, como WP Rocket o W3 Total Cache (si usas WordPress), ofrecen opciones de minificación automática de HTML.
Plugins de Minificación Automática
Si usas un CMS como WordPress, existen plugins que facilitan la minificación de CSS, JavaScript y HTML:
- WP Rocket: Además de la minificación, ofrece funciones de caché, GZIP, y optimización de imágenes.
- W3 Total Cache: Permite la minificación de CSS, JavaScript y HTML, y ofrece otras mejoras de rendimiento.
- Autoptimize: Este plugin se centra en la minificación y concatenación de archivos, y es muy sencillo de usar.
-
Beneficios de la Minificación para SEO y UX
Si usas un CMS como WordPress, existen plugins que facilitan la minificación de CSS, JavaScript y HTML:
- WP Rocket: Además de la minificación, ofrece funciones de caché, GZIP, y optimización de imágenes.
- W3 Total Cache: Permite la minificación de CSS, JavaScript y HTML, y ofrece otras mejoras de rendimiento.
- Autoptimize: Este plugin se centra en la minificación y concatenación de archivos, y es muy sencillo de usar.
¿Te ha parecido corta la Guía? Esto es lo mejor recopilado por años en Satio, sientéte libre de usarlo a tu favor. ¡Gracias por llegar hasta acá!