Por estos días estoy codificando mi sitio web.
Es un mini sitio informativo de contenido estático, por lo que decidí hacerlo como los viejos vaqueros: HTML puro y duro.
¿Por qué tomé esta decisión tan old fashion?
Básicamente 3 factores:
- Dimensión del sitio: En total tendrá unas 5 páginas con contenido que no se actualizará muy seguido. El volumen del contenido, la frecuencia de actualización y la simplicidad de la arquitectura de información, hacen que no sea necesario tener un administrador de contenido como Wordpress.
- Performance: Al poder personalizar el sitio directamente, ahorro código en fixes de templates, adiciones de plugins y llamadas innecesarias de archivos. Esto hace que mejore la performance y el posicionamiento en Google, lo que nos convoca en este artículo.
- Validación de Accesibilidad. El HTML puro me permite validar mucho mejor que los elementos del sitio se mantengan limpios, sin inyecciones innecesarias de JS. Esto también ayuda al posicionamiento.
Siempre hay que compartir contenido, ¿cierto? Y esta es la única razón por la que nos interesaría tener un CMS. Pero, dado lo doloroso de implementar un sitio con código sucio, poco accesible, poco personalizable y pesado probablemente el costo/beneficio de usarlo puede no ser tan beneficioso.
Un problema: Varias formas de solucionarlo.
Decidí usar “Medium” para publicar artículos. Medium es un sitio con autoridad alta para Google por su popularidad, así que los contenidos que comparta se posicionarán mejor y llegaran a más gente.
Otra buena opción de publicación podría ser LinkedIn, sin embargo, la audiencia es más acotada, ya que los usuarios se enfocan en ver contenidos cortos como posts, videos y actualizaciones de estado más que en la profundización de contenidos y el aprendizaje.
Volviendo al tema, ¿cómo puedo posicionar mejor mi sitio?
Además del cómo, es importante el por qué: No es posible entregar una buena experiencia si no tienes a quien entregarla. Pese a la baja consideración del posicionamiento de marca en el mundo UX, es vital para que los usuarios te conozcan y puedan usar tus productos y servicios. Las técnicas de posicionamiento (SEO, ASO, SERP, Social Media, etc.) son el punto inicial de la experiencia de usuario: El awareness.
Para posicionarte en la mente de tus usuarios a través de SEO, existe una plétora de buenas prácticas que se pueden insertar en el código antes de poblar con contenido. No hay que olvidar que la creación de contenido y la definición de propuesta de valor del sitio es el paso cero.
Teniendo como base lo anterior, este artículo está enfocado en técnicas de redacción y revisión de los fragmentos de texto que aparecen en la página de los resultados de búsqueda de Google.
Pero antes…
Anatomía de una aparición en Google: ¿Qué es un snippet?
Para entender lo que hay que hacer (y por qué lo vamos a hacer) es importante conocer un concepto clave: El snippet.
Un snippet es un fragmento de contenido que Google usa para mostrar tu sitio en la página de resultados. Vale decir, un resultado de búsqueda es un snippet.
¿Cómo se ve un snippet?
Los snippets están compuestos básicamente por:
- La URL. Es la dirección del sitio que hay que incluir dentro del HTML. No tiene mucha ciencia ya que Google la carga automáticamente, pero siempre hay que incluirla.
- El título.
- La descripción.
Estos dos últimos elementos son los que requieren más “UX Writing”.
La visualización se traslada en HTML a algo como:
<!-- URL -->
<link rel="canonical" href="https://hogar.mercadolibre.cl/textiles-decoracion-ropa-cama/calienta-camas/calienta-camas-toyotomi” />
<!-- TÍTULO -->
<title> Calienta Camas Toyotomi - Ropa de Cama Calienta Camas en Mercado Libre Chile </title>
<!-- DESCRIPCIÓN -->
<meta name="description" content="Encuentra Calienta Camas Toyotomi - Ropa de Cama Calienta Camas en Mercado Libre Chile. Descubre la mejor forma de comprar online." />Ahora que sabemos de que estamos hablando, veamos como mejorarlo.
Paso 1: Definición de keywords o palabras clave de tus productos o servicios.
Las palabras claves son los términos con los que tus usuarios buscan tus productos y servicios. Simple.
¿Para qué sirve definir las palabras claves?
Al detectar qué términos usan los usuarios para encontrar información es posible incluirlo dentro del contenido, la descripción y el título del sitio web.
Lo difícil: Cuando uno está en medio del bosque es difícil ver los árboles. La forma en la que tú nombras los elementos de tu negocio no es la misma como la nombran los usuarios. Por ejemplo, yo digo diseño de productos, mientras que mis clientes dicen UX/UI.
Pero veamos un ejemplo un poco menos emocional que la incomprensión de mi profesión.
Problema:
Mi cama está fría cuando me voy a dormir.
Posibles soluciones:
a. Comprar un pijama enterito sherpa o;
b. Comprar plumones o;
c. Comprar un escaldasono o escaldazzono o scaldasonno.
La opción ganadora (por 5 cuerpos y medio) es comprar el scaldazzono.
Pero, hescaldassonno es una marca. El nombre “técnico” del producto es “calienta camas”.
Para saber que palabras están usando los usuarios (y ojalá futuros clientes 🤞) deberíamos verificar el uso de los términos de marca y calienta camas.
¿Dónde encontrar y definir palabras clave?
En el Keyword Planner de Google:
¿Se ve exagerado lo del scaldasonno?
Échale un vistazo al archivo de Google en el que muestra 593 términos de búsqueda con faltas de ortografía para “Britney Spears” .
Paso 2: Revisa las tendencias de búsqueda
En Google Trends puedes chequear si las keywords o palabras clave que definiste son las que buscan los usuarios en el país que quieres focalizarte. Lo interesante es que a través de Trends puedes detectar si alguna palabra similar a la que definiste va en “alza” y está siendo más buscada que la tuya o si la que elegiste ha decaído con el tiempo.
¿Dónde revisar tendencias de términos de búsqueda?
Paso 3: Prioriza los términos de búsqueda en tu título
La forma óptima de redactar el título es colocando las palabras claves de tus productos o servicios primero y luego el nombre de tu marca. Hay que pensar que si alguien busca por el nombre de tu marca primero es porque ya te conoce y el objetivo del posicionamiento en Google es darte a conocer a través de lo que ofreces para público que no te conoce. Por otra parte (y aún más importante), la “gran regla de la UX” es que los usuarios no leen. Simplemente le echarán “un vistazo” a las dos o tres primeras palabras de un título y si calzan con lo que ellos tienen en mente, harán clic. Entonces…¿Cómo redactar un título?
Palabra Clave 1 — Palabra Clave 2| Nombre de tu marca
La excepción a la regla:
Si tu marca es conocida no está mal escribir el nombre de marca primero.
Evita:
- Escribir el nombre del dominio: ya está incluído en la URL (dirección del sitio) y pierdes espacio para las palabras clave.
- USAR MAYÚSCULAS, PORQUE PARECE QUE NO SABES ESCRIBIR Y DESTACAS DE MANERA VISUALMENTE AGRESIVA.
- Usar emojis. Google no los ve. ☹️
Paso 4: Optimiza el contenido de tu título y tu descripción
Ya hemos creado un título de página super orientado a atraer gente que busca lo que ofreces. ¡Excelente! Sin embargo, es fundamental que se lea completo para evitar que el usuario pueda perder información relevante.
Haremos un breve paseo cognitivo del resultado de búsqueda para el calienta camas Toyotomi.
- La tienda Toyotomi hace despacho a domicilio, pero no sé si vende calienta camas.
- El segundo resultado si vende calienta camas Toyotomi… No veo muy bien quien lo vende. Tengo astigmatismo y probablemente a mi edad ya está empezando la presbicia. Si me esfuerzo un poco lo leo en “la dirección” (URL) y “abajo” (en la descripción). Es Mercado Libre.
- Falabella vende calienta camas. Pareciera que vende calienta camas Toyotomi. Pareciera.
El resultado que más se acerca a mi búsqueda es el de Mercado Libre, pero ¿Por qué no veo el título completo?
El título supera un ancho de 600 pixeles, por lo tanto, se trunca. Si no jerarquizaste las palabras clave puedes perder información importante. En el caso de Mercado Libre, está bien jerarquizado, pero es redundante y en tiempos del procesamiento de lenguaje natural (PLN) en el que los chatbots aplican machine learning a través de blockchain alojado en Cloud puede que esta conversación humano-máquina sea pobre. Llevándolo a una conversación real sería algo como:
— Hola, ¿tiene calientacamas Toyotomi?
— Si, Tengo calientacamas Toyotomi, Ropa de Cama, Calienta Camas en Mercado Libre Chile.
— ?
Es bueno evitar la verborrea, por lo que en general se recomienda usar entre 50 y 60 caracteres para el título, sin embargo esa recomendación (que verás en casi toda la web) tiene un poco de mito. La cantidad de caracteres da un aproximado del tamaño del título, pero como mencioné antes, la visualización depende del ancho en píxeles que ocupan esos caracteres. El título de la página de home de mi sitio tiene 62.
En SEO Morfo hicieron un experimento (muy cómico) en el que se pudieron visualizar hasta 107 caracteres en el título:
Pero… ¿Hay límites?
Si y no. Hay límites de visualización en pixeles para el título y de máximo de caracteres para la descripción. Es un poco complicado, porque no es el mismo parámetro para cortar el texto en ambos casos. Dejándolo en fácil:
¿Estás optimizando el snippet para desktop?
- El título se trunca a los 600 pixeles de ancho.
- La descripción se trunca a los 158 caracteres en una caja de 920 pixeles.
¿Estás optimizando el snippet para mobile?
- El título se trunca a los 620 pixeles de ancho.
- La descripción se trunca a los 120 caracteres en una caja de 620 pixeles.
Si quieres que tu snippet sea conciso, preciso y consistente, tus caracteres contar debes. Sin embargo, en ambos casos puedes escribir hasta el infinito, aunque agregen cero valor.
Para medir la precisión de tu redacción puedes usar Word o Character Count Online:
Paso 5: Chequea que tu snippet se verá completo en Google.
Hay infinitas herramientas para simular la visualización de tu snippet en el contexto real de la página de resultados de Google.
Si Toyotomi vendiera Calienta Camas en su e-commerce en Chile, probablemente se vería así:
Mi herramienta favorita para revisar visualización es el SERP Simulator de Mango Tools, ya que se basa en pixeles/caracteres y no solamente en caracteres como la mayoría. Además puedes contextualizar tu snippet con resultados de búsqueda reales de las palabras claves que quieres usar, ver la versión móvil y aplicar un heatmap predictivo.
Con ustedes, Mango Tools:
Resumen ejecutivo:
- Define tus palabras clave con Google Keyword Planner.
- Chequea la vigencia y tendencia de uso de las palabras que escogiste con Google Trends.
- Jerarquiza los términos de búsqueda para el título con foco en tus productos o servicios, colocándolos al principio: Producto o servicio 1 | Producto o servicio N — Tu marca.
- Mantén tus contenidos de título y descripción acotados y efectivos a través del conteo de caracteres con Word o Character online counting.
- Revisa que tu snippet se vea como realmente quieres considerando los límites del buscador con SERP Simulator de Mango Tools.
Si quieres saber más o necesitas posicionarte en Google, puedes escribir a hola@ussable.cl
¡Gracias por leer y éxito en tu optimización SEO!
