Cosas que los diseñadores deben saber sobre SEO en 2018

Publicado: 2022-03-10
Resumen rápido ↬ Los motores de búsqueda han evolucionado a pasos agigantados en los últimos años. Este año, hay una serie de cosas que deben tenerse en cuenta con respecto al SEO. Este artículo tiene como objetivo proporcionar toda la información que necesita saber.

El diseño tiene un gran impacto en la visibilidad del contenido, al igual que el SEO. Sin embargo, hay algunos conceptos clave de SEO que los expertos en el campo luchan por comunicar claramente a los diseñadores. Esto puede crear fricción y la impresión de que la mayoría de los sitios web bien diseñados están muy mal optimizados para SEO.

Aquí hay una descripción general de lo que cubriremos en este artículo:

  • Diseñe los dispositivos móviles primero para Google,
  • Contenido estructurado para visibilidad orgánica,
  • Centrarse en la intención del usuario (no en las palabras clave),
  • Envíe las señales correctas con enlaces internos,
  • Un curso intensivo sobre SEO de imágenes,
  • Penalizaciones por ventanas emergentes,
  • Dilo como lo dices en serio: búsqueda por voz y asistentes.

Diseñe Mobile First para Google

Este año, Google planea indexar los sitios web para dispositivos móviles primero:

Nuestros algoritmos eventualmente utilizarán principalmente la versión móvil del contenido de un sitio para clasificar las páginas de ese sitio, comprender los datos estructurados y mostrar fragmentos de esas páginas en nuestros resultados.

Entonces, ¿cómo afecta esto a los sitios web en términos de diseño?

Bueno, significa que su sitio web debe ser receptivo. El diseño receptivo no se trata de hacer que los elementos encajen en varias pantallas. Se trata de la usabilidad. Esto requiere cambiar su forma de pensar hacia el diseño de una experiencia consistente y de alta calidad en múltiples dispositivos.

¡Más después del salto! Continúe leyendo a continuación ↓

Aquí hay algunas cosas que los usuarios se preocupan cuando se trata de un sitio web:

  • Textos e imágenes flexibles .
    Las personas deberían poder ver imágenes y leer textos. A nadie le gusta mirar píxeles con la esperanza de que se transformen en algo legible o en una imagen.
  • Puntos de interrupción definidos para cambios de diseño (puede hacerlo a través de consultas de medios CSS).
  • Poder utilizar tu web en todos los dispositivos .
    Esto puede significar poder usar su sitio web en modo vertical u horizontal sin perder la mitad de las funciones o tener botones que no funcionan.
  • Una cuadrícula de sitio fluida que tiene como objetivo mantener las proporciones .

No entraremos en detalles sobre cómo crear un sitio web receptivo notable, ya que este no es el tema principal. Sin embargo, si desea profundizar en este fascinante tema, ¿puedo recomendarle un Smashing Book 5?

¿Necesita una imagen concreta que lo ayude a comprender por qué debe pensar en el lado móvil de las cosas desde el principio? Stephanie Walter proporcionó una excelente imagen para transmitir el mensaje:

Vista previa grande

Creación de contenido para pantallas más pequeñas

Su contenido debe ser tan receptivo como su diseño. El primer paso para hacer que el contenido responda a sus usuarios es comprender el comportamiento y las preferencias de los usuarios.

  • El contenido debe ser tan fascinante que los usuarios se desplacen para leer más;
  • Deja de pensar en términos de texto. Los gifs animados, los videos y las infografías son tipos de contenido muy útiles que son muy compatibles con dispositivos móviles;
  • Mantenga sus titulares breves y atractivos. Debe convencer a los visitantes de que hagan clic en un artículo, y un muro de texto no lo logrará;
  • Diferentes dispositivos a veces pueden significar diferentes expectativas o diferentes necesidades del usuario. Su contenido debe reflejar eso.

Consejo de SEO con respecto al diseño receptivo:

  • Google ofrece una herramienta de prueba compatible con dispositivos móviles. Sin embargo, tenga cuidado: esta herramienta lo ayuda a cumplir con los estándares de diseño de Google, pero eso no significa que su sitio web esté perfectamente optimizado para una experiencia móvil.
  • Pruebe cómo el bot de Google ve su sitio web con la función "Obtener y renderizar" en Google Search Console. Puede probar formatos de escritorio y móviles para ver cómo un usuario humano y el bot de Google verán su sitio.
