Disseny web amb l'SEO de base

La teva web pot ser molt bonica i que Google no l'entengui

Des de fora, tot es veu bé. Però si totes les pàgines porten el mateix títol, si la descripció l'ha posat la plantilla o si una pàgina va quedar amagada a Google per una ordre de la fase de proves (el «noindex»), Google no la llegeix com tu creus. I sovint ningú se n'adona fins que les visites no arriben.

El mateix títol a cada pàgina Una descripció que no has escrit tu Una pàgina que Google no mostra

Exemple il·lustratiu: no són resultats reals.

El problema

Els teus clients veuen el disseny. Google llegeix el codi.

Títols que no diuen res

El títol i la descripció solen ser el que es veu de la teva pàgina als resultats de Google. Si la plantilla posa el mateix a totes, cap no explica què hi ha a dins.

Una línia de codi pot treure la pàgina de Google

Un «noindex» oblidat (l'ordre que demana a Google que no mostri una pàgina) la treu dels resultats quan Google hi torna. Una regla del robots.txt, el fitxer que diu a Google on no pot entrar, li'n pot barrar el pas. I la pàgina es continua veient perfecta.

Li dius a Google que la bona és una altra

L'etiqueta canònica indica quina és l'adreça principal d'una pàgina. Si la plantilla l'apunta malament, Google pot indexar una altra adreça en lloc d'aquesta.

Una pista abans de començar: a Search Console, l'informe d'indexació de pàgines t'ensenya quines adreces de la teva web no són a Google i per quin motiu.

Primera prova

El que el client no veu, Google sí que ho llegeix

Els títols, les descripcions i les etiquetes que diuen a Google com ha de tractar cada pàgina viuen dins del codi. Per revisar-los no et cal saber programar.

  1. Obre a l'ordinador la pàgina que més t'importa.
  2. Copia'n el codi font sencer (clic dret sobre la pàgina i l'opció de veure'n el codi font) i enganxa'l al quadre.
  3. Comença pels avisos del grup que l'eina anomena «Compte»: són els més seriosos.
Segona prova

Una pàgina pot estar publicada i quedar fora de Google

Unes ordres amagades al codi (noindex, robots.txt, etiqueta canònica) decideixen si Google pot guardar una pàgina. L'eina les revisa amb les regles que Google documenta.

  1. Escriu l'adreça de la pàgina que vols comprovar.
  2. Enganxa'n el codi. Si qui porta la teva web et pot passar el fitxer robots.txt i les capçaleres del servidor, afegeix-los: la comprovació serà més completa.
  3. Si una pàgina que ha de portar clients surt com a pàgina que Google no pot guardar, ja saps per on començar.

Que Google pugui guardar una pàgina no vol dir que ja la tingui guardada: això t'ho diu Search Console.

Com ho resolem

Quan dissenyem una web, l'SEO comença a l'estructura

Si el mateix error t'ha sortit a diverses pàgines, pot ser que vingui de la plantilla, i llavors s'arregla en un sol lloc. Així ho enfoquem quan dissenyem:

  • Estructura abans que colors

    Pensem les pàgines, la jerarquia de títols i el contingut abans d'obrir l'editor de disseny.

  • Cada pàgina, el seu títol

    Títol i descripció propis a cada pàgina, escrits per explicar què hi ha a dins, no posats per la plantilla.

  • Adreces antigues redirigides

    Si ja tens web, primer revisem la que hi ha i conservem el que funciona. Si canvien adreces, preparem una redirecció permanent perquè cada adreça antiga porti a la nova.

  • Search Console a nom teu

    La web, Analytics i Search Console són teus, i hi entrem amb usuaris propis. Així pots veure tu mateix què indexa Google.

Demos de disseny

Així es veu un disseny fet per a cada sector

Conceptes creats per Daimatics per a sectors diferents, amb fotografia real. Cap és la web d'un client.

Cuiner girant carn en una graella amb flama
Cuina a la brasa Foc, producte, temporada. Reservar taulaCom arribar-hi
Dt–Dg · 13–16 h / 20–23 hDilluns tancat
Carta de temporada
  • Costella de vedella a la brasa
  • Carxofes amb romesco
  • Peix del dia
Veure la carta
RestaurantConcepte de disseny
Fisioteràpia i readaptació Torna a entrenar amb seguretat Valoració, tractament i pla de treball.
Fisioterapeuta posant una bena elàstica al genoll d'un pacientPla de treball a mida
Tractaments Lesions esportivesEsquena i cervicalsPostoperatoriSòl pelvià
Demanar citaDl–Dv · 8–20 h
FisioteràpiaConcepte de disseny
Assessorament jurídic Claredat quan més la necessites Entendre el teu cas és el primer pas. Primera consulta
Dos advocats conversant en un despatx amb finestrals
Àrees de pràctica
  • 01Dret mercantil
  • 02Dret laboral
  • 03Família i successions
  • 04Dret immobiliari
Despatx d'advocatsConcepte de disseny
Arquitectura i interiors01 — 04 Espais que s'entenen a la primera
Edifici contemporani amb pèrgola de lamel·les i escalinata01Seu corporativa dwx demo arqui02Centre cívic dwx demo arqui03Habitatge unifamiliar dwx demo arqui04Espai públic
Veure projectesEstudiContacte
Estudi d'arquitecturaConcepte de disseny

Llisca per veure les quatre demos

David Nogués, de Daimatics, corregint un full imprès al despatx
Qui hi ha darrere

Un equip que dissenya i també fa SEO

Daimatics, fundada per David Nogués, amb més de 20 anys de trajectòria professional en l'àmbit digital.

  • Som Google Partner.
  • A l'equip hi ha persones dedicades principalment a l'SEO i als continguts web.
  • Treballem en remot amb empreses d'arreu d'Espanya.
  • WordPress, PrestaShop o codi a mida, segons el que necessita el projecte.
  • Sense permanència: per plegar, n'hi ha prou d'avisar uns quinze dies abans.
El pas següent

Vols veure la teva web dissenyada amb aquest criteri?

Ens envies un briefing curt i el nostre equip prepara la portada de la teva web, en ordinador i en mòbil. Te l'enviem per correu amb un preu orientatiu.

Cada dia preparem poques propostes: si avui estem plens, et diem quan comencem.