¿Qué es el diseño web SEO fiendly?

Un diseño web amigable con SEO, es la mejor manera de asegurar que el usuario tenga una mejor experiencia de navegación y a la larga, esto representa mejores resultados en nuestro proyecto.

Por mucho tiempo, hemos oído la palabra “Friendly” en muchos ámbitos. Tiendas “dog Friendly”, fábricas “eco Friendly” o muchas otras.

A pesar de que esta connotación nos pueda parecer como un elemento más de atracción de público, el hecho cierto es, que denota una filosofía de negocios más profunda.

El anglicismo Friendly, traducido al español como “amigable”, conlleva un enfoque comercial, filosófico e integral de todas las acciones de una empresa o en nuestro caso, un diseño web.

Diseño web: un elemento del SEO #

El SEO, como ya hemos visto en artículos como ¿Qué es el SEO? Es la optimización de un contenido destinado a posicionar a una web dentro de los motores de búsqueda.

Dentro del desarrollo SEO de una web, intervienen varios elementos:

diseño web
  • Definición del perfil de usuario o construcción del buyer persona
  • Uso, análisis y optimización de keywords de diferentes extensiones o “tails”.
  • Creación de contenido optimizado y enfocado a satisfacer la búsqueda de palabras clave.
  • Estructura del contenido web con miras a alcanzar: relevancia, utilidad y autoridad dentro del resto de webs.
  • Creación de un esquema de navegación sencillo, estructurado, maquetado y de fácil lectura.
  • Interconexión con el resto de la web mediante la generación de enlaces internos y externos.
  • Interconectividad con redes sociales, email u otro modo de compartir contenidos web.

En este sentido, todos los elementos que intervienen en una página web deben tener una correcta orientación hacia la optimización dentro de los motores de búsqueda.

Varios elementos se conjugan dentro de un diseño web amigable con SEO, veamos en este artículo, los principales elementos.

Diseño web: Optimización SEO #

Varios elementos del diseño web, deben estar orientados a buscar una mejor eficiencia de los resultados de los motores de búsqueda.

Los algoritmos usados por los motores de búsqueda premian con las primeras posiciones a aquellas páginas que tienen un mejor diseño SEO.

Las mejores experiencias del usuario (UX), la mayor relevancia, autoridad y navegación, influyen de manera positiva.

Es por ello, que debemos tomar en consideración los siguientes elementos a la hora de planificar el diseño de nuestra web.

Keywords #

Nuestra página, debe estar óptimamente ligada a una o varias keywords. 

diseño web

Cuando un usuario ingresa a un motor de búsqueda como Google, la primera acción que ejecuta es la introducción en la casilla de entrada de un patrón.

Este patrón está expresado en palabras que se expresan y clasifican como keywords o palabras clave, de varias maneras:

  • Corta o de cola corta: son, generalmente, frases o palabras individuales. Por ejemplo, “Casa”.
  • Media o de cola media: Por lo general se componen de 2 o 3 palabras que no conforman una oración. “Casas dos plantas”, puede ser un buen ejemplo. Estas palabras sin un orden sintáctico o gramaticalmente correctas, son muy comunes en las keywords de cola media.
  • Largas o de cola larga: Pueden ser oraciones completamente formadas, preguntas o frases con sentido gramatical. Por ejemplo: “Como comprar casas de dos plantas en Barcelona”. 

Las palabras clave de cola larga, expresan una especificidad que puede representar una derivación directa hacia nuestra web.

Una particularidad de la keywords, es que a medida que las colas sean más largas, el universo de resultados es menor, expresado en menos SERPs y menos páginas candidatas.

Por ejemplo, si introducimos en Google las mismas palabras claves de nuestro ejemplo, nos encontraremos los siguientes resultados:

  • Casa: 5.260.000.000 resultados
  • Casas dos plantas: 214.000.000 resultados
  • Cómo comprar casas de dos plantas en Barcelona: 122.000.000 resultados.

Por lo tanto, a medida que la palabra clave sea más larga o específica, podemos llegar a un refinamiento mayor de las búsquedas.

Dependiendo del objetivo de nuestra web, lo específico de nuestras palabras clave asociadas, puede ser un factor provechoso en el SEO.

URLs #

URL es un acrónimo para el vocablo inglés Uniform Resource Locator, es decir, Localizador de Recursos Uniforme.