En la barra de navegación de la izquierda, haga clic en "rastrear" y luego en "buscar como Google". Puede comparar las imágenes renderizadas para detectar problemas entre las pantallas del usuario y del bot. (Vista previa grande)

Recursos:

  • “Preparación de su sitio para la indexación móvil primero”, Gary Illyes, Webmaster Central Blog
  • “Búsqueda en 2018: qué esperar”, Michelle Polk, UpBuild
  • "Primera indexación móvil en 2018: 3 cosas que los profesionales de SEO deben hacer ahora mismo", Pius Boachie, Search Engine Watch

Esquema de rastreo de Google: hacer que el bot sea más inteligente

Los motores de búsqueda rastrean un sitio web de cierta manera. A eso lo llamamos un "esquema de rastreo". Google ha anunciado que retirará su antiguo esquema de rastreo AJAX en el segundo trimestre de 2018. El nuevo esquema de rastreo ha evolucionado bastante: puede manejar AJAX y JavaScript de forma nativa. Esto significa que el bot puede "ver" más de su contenido que puede haber estado oculto detrás de algún código antes del nuevo esquema de rastreo.

Por ejemplo, la nueva indexación móvil de Google ajustará el impacto del contenido oculto en las pestañas (con JavaScript). Antes de este cambio, la mejor práctica era evitar el contenido oculto a toda costa, ya que no era tan efectivo para el SEO (era demasiado difícil de rastrear para el bot en algunos casos o Google le daba menos importancia en otros).

Estructura de contenido para visibilidad orgánica

Los expertos en SEO piensan en la organización de la página en términos accesibles para un robot de motor de búsqueda. Esto significa que observamos el diseño de una página para establecer rápidamente qué es una etiqueta H1, H2 y H3. La organización del contenido debe ser significativa. Esto significa que debería actuar como un camino que el bot puede seguir. Si todo esto le suena familiar, puede deberse al hecho de que la jerarquía de contenido también se utiliza para mejorar la accesibilidad. Existen algunas ligeras diferencias entre cómo el SEO y la accesibilidad usan las etiquetas H:

  • El SEO se centra en las etiquetas H1 a H3, mientras que la accesibilidad utiliza todas las etiquetas H (H1 a H6).
  • Los expertos en SEO recomiendan usar una sola etiqueta H1 por página, mientras que la accesibilidad maneja varias etiquetas H1 por página. Aunque Google ha dicho en el pasado que acepta múltiples etiquetas H1 en una página, años de experiencia han demostrado que una sola etiqueta H1 es mejor para ayudarlo a clasificar.

Los expertos en SEO investigan la estructura del contenido al mostrar los encabezados en una página. Puede realizar el mismo tipo de verificación rápidamente utilizando la extensión de la barra de herramientas para desarrolladores web (disponible en Chrome y Firefox) de Chris Pederick. Si ingresa a la sección de información y hace clic en "Ver esquema del documento", se abrirá una pestaña con la jerarquía de contenido en su navegador.

Vista previa grande

Entonces, si se dirige a The Design School Guide To Visual Hierarchy, verá una página, y si abre la pestaña de jerarquía de documentos, verá algo bastante diferente.

Vista previa grande
Vista previa grande

Bonificación: si la estructura del contenido de sus páginas es fácil de entender y está orientada a las consultas comunes de los usuarios, entonces Google puede mostrarlo en la "posición cero" (un resultado que muestra un fragmento de contenido sobre los primeros resultados).

Puede ver cómo esto puede ayudarlo a aumentar su visibilidad general en las páginas de resultados del motor de búsqueda a continuación:

Ejemplo de posición cero cortesía de Google.com. (Vista previa grande)

Consejo de SEO para obtener la jerarquía de contenido correcta

La jerarquía de contenido no debe incluir barras laterales, encabezados o pies de página. ¿Por qué? Porque si estamos hablando de una receta de chocolate y lo primero que le presenta al robot es el contenido de su barra lateral que promociona un formulario de suscripción para su boletín informativo, no está a la altura de las expectativas del usuario (pista: a menos que la suscripción al boletín prometa un trozo de pastel de chocolate para la cena, estás a punto de tener usuarios muy decepcionados).

