Diseño web con el SEO de base

Tu web puede ser muy bonita y aun así Google no la entiende

Desde fuera, todo se ve bien. Pero si todas las páginas llevan el mismo título, si la descripción la ha puesto la plantilla o si una página quedó oculta a Google por una orden de la fase de pruebas (el «noindex»), Google no la lee como tú crees. Y a menudo nadie se da cuenta hasta que ve que no llegan visitas.

El mismo título en cada página Una descripción que no has escrito tú Una página que Google no muestra

Ejemplo ilustrativo: no son resultados reales.

El problema

Tus clientes ven el diseño. Google lee el código.

Títulos que no dicen nada

El título y la descripción suelen ser lo que se ve de tu página en los resultados de Google. Si la plantilla pone lo mismo en todas, ninguna explica qué hay dentro.

Una línea de código puede sacar la página de Google

Un «noindex» olvidado (la orden que le pide a Google que no muestre una página) la saca de los resultados cuando Google vuelve a visitarla. Una regla del robots.txt, el archivo que le dice a Google adónde no puede entrar, puede cerrarle el paso. Y la página se sigue viendo perfecta.

Le dices a Google que la buena es otra

La etiqueta canónica indica cuál es la dirección principal de una página. Si la plantilla la apunta mal, Google puede indexar otra dirección en lugar de esta.

Una pista antes de empezar: en Search Console, el informe de indexación de páginas te enseña qué direcciones de tu web no están en Google y por qué motivo.

Primera prueba

Lo que el cliente no ve, Google sí lo lee

Los títulos, las descripciones y las etiquetas que le dicen a Google cómo tratar cada página viven dentro del código. Para revisarlos no hace falta saber programar.

  1. Abre en el ordenador la página que más te importa.
  2. Copia su código fuente entero (clic derecho sobre la página y la opción de ver su código fuente) y pégalo en el cuadro.
  3. Empieza por los avisos del grupo que la herramienta llama «Cuenta»: son los más serios.
Segunda prueba

Una página puede estar publicada y quedarse fuera de Google

Unas órdenes escondidas en el código (noindex, robots.txt, etiqueta canónica) deciden si Google puede guardar una página. La herramienta las revisa con las reglas que Google documenta.

  1. Escribe la dirección de la página que quieres comprobar.
  2. Pega su código. Si quien lleva tu web puede pasarte el archivo robots.txt y las cabeceras del servidor, añádelos: la comprobación será más completa.
  3. Si una página que tiene que traer clientes sale como una página que Google no puede guardar, ya sabes por dónde empezar.

Que Google pueda guardar una página no significa que ya la tenga guardada: eso te lo dice Search Console.

Cómo lo resolvemos

Cuando diseñamos una web, el SEO empieza en la estructura

Si el mismo error te ha salido en varias páginas, puede que venga de la plantilla, y entonces se arregla en un solo sitio. Así lo enfocamos cuando diseñamos:

  • Estructura antes que colores

    Pensamos las páginas, la jerarquía de títulos y el contenido antes de abrir el editor de diseño.

  • Cada página, su título

    Título y descripción propios en cada página, escritos para explicar qué hay dentro, no puestos por la plantilla.

  • Direcciones antiguas redirigidas

    Si ya tienes web, primero revisamos la que hay y conservamos lo que funciona. Si cambian direcciones, preparamos una redirección permanente para que cada dirección antigua lleve a la nueva.

  • Search Console a tu nombre

    La web, Analytics y Search Console son tuyos, y entramos con usuarios propios. Así puedes ver tú mismo qué indexa Google.

Demos de diseño

Así se ve un diseño pensado para cada sector

Conceptos creados por Daimatics para sectores distintos, con fotografía real. Ninguno es la web de un cliente.

Cocinero dando la vuelta a la carne en una parrilla con llama
Cocina a la brasa Fuego, producto, temporada. Reservar mesaCómo llegar
Ma–Do · 13–16 h / 20–23 hLunes cerrado
Carta de temporada
  • Costilla de ternera a la brasa
  • Alcachofas con romesco
  • Pescado del día
Ver la carta
RestauranteConcepto de diseño
Fisioterapia y readaptación Vuelve a entrenar con seguridad Valoración, tratamiento y plan de trabajo.
Fisioterapeuta poniendo un vendaje elástico en la rodilla de un pacientePlan de trabajo a medida
Tratamientos Lesiones deportivasEspalda y cervicalesPostoperatorioSuelo pélvico
Pedir citaLu–Vi · 8–20 h
FisioterapiaConcepto de diseño
Asesoramiento jurídico Claridad cuando más la necesitas Entender tu caso es el primer paso. Primera consulta
Dos abogados conversando en un despacho con ventanales
Áreas de práctica
  • 01Derecho mercantil
  • 02Derecho laboral
  • 03Familia y sucesiones
  • 04Derecho inmobiliario
Despacho de abogadosConcepto de diseño
Arquitectura e interiores01 — 04 Espacios que se entienden a la primera
Edificio contemporáneo con pérgola de lamas y escalinata01Sede corporativa dwx demo arqui02Centro cívico dwx demo arqui03Vivienda unifamiliar dwx demo arqui04Espacio público
Ver proyectosEstudioContacto
Estudio de arquitecturaConcepto de diseño

Desliza para ver las cuatro demos

David Nogués, de Daimatics, corrigiendo una hoja impresa en el despacho
Quién hay detrás

Un equipo que diseña y también hace SEO

Daimatics, fundada por David Nogués, con más de 20 años de trayectoria profesional en el ámbito digital.

  • Somos Google Partner.
  • En el equipo hay personas dedicadas principalmente al SEO y a los contenidos web.
  • Trabajamos en remoto con empresas de cualquier punto de España.
  • WordPress, PrestaShop o código a medida, según lo que necesita el proyecto.
  • Sin permanencia: para dejarlo, basta con avisar unos quince días antes.
El siguiente paso

¿Quieres ver tu web diseñada con este criterio?

Nos envías un briefing corto y nuestro equipo prepara la portada de tu web, en ordenador y en móvil. Te la enviamos por correo con un precio orientativo.

Cada día preparamos pocas propuestas: si hoy estamos llenos, te decimos cuándo empezamos.