Seguramente al comenzar a leer este artículo pensarás en qué relación tienen las estrategias SEO contigo que eres diseñador, y lo que es peor, en todavía muchos casos no tienes idea de qué es SEO.
Comencemos por entender algo muy importante, hoy en día si no apareces en Google es igual a no existir en la web, y para eso sirve el SEO. Sí, también hay otras puertas para llegar a tu web, desde las redes sociales y hasta anuncios que podrían enviarte tráfico, pero entiéndelo bien porque el objetivo es el mismo, SI NO APARECES EN GOOGLE, NO EXISTES.
¿Qué es SEO?
Search Engine Optimization (Optimización de Motores de Búsqueda) se refiere a todas las reglas y herramientas necesarias para que un sitio se posicione en los primeros sitios en los resultados de búsqueda en la web. Es importante reconocer que todas estas reglas siempre deben hacerse de manera natural (o sea sin dinero) para que los resultados sean orgánicos.
Debemos de pensar que la atracción de tráfico se debe hacer de manera orgánica, pues como mencioné, puedes invertir un poco de dinero en anuncios que llevarán tráfico, pero al final tanto el dinero como el tráfico se acabarán y solo terminarás cometiendo un error.
De manera más clara: si escribes una palabra en Google verás que aparecen sitios o imágenes sin ningún orden aparente; pues no, los primeros sitios (después de los pagados) son esos que llevan buenas estrategias SEO; y por lo tanto serán los que visiten más las personas.
Pero bueno, si aún no te queda claro qué es SEO y por qué tú como diseñador también tienes responsabilidad en esta área, empecemos por describir cómo funciona.
Cuando googleas algo aparecen resultados de inmediato, pues detrás de la búsqueda hay miles de procesos que filtran la información para mostrártela. Quizá ya has oído los conceptos algoritmos, códigos de información y otros que suenan muy complejos, pero no debes entender eso, solo que existen.
Imagina que estás buscando una bicicleta y escribes la frase “venta de bicicletas” en Google. Este tiene cientos, miles y en muchos casos millones de resultados respecto al tema, Google actúa como un gran embudo que te mostrará todos los resultados que tiene, sí, TODOS, pero conforme vayan pasando ese embudo.
Ahora, el embudo es un filtro y dejará pasar primero a los sitios que inviertan dinero. Los primeros resultados son sitios que se muestran como anuncios y al pagar Google les dé preferencia, pero nunca permite que sean más de tres sitios. A partir del cuarto aparecen los que tengan las mejores estrategias SEO. Así que cuando dejas de pagar, ya no volverás a aparecer en los primeros sitios, deberás seguir con tu SEO.
SEO al guardar mis imágenes
Seguramente sigues preguntándote cómo convertirte en ese cuarto lugar en la búsqueda… Pues empecemos…
Debes de usar una keyword o palabra clave en tu sitio, puede ser sencilla o compleja. Siguiendo el ejemplo anterior de un sitio de venta de bicicletas la keyword sería “bicicleta”, pero seguramente esa palabra la usen todos los negocios que venden bicicletas, existe mucha demanda para usar esa palabra; o podrías usar la keyword “venta de bicicletas usadas”, es más específica y existirá menos oferta y menos demanda, pero quien busca ese extracto seguro se adecúa mucho mejor a lo que vendes y lo que ellos buscan. Es más específico y tu sitio y las personas que lo busquen están más cercana de hacer un match
La keyword la usas en todos lados, en el título de tu negocio, en la descripción del mismo, etcétera. Aquí es donde empieza tu trabajo de SEO como diseñador.
He buscado imágenes de cientos de sitios y al guardarlas en mi escritorio tienen el nombre de caracteres al azar, realmente no tiene un nombre o lo que es peor, tiene caracteres y glifos extraños, por ejemplo: dbjk76766.jpg. Si tienes una imagen de una bicicleta, nómbrala como bicicleta, punto. Si hay una imagen de una bicicleta verde, nómbrala bicicleta-verde. ¡Sencillo!
Nombrar una imagen adecuadamente hace que esa imagen aparezca en un buscador porque reconoce los nombres y los asocia con lo que las personas buscan, y no solo eso, usar glifos, acentos y caracteres raros no solo no ayuda a que no aparezcan, sino que las imágenes se rompen y no se verán en tu sitio después de un tiempo. ¡No uses caracteres ni glifos raros en tus nombres!
Si entendiste eso, ahora busca cuál sería la mejor palabra. Ahí te va un consejo: cuando empiezas a redactar en el buscador de Google este empieza a adivinar qué otras palabras seguirían; por ejemplo, escribes bicicletas y enseguida Google te da opciones como bicicletas usadas, bicicletas en venta, bicicletas en oferta, bicicletas de carrera, etc. Todas estas opciones son las que ya tiene establecidas como búsquedas frecuentes, puedes usar algunas de esa palabras o frases para nombrar tus fotos.
Aunque sea repetitivo, NO USES CARACTERES RAROS, GLIFOS, ACENTOS, COMAS ETC. Escribe en minúsculas y separa tus palabras con guiones para que se vean así: venta-de-bicicletas-usadas. No repitas los nombres de tus fotos y aunque parezca buena idea escribir el nombre de tu negocio en cada foto, la verdad es que no es necesario hacerlo en todas las fotografías, solo en las principales.
Dimensión y peso de las imágenes
La pregunta del millón ¿cuánto debe de pesar mi imagen para mi web? Y la respuesta del millón: Depende.
Recuerda que lo más importante es el peso total de una web y de cada landing. Cuando se carga un sitio empieza a descargar todas las imágenes que se muestran en la primera pantalla de arriba a abajo, pero claro, si una imagen es muy grande tardará más en cargar y esto hará que todo el sitio tarde más tiempo. Pues imagina que tienes no solo una, sino muchas imágenes, así el sitio cargará en muchos segundos (más de 5 segundos ya es muy lenta tu web) y en muchos casos no lo hará por malas conexiones de tu proveedor de internet o tener dispositivos muy viejitos.
Piensa en una media de tu sitio. Yo por ejemplo me he dado cuenta que la medida media de pantallas de muchos de mis proyectos es de 1280px de ancho en computadora y de 375px para celular. Así que no hay razón para tener imágenes más grandes que eso, no entiendo el por qué cargar imágenes de 9000px de ancho, son enormes. Para eso sirven los prototipos y wireframes de tus diseños previos a web, confirma cuánto van a medir y solo por seguridad aumenta unos 100px de ancho, de esta manera todo se verá correctamente.
Ahora el peso. Bajar medidas no significa que bajes calidad y tampoco que sean menos pesadas (hay quienes aún crecen imágenes y creen que se aumenta su calidad, eh). Para eso está Photoshop, úsalo. En la opción de “save for web” puedes bajar el peso de las imágenes y confirmar que no perderás peso. También hay diseñadores y otros profesionales que preguntan cómo debe verse una imagen de buena calidad y la respuesta es muy sencilla, apúntale: confía en tu vista, se ve bien o se ve mal, no hay ciencia.
También en este sentido no existe una regla absoluta del peso por imagen, yo siempre he recomendado que ninguna imagen pese más de 250k, aunque puedes tener una excepción en un fondo de pantalla (y en este caso podrías dividirla en pequeñas piezas) o imágenes descargables. Solo recuerda que tu web es la suma de todas las imágenes y se cargan de una por una, es mejor tener 100 imágenes de 100k, que una sola de 10 mb.
¿Y qué tiene que ver eso con SEO? TODO. Si Google en su filtrado ve sitios con imágenes muy pesadas o muy grandes no las manda en los primeros sitios de búsqueda. Es una práctica que se subestima, pero afecta o beneficia muchísimo a cualquier sitio web.
Maquetación de un sitio web
Si sabes algo de programación sabrás qué es una etiqueta H1 o H2; si no lo sabes, ya te tardaste en aprender código básico, y no es para ser programador (para eso requieres más que aprender esto) sino para tener empatía con tus colegas programadores (o evitar que te quieran engañar) y sepas qué se puede hacer y qué no; y segundo, para que sepas cómo jerarquizar el texto al momento de diseñar una web. Sí, también es para SEO.
La etiqueta H1 en programación es un título principal, por lo que es el texto más importante de una landing, nota o sitio web; el H2 sería un título secundario o subtítulo; y H3, H4, H5 y H6 serían por lógica los títulos menos importantes. En programación no se conocen como títulos, sino como H.
Cuando diseñas un sitio web, o cualquier otro diseño, recuerda que debes de jerarquizar el texto, que se entienda qué texto es más importante que otro, puedes usar puntaje, mayúsculas, colores y otros recursos que hagan denotar que ese texto es lo más importante, pero no uses los mismos estilos entre textos de diferentes jerarquías.
Yo soy de la idea de usar la menor cantidad de estilos, pues de esa manera quien te lea puede reconocer y memorizar solo algunas distinciones entre textos y no un catálogo de más de 10 estilos de texto, ya que perderás el orden y los lectores se confundirán.
En resumen, distingue la menor cantidad de estilos de textos y usa las keywords en todos ellos. Y de verdad, si diseñas web y no sabes qué es eso de las etiquetas, debes tomar un curso básico de diseño web ¡YA!.
Diseño Responsive
Es cierto que como diseñador siempre disfrutas en diseñar en una pantalla grande, se ve mejor, tienes más espacio y no estás trabajando en un layout mini, pero no, siempre piensa en pequeño.
La mayoría de personas navegan en celulares, y en muchos nichos, más del 90% de sus visitas vienen en displays mobile, así que olvídate que las pantallas de computadora son lo más importante (pero no lo olvides, eh).
Comprueba cómo se ve tu diseño en varias medidas de pantallas de escritorio y comprueba correcciones en cada una, lo mismo haz en las pantallas más vistas de celular. Piensa que si una persona está viendo tu sitio en una pantalla donde no comprobaste que se viera bien abandonará el sitio porque está todo desalineado o sin orden.
-
Foto: Templune / Pixabay
Diseño UX/UI
Como he dicho desde un principio, Google es un gran embudo y filtra, así que para que Google te escoja y seas ‘El Elegido’, debes ser de los mejores.
Cuando un sitio tiene mayor permanencia de los usuarios Google lo nota y lo considera un sitio con buen contenido o que es de interés de las personas, por lo tanto, ayudará que aparezcas en los primeros sitios.
Como diseñador piensa siempre en la experiencia del usuario. Aún si el sitio es tuyo y no de un cliente deja de pensar en lo que a ti te gusta o lo que tú quieres, TÚ NO ERES TU CLIENTE. Piensa en los usuarios, conoce a tu tipo de usuario, dale soluciones, ofrécele una buena experiencia y cuestiónate todo. La idea es que todo debe tener una respuesta, si no la tiene, felicidades, ya encontraste un problema…. Resuélvelo.
El SEO no son herramientas de moda, es un perfil hoy necesario en cualquier tipo de empresa digital que muchos están subestimando.
Hay un mundo de herramientas y técnicas respecto a esta actividad, pero no pierdas de vista que aunque un SEO es quien más hace y sabe al respecto, todos los involucrados en un proyecto digital deben de hacer su trabajo respetando las reglas SEO, y créeme, sino no empiezas desde ahora con ello, tarde o temprano lo tendrás que hacer para corregir tus errores.