Si volvemos a la página de Canva, puede ver que los "artículos relacionados" y otras etiquetas H no deben formar parte de la jerarquía de contenido de esta página, ya que no reflejan el contenido de esta página específica. Aunque los estándares HTML5 recomiendan usar etiquetas H para barras laterales, encabezados y pies de página, no es muy compatible con SEO.

Cambios en la cantidad de contenido: el contenido de formato largo está en aumento

Crear contenido insignia es importante para clasificar en Google. En términos de redacción publicitaria, este tipo de contenido suele formar parte de una página fundamental. Puede tomar la forma de un tutorial, una página de preguntas frecuentes, pero el contenido fundamental es la base de un sitio web bien clasificado. Como tal, es un activo preciado para el inbound marketing para atraer visitas, backlinks y posicionar una marca en un nicho.

En los viejos tiempos, las páginas de 400 palabras se consideraban contenido de "formato largo" para clasificar en Google. Hoy en día, el contenido de formato largo que tiene 1000, 2000 o incluso 3000 palabras supera con frecuencia al contenido de formato corto. Esto significa que debe comenzar a planificar y diseñar para que el contenido de formato largo sea atractivo y desplazable. Las interacciones de diseño deben ser estéticamente agradables y crear una experiencia consistente incluso para contenido gigantesco como páginas fundamentales. El contenido de formato largo es una excelente manera de crear una experiencia inmersiva y atractiva.

Un gran ejemplo del poder del contenido de formato largo vinculado con la intención de búsqueda del usuario es el artículo sobre anuncios intersticiales intrusivos en Smashing. La mayoría de los usuarios llamarán a los intersticiales "ventanas emergentes" porque así es como muchos de nosotros pensamos en estas cosas. En este caso, en Google.com, el artículo se clasifica justo después de las pautas oficiales de Google (y tiene sentido que Google debería ser el número 1 en su propia consulta de marca), pero la revista Smashing se muestra como un fragmento de texto de "posición 0" en la consulta "Directrices emergentes de Google" en Google.com.. Search Engine Land, un blog de SEO de alta calidad que es un pilar de la comunidad está clasificado después de Smashing (que resulta ser más un blog de diseño que uno de SEO) .

Por supuesto, estos resultados cambian constantemente gracias al aprendizaje automático, los datos de ubicación, el idioma y muchos otros factores de clasificación. Sin embargo, es un buen indicador de que la intención del usuario y el contenido de formato largo son una excelente manera de obtener visibilidad acumulada de su público objetivo.

Vista previa grande

Si desea obtener más información, puede consultar un artículo basado en datos de Neil Patel sobre el tema "Por qué las publicaciones de blog de más de 3000 palabras obtienen más tráfico (una respuesta basada en datos)".

Recursos:

  • “Cómo crear contenido fundamental que a Google le encante”, Brian Clark, Copyblogger
  • “Cómo diseñar para contenido de formato largo”, Carrie Cousins, Design Shack

Consejos para diseñar contenido de formato largo

Aquí hay algunos consejos para ayudarlo a diseñar para contenido de formato largo:

  • El espaciado es crucial .
    Los espacios en blanco ayudan a que el ojo humano pueda escanear mejor el contenido.
  • Pistas visuales para ayudar a la navegación .
    Fomente la acción del usuario sin restar importancia a la historia que se cuenta.
  • Mejore el contenido con ilustraciones o animaciones de video para mantener la participación del usuario.
  • La tipografía es una excelente manera de romper la monotonía del texto y mantener el flujo visual de una página.
  • El desplazamiento intuitivo ayuda a que el proceso de desplazamiento se sienta fluido. Proporcione siempre una ruta de navegación clara a través de la información.
  • Proporcione hitos .
    Los indicadores de tiempo son excelentes para dar a los lectores un sentido de logro mientras leen el contenido.

Recursos:

  • "Google confirmado de nuevo: el contenido oculto en las pestañas con el primer índice móvil está bien", Barry Schwartz, mesa redonda de motores de búsqueda
  • "Diseñando experiencias de lectura de formato largo atractivas y agradables", Martha Rotter, Smashing Magazine

La intención del usuario es crucial

