¿Necesito diseñar con SEO en mente? Una guía para diseñadores

Probablemente estés cansado de escucharlo, pero la optimización del motor de búsqueda es importante. Puede dictar e influenciar quién visita un sitio, y cuántas personas logran ver su hermoso diseño.

Debería formar parte del proceso de diseño desde las etapas de planificación hacia adelante. Entonces, diseñadores, desenchufe sus oídos y conviértase en una prioridad para aprender cómo puede comenzar a pensar en SEO en el proceso de diseño. Vamos a profundizar en el tema un poco más hoy.

Conceptos básicos de SEO

La optimización de motores de búsqueda, comúnmente conocida como SEO, es el proceso de obtener tráfico a un sitio web de los motores de búsqueda. Google es el principal motor de SEO debido a su popularidad, pero sitios como Bing, AOL y Ask también son importantes.

La optimización de motores de búsqueda es gratuita. No es lo mismo que comprar anuncios que aparecen en sitios web de búsqueda, aunque la búsqueda pagada puede aumentar la visibilidad de un sitio. Se basa en gran medida en la estructura general de un sitio y las palabras clave ubicadas en la copia y en la arquitectura de diseño.

Entonces, ¿qué contribuye al SEO? Hay una gran cantidad de artículos y estos cambios se actualizan con cada nueva versión de Google y otros sitios de búsqueda. (Has oído hablar de Panda y Penguin, ¿verdad?) Los factores de SEO contribuyentes se dividen en dos categorías: SEO en el sitio y fuera del sitio.

Ranking SEO en el sitio los factores incluyen su contenido (calidad, palabras, participación y popularidad), HTML (títulos, descripciones y encabezados) y arquitectura (tiempos de carga y velocidad de su sitio, capacidad de rastreo y URL).

Clasificación SEO fuera del sitio los factores incluyen enlaces de otros sitios, menciones en redes sociales, honestidad web y datos demográficos básicos (ubicación - país y ciudad, historia y opiniones de los usuarios del sitio).

¿Por qué los diseñadores deberían preocuparse por el SEO?

Una vez que un sitio se registra en los motores de búsqueda, envían información para ver qué hay en un sitio. Aquí es donde el SEO es de vital importancia para los diseñadores. Los rastreos determinan cuál es el contenido, su? Valor? y cómo mostrarlo en los resultados de búsqueda. Desea hacer todo lo posible para llevar su sitio a la cima de estas listas porque cuanto más alto sea el sitio en los resultados de búsqueda, más exposición recibirá (¡y más felices serán sus clientes!)

Consideraciones de diseño

La mejor manera de aprovechar al máximo el SEO para cualquier sitio es comenzar a pensar en ello en el proceso de diseño. Y realmente comienza con una simple conversación y un plan de acción. Aquí hay cinco maneras clave en que los diseñadores pueden involucrarse con el SEO para ayudar a mejorar un sitio desde cero:

1. Contenido y texto

Después de decidir el propósito y los objetivos de su proyecto, describa algunas palabras clave que usaría para describir el contenido de su sitio. Design Shack, por ejemplo, usaría palabras clave como "diseño", "tutorial", "diseño web", "negocio", "css", "HTML", "tipografía" y "diseño".

Es importante que use sus palabras clave y frases similares con frecuencia y en el contexto adecuado en todo el sitio. Las palabras clave se deben utilizar en el texto del cuerpo, encabezados, titulares, metadatos y enlaces. La orientación por palabra clave es importante en cada página de un sitio, pero es especialmente importante en la página de inicio; debe servir como una puerta de entrada y un resumen del resto del contenido del sitio.

Mira tu redacción cuando se trata de enlaces. ¿Con qué frecuencia ves con palabras? Haz clic aquí? o? ver mas? para un enlace? Manténgase alejado de estos términos. Las palabras utilizadas para un enlace deben describir el enlace en sí. Busque frases que le indiquen dónde llevará el enlace a los usuarios o qué información viene después del clic.

Una cosa a tener en cuenta es el relleno intencional de las palabras clave. Si llena el sitio con palabras clave por el simple hecho de usarlas y no se relacionan con el contenido, los motores de búsqueda lo atraparán y esto tendrá un impacto negativo en su SEO. Es importante mantener la honestidad en el contenido.

2. Imágenes

Lo que ven los usuarios y lo que ven los motores de búsqueda cuando se trata de imágenes son muy diferentes. Los motores de búsqueda solo pueden ver las palabras, no las imágenes reales. Debido a esto, es importante usar las etiquetas alt sabiamente cuando se trata de cada imagen en su sitio. Cada visual debe incluir una descripción correspondiente (que idealmente contiene una palabra clave de dos). Evitar las etiquetas alt que leen? Captura de pantalla? o? imagen.? Las imágenes con las mejores descripciones son aquellas que tienden a aparecer en las búsquedas de imágenes de Google.

Las imágenes con contenido expandible también son una excelente opción para proporcionar más a los rastreadores de motores de búsqueda. Considere agregar estados de mouse-over para imágenes o un div ampliable para un marco de imágenes múltiples con descripciones completas de imágenes. Esto es importante para todas las imágenes, logotipos y llamadas a la acción visuales en el sitio.

¿Otra pequeña pepita importante de información? Diseñe banners y otros gráficos utilizando webfonts, HTML y CSS cuando sea posible. (Y cuando no lo es, trate estos elementos como imágenes con descripciones completas). Al crear piezas que utilizan HTML estándar, con marcas para el tipo de cuerpo, H1 y negrita, etc., los motores de búsqueda pueden leerlos mejor.