Esta denominación se estableció para clasificar los hipervínculos a páginas en la www (World Wide Web), como una forma de ubicar estos archivos en la red global.

En términos cristianos, una URL es la dirección exacta de nuestra página en el entramado global de páginas web.

No existen dos URLs iguales, pues es un identificador equivalente a nuestro nombre o DNI.

El formato usado por casi la totalidad de páginas web en el mundo, se estructura de la siguiente manera:

http1://subdominio2.dominio3.com4/carpeta5/pagina6/#enlace-seccion-interna-pagina-20217

en donde:

 

1- Protocolo

2- Subdominio

3- Dominio

4- TLD

5- Directorio

6- Página

7- Enlace sección interna

 

Ahora bien, ¿Cómo influye esto en el diseño WEB, SEO Friendly?

La URL, es un factor muy importante en el diseño web, pues determina la facilidad de ingresar directamente o a través del buscador de manera fácil y directa.

Una URL amigable para SEO, debe:

  • Contener en la medida de lo posible la palabra clave
  • Mientras más corta mejor
  • Palabras separadas por guiones
  • En el idioma del usuario
  • Sin caracteres “extraños” o números irrelevantes
  • Evitar los parámetros

Maquetación de contenido escrito en el diseño web #

Como parte de un diseño web SEO friendly, el contenido escrito que se introduce debe tener una maquetación, es decir, una estructura física que siga ciertos parámetros.

  • Título: El título de un artículo de una web, debe:
    • En H1 o Título 1
    • Contener la palabra clave
    • Con coherencia gramatical y de sintaxis
    • Evitar el uso de caracteres especiales
    • Usar fuentes sin serif 
    • Extensión entre los 50 y 70 caracteres como tamaño óptimo
    • Puede estar seguido de un subtitulo como complemento
  • Introducción: El artículo debe tener una introducción que ocupe más o menos un párrafo corto y en el que se haga un breve prefacio del resto del artículo.
  • Subtítulos: Cada sección debe comenzar con un subtitulo en H2 y su contenido no debe superar las 300 palabras. Lo mismo aplica con los titulares internos que pueden ir desde un título 3 hasta un título 6.
  • Uso de negritas: Las palabras en negritas, se usan para resaltar una palabra o frase del texto. Es un modo ideal de favorecer la lectura diagonal y veloz.
  • Cursivas: Las cursivas se utilizan del mismo modo que señala la RAE, como énfasis o como una señal de que la palabra es un neologismo, jerga, argot u otra forma anormal del idioma. 
  • Bullet points o viñetas: Las viñetas, son una manera de hacer descripciones o listas de características complementarias. 
  • Numeración: Las listas numeradas, deben usarse en aquellos textos que requieran la descripción escalonada o secuencial de procesos.
  • Oraciones o frases: Además de seguir las reglas gramaticales, no deberían superar las 25 palabras, separadas por puntos.

Enlaces internos #

Cada contenido, debe tener al menos, un enlace que redirija al lector hacia otra sección de la web.

Estos enlaces deben hacerse de manera sencilla y relativa al texto que se está desarrollando a modo de complemento o continuación.

Es decir, el enlace interno, debe tener una coherencia y una relevancia. Además, puede ser una estrategia fenomenal como una llamada a la acción.

Aunque es muy usado, las frases “pincha aquí” o “has clic aquí”, son extremadamente obvias y comunes, debemos tratar en lo posible de hacer estos enlaces de manera elegante y amena para el lector.

Meta descripción #

Cuando vemos el resultado en un buscador, podemos ver un pequeño extracto o un resumen del contenido de la página.

Esta descripción debe ser corta, de más o menos 150 caracteres y describir de forma concisa, lo que va a encontrar el lector dentro de la página.

Debemos recordar que la meta descripción, es una oportunidad dorada para atraer o ahuyentar al usuario, debemos aprovechar para hacer una descripción poderosa y muy atractiva.

Además, debe contener, la palabra clave, tener sentido gramatical y sintáctico.

Diseño web: Imágenes para SEO #

Dentro del diseño web amigable con SEO, las imágenes y recursos audiovisuales, deben tener una importancia cardinal.

Además de enriquecer estéticamente un texto, una imagen, puede utilizarse como un complemento descriptivo, un resumen de una explicación o como un elemento de credibilidad de alto valor.

Existe una clasificación menos utilizada pero igual de importante, que es la clasificación en las SERP de imágenes. En esta clasificación, las imágenes orientadas a SEO juegan un papel diferenciador.