Los motores de búsqueda han evolucionado a pasos agigantados en los últimos años. El objetivo de Google siempre ha sido que su bot imite el comportamiento humano para ayudar a evaluar los sitios web. Esto significa que la optimización de motores de búsqueda se ha movido más allá de las "palabras clave" y busca comprender la intención detrás de la consulta de búsqueda que un usuario escribe en Google.

Por ejemplo, si trabaja para optimizar el contenido de una aplicación bancaria de Android y realiza una investigación de palabras clave, verá que a menudo las palabras "iPad gratis" aparecen en América del Norte. Esto no tiene sentido hasta que te das cuenta de que la mayoría de los bancos solían realizar promociones que ofrecían iPads gratis por cada nueva cuenta abierta. A la luz de esto, sabemos que usar “iPad gratis” como palabra clave para una aplicación de Android utilizada por un banco que no está realizando este tipo de promoción no es una buena idea.

La intención del usuario es importante a menos que desee clasificarse en términos que le brindarán tráfico no calificado. ¿Significa esto que la investigación de palabras clave ahora es inútil? ¡Por supuesto que no! Simplemente significa que la forma en que abordamos la investigación de palabras clave ahora está impregnada de un enfoque compatible con UX.

Investigación de la intención del usuario

La experiencia del usuario es fundamental para el SEO. También nos enfocamos en la intención del usuario. Las consultas de búsqueda que hace un usuario nos brindan información valiosa sobre cómo piensan las personas sobre el contenido, los productos y los servicios. Investigar la intención del usuario puede ayudar a descubrir las esperanzas, los problemas y los deseos de sus usuarios. Google aborda la intención del usuario centrándose en los micromomentos. Los micromomentos se pueden definir como perfiles de intención que buscan información a través de los resultados de búsqueda. Aquí están los cuatro grandes micro-momentos:

  1. Quiero saber.
    Los usuarios quieren información o inspiración en esta etapa. Las consultas suelen ser conversacionales: comienza con un problema. Dado que los usuarios no conocen la solución o, a veces, las palabras para describir su interés, las consultas siempre serán un poco más vagas.
  2. Yo quiero ir.
    ¡Ubicación, ubicación, ubicación! Las consultas que indican una intención local están ganando terreno. No queremos ningún tipo de restaurante; el que importa es el que está más cerca de nosotros/el mejor en nuestra área. Bueno, esto se puede ver en consultas que incluyen "cerca de mí" o una ciudad o barrio específico. La localización es importante para los humanos.
  3. Quiero hacer.
    Las personas también buscan cosas que quieren hacer. Aquí es donde los tutoriales son clave. La publicidad promete una pérdida de peso rápida, pero un emprendedor inteligente debe decirle CÓMO puede perder peso en detalle.
  4. Quiero comprar.
    Los clientes muestran claramente la intención de comprar en línea. Quieren "ofertas" o "reseñas" para tomar su decisión.

Descubrir la intención del usuario

Su UX o estrategia de diseño debe reflejar estas diversas etapas de la intención del usuario. Pequeños ajustes en las palabras que haces pueden marcar una gran diferencia. Entonces, ¿cómo se hace para descubrir la intención del usuario? Le recomendamos que instale Google Search Console para obtener información sobre cómo lo encuentran los usuarios. Esta herramienta gratuita lo ayuda a descubrir algunas de las palabras clave que los usuarios buscan para encontrar su contenido. Veamos dos herramientas que pueden ayudarlo a descubrir o validar la intención del usuario. ¡Lo mejor de todo es que son gratis!

Tendencias de Google

Google Trends es una excelente manera de validar si la popularidad de algo está aumentando, disminuyendo o estable. Proporciona datos localmente y le permite comparar dos consultas para ver cuál es más popular. Esta herramienta es gratuita y de fácil acceso (en comparación con la herramienta Planificador de palabras clave en AdWords que requiere una cuenta y más molestias).

Vista previa grande

Responde al público

Answer The Public es una excelente manera de ver rápidamente lo que la gente está buscando en Google. Mejor aún, puede hacerlo por idioma y obtener una maravillosa imagen de rayos de sol por sus esfuerzos. No es tan preciso como algunas de las herramientas que usan los expertos en SEO, pero tenga en cuenta que no estamos pidiendo a los diseñadores y expertos en UX que se conviertan en gurús de la optimización de motores de búsqueda. Nota: esta herramienta no te proporcionará estadísticas ni datos locales (no te proporcionará datos solo de Inglaterra, por ejemplo). No hay necesidad de un tutorial aquí, ¡simplemente dirígete y pruébalo!

