Qué hacer y qué no hacer en SEO con tamaños y colores de fuente
Desde la perspectiva de un webmaster, el color y el tamaño de la fuente parecen no tener nada que ver con el SEO. Desde la perspectiva de un diseñador, el SEO tiene muy poco que ver con la elección de colores para un sitio web eficaz. En ambos lados existe una desconexión entre diseño y optimización; la idea de que un sitio optimizado profesionalmente es gris y blanco y negro, pero un sitio poderosamente diseñado debe sacrificar el SEO en favor de la creatividad. En realidad, el SEO respalda el diseño y el diseño respalda el SEO. ¿Que tienes que hacer? ¿Qué no debería?
Sí: elija colores que se adapten a su ambiente empresarial.
A veces su negocio necesita el ambiente corporativo en blanco y negro. Las empresas Fortune 500 que trabajan con ejecutivos de la industria no tienen lugar para gráficos infantiles y colores vibrantes. Sin embargo, la mayoría de las empresas tienen suficiente espacio de diseño para crear una atmósfera única para la marca. Las marcas tienen combinaciones de colores; aprovecha el tuyo.
No: elija colores que choquen de manera fea.
Sin embargo, los colores deben ser elegidos por un diseñador de manera que sean complementarios. Un fondo verde lima con texto rosa superpuesto parecerá que un niño diseñó su sitio y no atraerá clientes. Después de todo, de eso se trata; hacer que su sitio parezca acogedor sin que parezca infantil y poco confiable.
Sí: formatee cada objeto en el que se puede hacer clic de manera que parezca que se puede hacer clic.
Los objetos en los que se puede hacer clic (botones, imágenes, enlaces de texto) deben verse como enlaces. Es por eso que el estándar de la industria es el texto resaltado en azul dentro de una página en blanco y negro. El azul destaca como algo en lo que hacer clic. No es necesario que se ciña al estándar y, de hecho, probablemente no debería hacerlo, pero sí debe asegurarse de que sus enlaces y botones se destaquen como algo en lo que el usuario pueda hacer clic.
No: dé formato a los enlaces de texto del mismo modo que al texto en el que no se puede hacer clic.
Convertir tus enlaces en un juego de escondite se llama barrido de minasgramo, buscando áreas donde el dedo índice se convierte en mano. Es sólo diversión para los niños y una frustración sin sentido para los usuarios adultos. A menos que estés diseñando un sitio de juegos para niños, debes hacer que tus enlaces sean atractivos y visibles. Además, siempre existe la posibilidad de que enlaces que se parecen a su texto resulten ser un intento de ocultarlos, lo que podría resultar en una penalización de búsqueda.
Sí: elija colores de fuente que se destaquen del fondo para una máxima legibilidad.
El texto negro sobre fondo blanco ofrece alto contraste, alta visibilidad y fácil de leer. Si tiene que cambiar el texto a un color más cercano al blanco (gris o amarillo), será más difícil de leer. Lo mismo ocurre sin importar cuál sea el color de fondo. Elija un color de fuente que destaque y permita que su contenido se lea fácilmente.
No: oculta texto con colores de fuente idénticos a los colores de fondo.
Una antigua técnica común de búsqueda de spam era enmascarar el texto para que estuviera oculto al usuario pero visible para el motor de búsqueda. Hacer que el color de la fuente fuera idéntico (o muy parecido) al del fondo era suficiente para provocar una penalización de búsqueda. Hay mejores formas de ocultar texto si realmente lo necesitas, pero debes intentar crear un diseño sin la necesidad de ocultar texto.
Sí: piense en las asociaciones de colores en la cultura en la que trabaja.
Diferentes culturas tienen diferentes asociaciones con diferentes colores. En Estados Unidos, el negro es el color del luto. En Japón, este color suele ser el blanco. El rojo es el color de la pasión, el amor o la ira. Excepto en la India, donde es el color del orgullo y la creatividad, o en China, donde es el color de la furia y el peligro. Al elegir colores primarios para su marca, considere las asociaciones culturales de estos colores si realiza publicidad en un mercado extranjero.
No: evite el color por completo.
El color no es algo que deba temer. Un poco de color añade mucho a tu sitio cuando se usa con moderación. Incluso si es tan simple como colorear el fondo de azul o amarillo, con una superposición blanca para el texto negro, es el color que le da vida a tu página. El blanco y negro simple tiene su lugar, pero es un aire de austeridad que quizás no quieras transmitir en tu negocio.
Sí: elija un tamaño de fuente lo suficientemente grande como para leerlo fácilmente en computadoras y dispositivos móviles.
Si el tamaño de fuente es menor que 10 o 12, le resultará difícil lograr que los usuarios lean. No quieren inclinarse sobre sus monitores o entrecerrar los ojos ante sus teléfonos solo para entender su texto. Hay muchas posibilidades de que simplemente se vayan y encuentren la información que necesitan en un sitio que puedan leer. Si tienes un tamaño de fuente pequeño, auméntalo unos puntos en todas partes y observa cómo reaccionan los usuarios. Te sorprenderías.
No: elija un tamaño de fuente demasiado pequeño o demasiado grande para su usabilidad.
¡No te excedas! Un tamaño de fuente demasiado pequeño imposibilita la lectura, pero una fuente demasiado grande también es perjudicial. Las fuentes grandes deben limitarse a títulos y encabezados o usarse en imágenes e infografías. Evite el uso de fuentes grandes (tamaño 20 o más) – en texto normal; resulta difícil leer más de un párrafo sin desplazarse, y a los usuarios no les gusta desplazarse si aún no están interesados.
Sí: utilice CSS para aplicar colores y formato al texto para que se destaque.
Si estás intentando agregar color y formato a tu texto, usa atributos CSS. Es bastante fácil agregar un color que se aplique a cada etiqueta H1 que utilice, por ejemplo. Puedes crear fácilmente diferentes títulos, diferentes estilos y diferentes formatos para diferentes tipos de texto con CSS. También es más limpio y fácil de leer (y cambiar más tarde) que agregar códigos al HTML de su página.
No hagas que tu texto parezca una carpa de circo con media docena de colores y tamaños.
En los días de Geocities e Internet de 1995, era bastante común ver páginas con fondos brillantes, gráficos llamativos y formato de texto con una de cada tres palabras resaltada en mayor tamaño, color y cursiva, negrita y subrayado. En la Internet actual, simplemente hace que su sitio parezca spam. Ya nadie usa estas técnicas; No te molestes en probar un formato tan extraño.
Hacer: usar
y Etiquetas de usabilidad y SEO.
Cuando quieras crear un encabezado o subtítulo en tu contenido, tienes dos opciones. Puede agregar atributos al texto para aumentar el tamaño de la fuente, ponerla en negrita y agregar color. O puedes usar una etiqueta H1 para convertirlo en un encabezado. ¿No te gusta el formato del título? Cámbielo con CSS. El beneficio aquí es en realidad para el SEO; Google analiza las etiquetas de título donde ignora los colores y tamaños de fuente.
No: utilice atributos puros de tamaño y color para crear títulos y subtítulos.
Exactamente por el motivo anterior; Google ignora el color y el tamaño de la fuente en todos los casos, excepto en los más extremos. Sin embargo, en realidad analizará H1 y otras etiquetas de formato para enfatizar la legibilidad.
Sí: seleccione familias de fuentes estándar.
Una familia tipográfica es un grupo de fuentes con características similares, por lo que si el usuario no tiene ninguna, el navegador sabe cuáles elegir. El uso de una familia de fuentes estándar (serif, sans serif o lo que sea) garantiza que su página se vea más o menos como usted desea.
No: elija fuentes que sus usuarios probablemente no hayan instalado.
Si elige una fuente personalizada, asegúrese de que sea una fuente que tengan los usuarios. Es decir, asegúrese de que esté empaquetado con los sistemas operativos comunes. Si el usuario no tiene una, el navegador utilizará de forma predeterminada una fuente base, lo que puede hacer que su sitio se vea muy diferente.