Las imágenes deben optimizarse para la web antes de que se guarden y carguen como medios para el sitio web. Las imágenes que se guardan en un tamaño demasiado grande harán que se retrasen al cargar y dañarán la velocidad de carga de la página. Los usuarios harán clic para alejar (y es posible que no vuelvan) si su sitio web se demora o las imágenes tardan en cargarse. Guarde las imágenes a una resolución de 72 ppp y apunte a un tamaño de archivo de entre 30 y 100 kilobytes.

3. HTML y código

Los títulos de las páginas son más que simplemente ayudarlo a categorizar un sitio. También ayudan a los usuarios y motores de búsqueda. Cada página debe incluir un título con una descripción del contenido de la página. Evitar los títulos cutisy; deben ser directos, informativos e incluir una palabra clave.

Lo más importante de este título es que es lo que aparece en los resultados de búsqueda, dando a los usuarios una razón para hacer clic en la página.Mantenga los títulos relativamente cortos también. Piense 55-65 caracteres.

Luego haga coincidir los títulos de la página y los enlaces de navegación: título =? Nombre de la página? href =? enlace? Tener los mismos atributos le dará a tu página un impulso de SEO también.

También agrupar medios en una carpeta con un nombre como "imágenes" o? fotos? para que generen una URL limpia y descriptiva, / images / xxxx.

Piense en su código como parte del diseño de principio a fin. HTML que se puede leer también es HTML que se puede rastrear. El código debe estar estructurado de manera que coincida con el contenido del sitio web; Comience con la navegación y los menús, luego las etiquetas H1, luego el texto del cuerpo. Use las etiquetas como se pretenden y siempre que sea posible: FUERTE (negrita), UL (listas), P (párrafos) y H (encabezados o subtítulos en orden numérico).

La forma en que nombras los archivos también puede ser importante. Incluya información relevante en los nombres de archivos de los elementos cargados y los archivos guardados. Esto se aplica a los documentos, medios y html. Los rastreos de SEO leen los nombres de los archivos como palabras, usan una hipen - no un espacio o un guión bajo - para cambiar de una palabra a otra. Así que el rastreo lee tu información correctamente.

Finalmente, crea URLs con significado. Cada URL debe indicar claramente lo que está en una página. Evita las URL que generan números o letras al azar. La URL de esta página, por ejemplo, es https://designshack.net/articles/do-i-need-to-design-with-seo-in-mind/ en lugar de https://designshack.net/5684- 2354. La URL ayuda al SEO porque coincide con el contenido de la página, contiene palabras clave y es lo suficientemente descriptiva para que cuando los usuarios la vean en otros lugares (quizás en las redes sociales) sepan cuál será el contenido de la página.

4. Mapa del sitio

Crea un mapa del sitio y hazlo en vivo en cada sitio web que construyas. (Un mapa del sitio es un archivo xml que describe la estructura de su sitio web).

Cree uno y asegúrese de que se envíe a Google. Además, a los usuarios les gustan también si tienen dificultades para encontrar cosas en su sitio.

5. Vinculación y redes sociales.

A veces, algunos de los elementos más importantes en términos de SEO ni siquiera son técnicamente parte de su sitio: a lo que se vincula desde sus páginas y redes sociales y a otros sitios, todos juegan un papel activo en la determinación de la visibilidad.

No solo debe tener cuidado con la forma en que escribe los enlaces en su sitio: use palabras descriptivas, no solo instrucciones para hacer clic, sino también con quién vincula, que los enlaces funcionan y los enlaces se relacionan con su contenido. Los enlaces deben tener valor de contenido y estar relacionados con su mensaje general para obtener el mayor valor. Vincular elementos irrelevantes puede confundir los rastreos en cuanto a lo que realmente es su contenido y perjudicar su SEO general. Y si encuentras un enlace roto, reparalo o elimínalo; Usted no quiere que los indexados por los motores de búsqueda.

Es importante prestar atención a qué y a quién se vincula, los enlaces funcionan y los enlaces se relacionan con su contenido.

Los enlaces de otros sitios web, incluidas las redes sociales, a su sitio deben ser de calidad y confiabilidad. También deben conectarse a palabras clave relevantes en su sitio. Si bien esto puede ser difícil de controlar, puede hacerlo de alguna manera. A saber, no compre enlaces; No proporcionarán valor real. Vincule internamente en su sitio a otras páginas y si tiene sitios múltiples y relacionados, vincule entre ellos. El verdadero valor de los enlaces de redes sociales se debate constantemente, pero proporciona un impulso y algunos analistas de SEO dicen que usar Google+ debido a su conexión con el gigante de los motores de búsqueda ayuda aún más.

Herramientas SEO

Aquí hay una colección rápida de herramientas de SEO que quizás quieras explorar más a fondo:

  • Herramientas para webmasters de Google
  • Bing Webmaster Tools
  • Rango de página
  • Popularidad de enlaces
  • Posición del motor de búsqueda
  • Prueba de velocidad del sitio web

Conclusión

SEO debe ser una parte del proceso de pensamiento y flujo de trabajo de cada diseñador. Desarrollar buenos hábitos desde el inicio de cada proyecto es más fácil y más eficiente que tratar de hacer que un sitio sea amigable con SEO después de su lanzamiento.

¿Hay muchos más? ¿Trucos? por ahí también. Pero ten cuidado con las cosas que suenan demasiado perfectas o fáciles. Puede llevar algún tiempo hasta que los mejores sitios aumenten a través de los rangos de Google. El relleno de palabras clave y los trucos y accesos directos de SEO son solo arreglos temporales.

Lo mejor que puede hacer en términos de optimización de motores de búsqueda es crear y desarrollar un gran sitio web con excelente contenido. Y no se pierde nada si diseña una arquitectura que facilite la búsqueda de rastreo por parte del motor de búsqueda.

Fuentes de imagen: Tagxedo y bennylin0724.