Vista previa grande
Vista previa grande

Herramienta de bonificación: Serpstat "Preguntas de búsqueda"

Divulgación completa, utilizo otras herramientas premium como parte de mi propio kit de herramientas de SEO. Serpstat es un conjunto de herramientas de marketing de contenido premium, pero en realidad es asequible y le permite profundizar mucho más en la intención del usuario. Me ayuda a proporcionarme información que nunca esperé encontrar. Por ejemplo, hace unos meses, me enteré de que muchas personas en América del Norte estaban confundidas acerca de por qué las bañeras dejaban pasar la luz. La respuesta fue fácil para mí; la mayoría de las bañeras están hechas de fibra de vidrio (no de metal como en los viejos tiempos). Resulta que no todo el mundo lo tiene claro y algunos clientes necesitaban tranquilidad en este punto.

Si te diriges a la sección "marketing de contenidos", puedes acceder a "Preguntas". Puede ingresar una palabra clave y ver cómo se usa en varias consultas. Puede exportar los resultados.

Esta herramienta también lo ayudará a espiar los esfuerzos de marketing de contenido de la competencia, determinar en qué consultas se clasifica su sitio web en varios países y cuáles son sus principales páginas de SEO.

Vista previa grande
Vista previa grande

Recursos:

  • "Google renderizará AJAX y dejará de usar el antiguo esquema de rastreo de AJAX", Barry Schwartz, mesa redonda de motores de búsqueda
  • “La psicología de la intención de búsqueda: convertir momentos que importan”, Jim Yu, Search Engine Watch
  • “Defendiendo el amor entre UX y SEO”, Myriam Jessier

Enlace interno: porque todos tenemos nuestras páginas favoritas

Los enlaces que tiene en su sitio web están indicando a los robots de los motores de búsqueda qué páginas encuentra más valiosas que otras en su sitio web. Es una de las principales preocupaciones de los SEO que buscan optimizar los contenidos de un sitio. Una estructura de enlaces internos bien pensada proporciona beneficios de SEO y UX:

  • Los enlaces internos ayudan a organizar el contenido en función de categorías diferentes a las de la navegación normal;
  • Proporciona más formas para que los usuarios interactúen con su sitio web;
  • Muestra a los robots de los motores de búsqueda qué páginas son importantes desde su perspectiva;
  • Proporciona una etiqueta clara para cada enlace y proporciona contexto.

Aquí hay una introducción rápida a los enlaces internos:

  • La página de inicio tiende a ser la página con más autoridad en un sitio web. Como tal, es una gran página para apuntar a otras páginas a las que desea dar un impulso de SEO.
  • Todas las páginas dentro de un enlace de la página de inicio a menudo serán interpretadas por los robots de los motores de búsqueda como importantes.
  • Deje de usar anclas de palabras clave genéricas en su sitio web. Podría parecer spam. "Leer más" y "hacer clic aquí" brindan muy poco contexto tanto para los usuarios como para los bots.
  • Aproveche las barras de navegación, los menús, los pies de página y los enlaces de migas de pan para proporcionar una amplia visibilidad de sus páginas clave.
  • El texto de la CTA también debe ser claro y muy descriptivo para fomentar las conversiones.
  • Favorezca los enlaces en una pieza de contenido: es altamente contextual y tiene más peso que un texto de anclaje genérico o un pie de página o un enlace de la barra lateral que se puede encontrar en todo el sitio web.
  • Según John Mueller de Google: la posición de un enlace en una página es irrelevante. Sin embargo, los SEO tienden a preferir los enlaces más arriba en una página.
  • Es más fácil para los motores de búsqueda "evaluar" los enlaces en el contenido de texto que en los anclajes de imágenes porque, a menudo, las imágenes no vienen con atributos ALT claros y contextuales.

Recurso:

  • “Una guía basada en datos para el texto ancla (y su impacto en el SEO)”, David McSweeney, The Ahrefs Blog