pexels photo 3584951

Hay 5 técnicas infalibles a la hora de insertar imágenes dentro de un contenido web.

Relevantes al texto #

Las imágenes, deben servir como un complemento gráfico al texto. Su relevancia con el texto ayudará a describir, completar y graficar el texto escrito.

Debemos tener presente que muchos usuarios practican una lectura veloz antes de adentrarse en un texto y como reza el dicho “una imagen, vale más que mil palabras”.

Descripción de Imágenes #

Cuando introducimos una palabra clave en un buscador, este nos refleja una serie de resultados en:

  • Páginas
  • Imágenes
  • Vídeos
  • Noticias
  • Shopping
  • Maps
  • Otras relativas a la búsqueda

Por lo tanto, cada vez que insertemos una imágen dentro de nuestra página, debemos acompañarla de una descripción o un texto alternativo, que contenga la palabra clave y tenga relevancia con el contenido.

Una clave en la descripción de imágenes es evitar el uso de caracteres especiales (#,@,ñ,€,%, etc) y trata de introducir una frase que englobe el significado de la imagen y a la vez contenga la keyword.

Tamaño #

Las imágenes muy grandes, ocupan mucho espacio y restan importancia al texto. Recuerda que la imagen, es un complemento del texto. A menos que ésta sea parte de una infografía que explica un tema de manera más cómoda y eficaz.

Lo mismo sucede con las imágenes muy pequeñas, pierden nitidez e importancia, pues se “diluyen” en el texto.

Otro factor importante, es reducir o ampliar el tamaño de una imagen desde su editor. Si lo hacemos con el cursor del ratón, podemos perder la proporcionalidad y al mismo tiempo, claridad.

Peso #

Una imagen, tiene un peso dentro del contexto global del artículo. De hecho, el peso de una sola imagen puede ser hasta 10 veces superior al texto total.

Por lo tanto, un buen consejo, puede ser el utilizar herramientas de compresión de archivos.

Hay muchas versiones gratuitas y que realizan el comprimido de forma virtual, en pocos segundos. Pueden reducir el peso de un archivo de imágenes, hasta un 90% menos de su peso original. 

vista superior mujer que limpia computadora portatil pano 23

Algunas de estas herramientas gratuitas son:

El peso de una imagen puede afectar seriamente la velocidad de carga de tu web y por lo tanto calificarte negativamente a nivel SEO.

Además, que no contribuirás en lo absoluto con la experiencia del usuario, siendo un “disparo en el pie” para tu proyecto de diseño web.

Diseño web con Imágenes originales #

¿No te ha pasado que ves la misma imagen en decenas de sitios web? Muchos usuarios no consideran importante a las imágenes y solo lo ven como un relleno.

Por lo tanto, no toman el esfuerzo necesario para conseguir una imagen original, atractiva y coherente con el texto.

Existen muchos bancos de imágenes, gratuitos y con infinidades de opciones. Muchos de estos sitios, son colaborativos y tienen, prácticamente una imagen para cada búsqueda.

concepto plagio ilustrado persona que trabaja ladron 23 2148392539

Algunos de los bancos de imágenes más destacados son:

  • Freepik.es
  • Adobe Stock
  • Pinterest
  • Ingimage
  • Pexels

Por supuesto, NUNCA uses imágenes protegidas por derechos de autor. Esto puede traerte serios problemas legales y que tu página pueda ser denunciada ante los motores de búsqueda.

Hay cientos de miles de imágenes gratuitas y libres de derechos de autor. Toma el tiempo necesario para conseguir aquella que mejor se adapte a tus requerimientos.

Evidentemente, la selección de colores, símbolos, tono de comunicación y el resto de tu diseño web, debe ir acompasada con:

  • Filosofía de tu negocio
  • Idiosincrasia geográfica, etaria o demográfica de tu audiencia
  • Naturaleza del producto o servicio
  • Tono del mensaje general

Asimismo, el diseño y el mensaje deben tener una cierta coherencia.

Por último, cada diseño web, debe ser un reflejo de la empresa o el servicio que ofrece, pero debe gustarte y llenarte de satisfacción.

La mejor decisión siempre está en delegar el diseño web amigable con SEO a los mejores profesionales. Podrás tener la seguridad que buscarán las mejores alternativas de contenido, diseño y herramientas para hacer triunfar tu proyecto. 

Funciona con BetterDocs