¿Existe una estructura de enlaces perfecta a nivel de sitio web y de página? La respuesta es no. Un sitio web puede tener una estructura de enlaces diferente según su naturaleza (blog, comercio electrónico, publicación, sitio web B2B, etc.) y las opciones de arquitectura de información realizadas (la arquitectura de información puede conducir a una estructura de tipo piramidal, o algo parecido a un nido, un capullo, etc.).

Vista previa grande
Vista previa grande
Vista previa grande

SEO de imágenes

El SEO de imágenes es una parte crucial del SEO de diferentes tipos de sitios web. Los blogs y los sitios web de comercio electrónico dependen en gran medida de elementos visuales para atraer tráfico a su sitio web. El descubrimiento social de contenido y los medios que se pueden comprar aumentan las visitas.

No entraremos en detalles sobre cómo optimizar sus atributos ALT y nombres de archivo, ya que otros artículos hacen un buen trabajo al respecto. Sin embargo, echemos un vistazo a algunos de los principales formatos de imagen que solemos usar en la web (y que Google puede rastrear sin problemas):

  • jpeg
    Ideal para fotografías o diseños con personas, lugares o cosas.
  • PNG
    Mejor para imágenes con fondos transparentes.
  • GIF
    Mejor para GIF animados, de lo contrario, use el formato JPG.
Vista previa grande

Recurso:

  • "Optimización de imágenes", Ilya Grigorik, Web Fundamentals, Google Developers

Cuanto más ligero, mejor: algunos consejos sobre la compresión de imágenes

Google prefiere imágenes más claras. Cuanto más ligero, mejor. Sin embargo, es posible que tenga un problema oculto que lo arrastre hacia abajo: su CMS. Puede cargar una imagen, pero su CMS podría estar creando muchas más. Por ejemplo, WordPress suele crear de 3 a 5 variaciones de cada imagen en diferentes tamaños. Esto significa que las imágenes pueden afectar rápidamente su rendimiento. La mejor manera de lidiar con esto es comprimir sus imágenes.

No confíes en la velocidad de la página de Google (una introducción al algoritmo de compresión rápida)

¿No está seguro de si las imágenes reducen su rendimiento? ¡Tome una página de su sitio web, póngala a través del optimizador en línea y vea cuáles son los resultados! Si planea usar Google Page Speed ​​Insights, debe considerar el hecho de que esta herramienta utiliza un algoritmo específico para analizar sus imágenes. A veces, tus imágenes están perfectamente optimizadas con otro algoritmo que no es detectado por la herramienta de Google. Esto puede conducir a un resultado falso positivo que le indica que optimice las imágenes que ya están optimizadas.

Herramientas que puede usar

Si desea comenzar con la compresión de imágenes, puede hacerlo de tres maneras:

  • Comience a comprimir imágenes en herramientas de edición de fotos (la mayoría de ellas tienen una función de tipo "exportar para la web").
  • Instale un complemento o módulo que sea compatible con su CMS para que haga el trabajo por usted. Shortpixel es bueno para usar en WordPress. Es freemium, por lo que puede optimizar de forma gratuita hasta cierto punto y luego actualizar si necesita comprimir más imágenes. Lo mejor de esto es que mantiene una copia de seguridad en caso de que quieras revertir tus cambios. Puede utilizar un servicio como EWWWW o Short Pixel.
  • Use una API o un script para comprimir imágenes por usted. Kraken.io ofrece una API sólida para hacer el trabajo. Puede utilizar un servicio como Image Optim o Kraken.

Compresión de imagen con pérdida frente a sin pérdida

La compresión de imágenes viene en dos sabores: con pérdida y sin pérdida. No existe una varita mágica para optimizar imágenes. Depende del algoritmo que uses para optimizar cada imagen.

Lossy no significa malo cuando se trata de imágenes. JPEGS y GIFS son formatos de imagen con pérdida que usamos todo el tiempo en línea. A diferencia del código, puede eliminar datos de las imágenes sin dañar todo el archivo. Nuestros ojos pueden tolerar cierta pérdida de datos porque somos sensibles a diferentes colores de diferentes maneras. A menudo, una compresión del 50 % aplicada a una imagen reducirá el tamaño del archivo en un 90 %. Ir más allá no justifica los riesgos de degradación de la imagen, ya que sería perceptible para sus visitantes. Cuando se trata de compresión de imágenes con pérdida, se trata de encontrar un compromiso entre calidad y tamaño.

La compresión de imágenes sin pérdidas se centra en la eliminación de metadatos de archivos JPEG y PNG. Esto significa que tendrá que buscar otras formas de optimizar su tiempo de carga, ya que las imágenes siempre serán más pesadas que las optimizadas con una compresión con pérdida.

Banners con texto en él

¿Alguna vez has abierto Pinterest? Verá una pared de imágenes con texto. La realidad para muchos de nosotros en SEO es que el bot de Google no puede leer todo acerca de cómo "romper la sopa de pollo con fideos" o qué pareja de Disney son más parecidas. Google puede leer nombres de archivos de imágenes y texto ALT de imágenes. Por lo tanto, es crucial pensar en esto al diseñar banners de marketing que incluyan texto. Siempre asegúrese de que el nombre de su archivo de imagen y el atributo ALT de la imagen estén optimizados para darle a Google una pista de lo que está escrito en la imagen. Si es posible, favorezca el contenido de la imagen con una superposición de texto disponible en el código. ¡De esa manera, Google podrá leerlo!

Aquí hay una lista de verificación rápida para ayudarlo a optimizar los atributos ALT de su imagen:

  • Los atributos ALT no deben ser demasiado largos: apunte a 12 palabras o menos.
  • Los atributos ALT deben describir la imagen en sí, no el contenido que la rodea (si su imagen es de una palmera, no la titule "las 10 mejores playas para visitar").
  • Los atributos ALT deben estar en el idioma adecuado. He aquí un ejemplo concreto: si una página está escrita en francés, no proporcione un atributo ALT en inglés para la imagen que contiene.
  • Los atributos ALT se pueden escribir como oraciones regulares. No es necesario separar las palabras con guiones, puedes usar espacios.
  • Los atributos ALT deben ser descriptivos de una manera amigable para los humanos. ¡No están hechos para contener una serie de palabras clave separadas por comas!
Vista previa grande

Lente de Google

Google Lens está disponible en teléfonos Android y se está implementando en iOS. Es una pequeña adición ingeniosa porque puede interpretar muchas imágenes como lo haría un humano. Puede leer texto incrustado en imágenes, puede reconocer puntos de referencia, libros, películas y escanear códigos de barras (¡algo que la mayoría de los humanos no pueden hacer!).

Por supuesto, la tecnología es tan reciente que no podemos esperar que sea perfecta. Algunas cosas deben mejorarse, como la interpretación de las notas garabateadas. Google Lens representa un puente potencial entre el mundo fuera de línea y la experiencia de diseño en línea que creamos. La tecnología de inteligencia artificial y los grandes datos se aprovechan para proporcionar un contexto significativo a las imágenes. En el futuro, tomar una foto de una tienda podría contextualizarse con información como el nombre de la tienda, reseñas y calificaciones, por ejemplo. O finalmente podría averiguar el nombre de un plato que está comiendo (personalmente probé esto y Google descubrió que estaba comiendo un donburi).

Aquí está mi predicción a largo plazo: Google Lens significará menos fotografías de archivo en los sitios web y más imágenes únicas para ayudar a las marcas. ¿Imagínese tomar una foto de un par de zapatos y saber exactamente dónde comprarlos en línea porque Google Lens identificó la marca y el modelo junto con un enlace que le permite comprarlos en unos pocos clics?

Vista previa grande

Recurso:

  • "Google Lens: un comienzo impresionante para la 'búsqueda visual'", Greg Sterling, Search Engine Land

Sanciones por interferencias visuales en el móvil

Google ha implementado nuevas penalizaciones de diseño que influyen en la clasificación móvil de un sitio web en sus páginas de resultados. Si quieres saber más al respecto, puedes leer un artículo en profundidad sobre el tema. En pocas palabras: evite los anuncios intersticiales no solicitados en las páginas de destino para móviles que están indexadas en Google.

Los SEO tienen pautas, pero no tenemos la creatividad visual para brindar soluciones de buen gusto para cumplir con los estándares de Google.

Esencialmente, los especialistas en marketing han confiado durante mucho tiempo en los anuncios intersticiales como herramientas promocionales para ayudarlos a atraer y convertir a los visitantes. Un intersticial se puede definir como algo que bloquea el contenido principal del sitio web. Si sus ventanas emergentes cubren el contenido principal que se muestra en una pantalla móvil, si aparece sin la interacción del usuario, es probable que desencadenen una penalización algorítmica.

Tipos de anuncios intersticiales intrusivos, como los ilustra Google. (Vista previa grande)

Como recordatorio, esto es lo que Google consideraría un intersticial intrusivo si apareciera en un dispositivo móvil:

Fuente. (Vista previa grande)

Consejos para evitar una sanción

  • Sin ventanas emergentes;
  • Sin complementos deslizantes;
  • No intersticiales que ocupen más del 20% de la pantalla;
  • Reemplácelos con cintas no intrusivas en la parte superior o inferior de sus páginas;
  • O bien, opte por los cuadros de suscripción en línea que se encuentran en el medio o al final de sus páginas.

Aquí hay una solución que puede ser un poco exagerada (técnicamente con dos banners en una pantalla) pero que aún se mantiene dentro de las pautas oficiales:

Fuente: primovelo.com. ¡Porque el mundo necesita más motos de nieve y Canadá! (Vista previa grande)

Es posible que algunas personas nunca vean su diseño

Cada vez más, las personas recurren a la búsqueda por voz cuando buscan información en la web. Más del 55 % de los adolescentes y el 41 % de los adultos utilizan la búsqueda por voz. Lo sorprendente es que este fenómeno generalizado es muy reciente: la mayoría de las personas comenzaron en el último año más o menos.

Los usuarios solicitan información de los motores de búsqueda de manera conversacional: ¡al diablo con las palabras clave! Esto agrega una capa de complejidad al diseño de un sitio web: adaptar una experiencia para los usuarios que quizás nunca disfruten del aspecto visual de un sitio web. Por ejemplo, Google Home puede "leer" recetas en voz alta o proporcionar información directamente desde fragmentos de la posición 0 cuando se realiza una solicitud. Este es un nuevo giro en un viejo concepto. Si le pidiera a Google Home que me diera la definición de accesibilidad web, probablemente me leería en voz alta lo siguiente de Wikipedia:

Vista previa grande

Después de todo, esta es una extensión de la accesibilidad. Esta vez, sin embargo, significa que la mayoría de los usuarios confiarán en la accesibilidad para acceder a contenido informativo.

Diseñar para la búsqueda por voz significa priorizar tu diseño para que se escuche en lugar de verlo. Para aquellos interesados ​​en extender el diseño hasta el código, deben analizar el impacto que tienen los fragmentos enriquecidos en cómo se estructuran sus datos y se les da visibilidad en las páginas de resultados del motor de búsqueda.

Diseño y UX Impacto SEO

Aquí hay una hoja de trucos rápida para este artículo. Contiene cosas concretas que puedes hacer para mejorar tu SEO con UX y diseño:

  1. Google comenzará a clasificar los sitios web en función de su experiencia móvil. Revise la usabilidad de su versión móvil para asegurarse de que está listo para los próximos cambios en Google.
  2. Comprueba la organización del contenido de tus páginas. Las etiquetas H1, H2 y H3 deberían ayudar a crear una ruta a través del contenido que el bot puede seguir.
  3. La estrategia de palabras clave adopta un enfoque UX para llegar al núcleo de las intenciones de búsqueda de los usuarios para crear contenido optimizado que se clasifique bien.
  4. Los enlaces internos son importantes: los enlaces que tiene en su sitio web le indican a los robots de los motores de búsqueda qué páginas encuentra más valiosas que otras en su sitio web.
  5. Dé más visibilidad a las imágenes: optimice los nombres de los archivos, los atributos ALT y piense en cómo el bot "lee" sus imágenes.
  6. Las penalizaciones móviles ahora incluyen ventanas emergentes, pancartas y otros tipos de anuncios intersticiales. Si desea mantener una buena clasificación en los resultados de búsqueda móvil de Google, evite los anuncios intersticiales no solicitados en sus páginas de destino.
  7. Con el auge de asistentes como Google Home y Alexa, el diseño para la búsqueda por voz podría convertirse pronto en una realidad. Esto significará priorizar su diseño para ser escuchado en lugar de visto.