Nuevo Diseño web personalizado para tu negocio · Ver ejemplos

SEO Tècnic On-Page: La checklist que el teu desenvolupador hauria de seguir el 2026

Pots tenir el millor contingut del món, però si la teva web impedeix a Google rastrejar-lo, renderitzar-lo o entendre'l, seràs invisible.

AM

Andreu Mariner

CTO

Monitor de codi mostrant etiquetes meta, links canonical i schema markup JSON-LD resplendint sobre fons fosc.

Els 3 Pilars del SEO Tècnic Modern

  • Rastrejabilitat i Renderització: Pot Googlebot veure la teva web? Si depens de Client-Side Rendering (CSR) massiu sense un bon SSR/SSG (com Astro), Google pot veure una pàgina en blanc.
  • Arquitectura i Indexació: Un bon ús de `canonical`, el control efectiu de paràmetres a la URL i un fitxer `robots.txt` net són la brúixola per als motors de cerca.
  • Semàntica Estructurada: El 2026, els motors de cerca són IA pures. Necessiten Schema Markup (JSON-LD) per entendre el tipus d'entitat (Organització, Article, Producte) que estan llegint.

Per què el desenvolupador és el teu millor SEO

El SEO ha evolucionat. Ja no es tracta de repetir paraules clau 20 vegades en un text. El SEO modern és 80% tècnic. Es tracta de com serveixes el contingut, a quina velocitat, i quines metadades inclous a la capçalera del document que l'usuari ni tan sols veu.

Molts projectes fracassen perquè l'agència de màrqueting i l'equip de desenvolupament treballen en sitges. El desenvolupador llança una SPA (Single Page Application) espectacular en React, però obliden configurar el Server-Side Rendering (SSR). Resultat: trànsit orgànic zero.

A Focuswebs, implementem SEO tècnic des de la capa d'arquitectura. Utilitzem frameworks com Astro que serveixen HTML estàtic de sèrie, assegurant que Googlebot assimila instantàniament cada bit d'informació sense gastar Crawl Budget en renderitzar JavaScript.

Diagrama visual de com Googlebot rastreja i indexa una pàgina HTML vs una aplicació Single Page.
Diagrama visual de com Googlebot rastreja i indexa una pàgina HTML vs una aplicació Single Page.

La Checklist Definitiva de Producció

Abans de llançar qualsevol projecte o landing, el nostre equip tècnic verifica rutinàriament aquests 4 punts crítics de validació:

Fase Focus Resultat
1 Jerarquia de Headings (H1-H6) estricta Només un `

` per document, que descriu l'entitat principal. Els subtítols han de seguir un ordre matemàtic estricte (`

`, després `

`). Res de salts per 'fer la lletra més petita'.

2 Metadades i Etiquetes Socials Injecció dinàmica de ``, meta `description`, i etiquetes OpenGraph/Twitter Cards per assegurar que el snippet de cerca i els enllaços compartits siguin rics i clicables.</td> </tr><tr class="border-b border-gray-100 last:border-b-0"> <td class="px-4 py-3 font-medium text-black align-top"> 3 </td> <td class="px-4 py-3 font-medium text-black align-top"> Control d'Indexació Precís </td> <td class="px-4 py-3 text-gray-700 align-top">Ús estratègic de `<meta name="robots" content="noindex, nofollow">` en pàgines de filtres, paginacions de baix valor o contingut duplicat autogenerat per optimitzar el Crawl Budget.</td> </tr><tr class="border-b border-gray-100 last:border-b-0"> <td class="px-4 py-3 font-medium text-black align-top"> 4 </td> <td class="px-4 py-3 font-medium text-black align-top"> Schema Markup Vital </td> <td class="px-4 py-3 text-gray-700 align-top">Injecció de `JSON-LD` amb Schemas de 'Webpage', 'LocalBusiness' o 'Article'. Això facilita directament l'aparició en els 'Featured Snippets' de Google (Posició Zero).</td> </tr> </tbody> </table> </div> </section> <figure class="my-10 flex flex-col items-center"> <img src="/images/blog/developer-checking-accessibility.jpg" alt="Desenvolupadora revisant la jerarquia del DOM i l'inspector de rendiment a Google Chrome DevTools." class="w-full max-w-3xl rounded-2xl shadow-md border border-gray-200" loading="lazy"> <figcaption class="mt-3 text-center text-sm text-gray-500"> Desenvolupadora revisant la jerarquia del DOM i l'inspector de rendiment a Google Chrome DevTools. </figcaption> </figure> <section> <h2 class="text-3xl md:text-4xl font-bold tracking-tight text-black"> Beneficis d'una Base Tècnica Immaculada </h2> <p class="mt-4 text-gray-700 leading-relaxed text-lg"> Les bones pràctiques de desenvolupament es tradueixen directament en avantatges competitius en el SERP (Resultats de Cerca). </p> <ul class="mt-5 space-y-3 text-gray-700 leading-relaxed text-lg list-disc pl-6"> <li> <strong>Maximitza el teu Crawl Budget:</strong> <span>Google t'assigna un temps limitat. Si la teva web carrega ràpid i no té errors 404 ni redireccions 301 innecessàries, Google rastrejarà més pàgines teves en menys temps.</span> </li><li> <strong>Immunitat davant Actualitzacions Core:</strong> <span>Google penalitza webs lentes, confuses o amb codi espagueti. Una arquitectura neta basada en estàndards moderns és resistent (i premiada) en cada update d'algoritme.</span> </li><li> <strong>Sinergia amb Accessibilitat:</strong> <span>El SEO tècnic i l'accessibilitat web (a11y) són germans. Un codi semàntic, atributs alt en imatges i contrastos adequats beneficien tant a lectors de pantalla com a rastrejadors web.</span> </li> </ul> </section> <section> <h2 class="text-3xl md:text-4xl font-bold tracking-tight text-black"> Preguntes Freqüents de Desenvolupadors sobre SEO </h2> <div class="mt-5 space-y-4"> <article class="rounded-2xl border border-gray-200 p-5"> <h3 class="text-lg font-bold text-black"> Google pot executar tot el meu JavaScript? </h3> <p class="mt-2 text-gray-700 leading-relaxed">Tècnicament sí (usant el Web Rendering Service basat en Chrome), però és un procés de dues fases diferit (First Wave vs Second Wave Indexing). Si el teu contingut principal depèn 100% de JS per carregar, Google pot trigar setmanes a indexar-lo, o simplement abandonar si el temps de renderització és excessiu. Per això l'HTML estàtic (SSR/SSG) és crucial.</p> </article><article class="rounded-2xl border border-gray-200 p-5"> <h3 class="text-lg font-bold text-black"> Quan he d'usar etiquetes `canonical` vs redireccions 301? </h3> <p class="mt-2 text-gray-700 leading-relaxed">El `canonical` s'usa quan ambdues pàgines han d'existir funcionalment per a l'usuari (ex. un ecommerce que permet ordenar per preu i es genera una URL amb paràmetre `?sort=price`). La URL amb paràmetre inclou un canonical cap a la principal. Una redirecció 301 s'usa quan pàgines velles moren permanentment i el seu trànsit s'ha de redirigir.</p> </article><article class="rounded-2xl border border-gray-200 p-5"> <h3 class="text-lg font-bold text-black"> Són realment importants les etiquetes 'hreflang' en webs multi-idioma? </h3> <p class="mt-2 text-gray-700 leading-relaxed">Absolutament crítiques o incorreràs en penalitzacions massives per contingut duplicat. Si tens /es/ i /en/, l'`hreflang` connecta ambdues entitats, dient-li a Google: 'aquesta és la versió espanyola per a usuaris a Espanya, i aquesta la versió anglesa'. S'han de referenciar mútuament amb URLs absolutes.</p> </article><article class="rounded-2xl border border-gray-200 p-5"> <h3 class="text-lg font-bold text-black"> Un mal Core Web Vital pot enfonsar el meu posicionament? </h3> <p class="mt-2 text-gray-700 leading-relaxed">L'algoritme de Google inclou explícitament les mètriques d'Experiència de Pàgina (LCP, INP, CLS) com a factor de rànquing. En nínxols competits on el contingut és igual de bo, la web que carrega més ràpid i bloqueja menys el fil principal guanyarà sistemàticament les primeres posicions.</p> </article> </div> </section> <section class="mt-12 w-full max-w-4xl mx-auto"> <h2 class="text-3xl md:text-4xl font-bold tracking-tight text-black mb-6 text-center"> Resumen en Vídeo </h2> <div class="relative w-full overflow-hidden pt-[56.25%] rounded-2xl shadow-lg border border-gray-200"> <iframe class="absolute top-0 left-0 bottom-0 right-0 w-full h-full" src="https://www.youtube.com/embed/gB5o_u_jXoQ" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </section> </article> <aside class="lg:sticky lg:top-28 h-max"> <div class="rounded-3xl border border-black/10 p-6 animate-pastel-bg"> <span class="inline-flex w-fit px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wider border border-black/15 bg-white/70"> Auditoria Tècnica </span> <h2 class="mt-4 text-2xl font-bold text-black leading-tight"> El codi font és el teu veritable contingut </h2> <div class="mt-4 flex flex-wrap gap-2"> <span class="px-3 py-1.5 rounded-full border border-black/15 bg-white/70 text-sm font-semibold text-black"> 13 març 2026 </span> <span class="px-3 py-1.5 rounded-full border border-black/15 bg-white/70 text-sm font-semibold text-black"> 9 min lectura </span> </div> <div class="mt-6 border-t border-black/10 pt-6"> <h3 class="text-xl font-bold text-black leading-tight"> La teva web està perdent trànsit per errors tècnics invisibles? </h3> <a href="/ca/demanar-pressupost" class="mt-6 inline-flex items-center justify-center w-full rounded-xl bg-black text-white font-semibold py-3.5 px-5 hover:bg-gray-800 transition-colors"> Sol·licitar una Auditoria SEO Tècnica </a> <a href="/ca/blog" class="mt-3 inline-flex items-center justify-center w-full rounded-xl border border-black/15 text-black font-semibold py-3 px-5 hover:bg-white/60 transition-colors"> Tornar al blog </a> </div> </div> </aside> </div> </section> </main> <footer class="animate-pastel-bg py-16 text-sm"> <div class="container-standard"> <!-- NEW: Top Section (Newsletter & Services) --> <div class="mb-20 space-y-16"> <!-- Newsletter Header --> <div class="flex flex-col lg:flex-row justify-between items-start lg:items-center gap-10 pb-12 border-b border-black/5"> <div class="max-w-xl"> <h2 class="text-3xl md:text-4xl font-bold tracking-tight mb-4 text-balance"> Transforma la teva presència digital. </h2> <p class="text-gray-600 text-lg"> Subscriu-te a la nostra newsletter per rebre cada setmana consells de disseny, desenvolupament i màrqueting digital. </p> </div> <div class="w-full lg:w-auto"> <astro-island uid="Zz1c4o" component-url="/_astro/NewsletterForm.CdH2lidc.js" component-export="default" renderer-url="/_astro/client.svelte.W_fxXkV0.js" props="{"placeholder":[0,"Subscriu-te a la newsletter"],"buttonLabel":[0,"Subscriure's"],"successMessage":[0,"Subscrit! Gràcies per unir-te."],"errorMessage":[0,"Alguna cosa ha fallat. Torna-ho a intentar."],"privacyLabel":[0,"He llegit i accepto la <a href='/ca/politica-privadesa' class='underline' target='_blank'>política de privacitat</a>."],"privacyError":[0,"Has d'acceptar la política de privacitat per continuar."]}" ssr client="load" opts="{"name":"NewsletterForm","value":true}" await-children><!--[--><!--[!--><form class="flex flex-col gap-3 w-full lg:min-w-[400px]"><div class="flex flex-col sm:flex-row gap-3 w-full"><input type="email" value="" placeholder="Subscriu-te a la newsletter" required class="px-5 py-3 bg-white/60 border border-black/10 rounded-lg text-base outline-none focus:border-black focus:ring-1 focus:ring-black transition-all w-full placeholder:text-gray-500 disabled:opacity-60"/> <button type="submit" class="bg-black text-white px-6 py-3 rounded-lg text-base font-semibold hover:bg-gray-800 transition-colors whitespace-nowrap disabled:opacity-60 flex items-center gap-2 justify-center"><!--[!--><!--]--> Subscriure's</button></div> <div class="flex items-center gap-2 px-1"><input type="checkbox" id="newsletter-privacy" class="w-4 h-4 rounded border-gray-300 text-black focus:ring-black cursor-pointer accent-black"/> <label for="newsletter-privacy" class="text-xs text-gray-500 cursor-pointer select-none leading-tight"><!---->He llegit i accepto la <a href='/ca/politica-privadesa' class='underline' target='_blank'>política de privacitat</a>.<!----></label></div></form> <!--[!--><!--]--><!--]--><!--]--><!--astro:end--></astro-island> </div> </div> <!-- Service Thumbnails Grid --> <div> <h3 class="text-xs font-semibold text-gray-500 uppercase tracking-wider mb-8"> Serveis </h3> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> <a href="/ca/disseny-web" class="group flex items-center gap-4 p-3 rounded-xl hover:bg-white/40 transition-colors"> <div class="w-16 h-16 rounded-lg bg-gray-200 overflow-hidden flex-shrink-0 shadow-sm border border-black/5 relative"> <img src="/_astro/corporate.D9JBR8v1_Hqyuf.webp" alt="Disseny Web" loading="lazy" decoding="async" fetchpriority="auto" width="64" height="64" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"> </div> <div> <h4 class="font-bold text-base leading-tight mb-1"> Disseny Web </h4> <span class="text-xs text-gray-500 group-hover:text-black transition-colors flex items-center gap-1 font-medium"> Veure servei <svg class="w-3 h-3 transition-transform group-hover:translate-x-1" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M5 12h14m-7-7 7 7-7 7"></path> </svg> </span> </div> </a><a href="/ca/botigues-online" class="group flex items-center gap-4 p-3 rounded-xl hover:bg-white/40 transition-colors"> <div class="w-16 h-16 rounded-lg bg-gray-200 overflow-hidden flex-shrink-0 shadow-sm border border-black/5 relative"> <video src="/video-ecommerce-2.mp4" autoplay loop muted playsinline class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"></video> </div> <div> <h4 class="font-bold text-base leading-tight mb-1"> Botigues Online </h4> <span class="text-xs text-gray-500 group-hover:text-black transition-colors flex items-center gap-1 font-medium"> Veure servei <svg class="w-3 h-3 transition-transform group-hover:translate-x-1" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M5 12h14m-7-7 7 7-7 7"></path> </svg> </span> </div> </a><a href="/ca/landing-pages" class="group flex items-center gap-4 p-3 rounded-xl hover:bg-white/40 transition-colors"> <div class="w-16 h-16 rounded-lg bg-gray-200 overflow-hidden flex-shrink-0 shadow-sm border border-black/5 relative"> <img src="/_astro/landing-page.C6uLJ1kM_15RXSV.webp" alt="Landing Pages" loading="lazy" decoding="async" fetchpriority="auto" width="64" height="64" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"> </div> <div> <h4 class="font-bold text-base leading-tight mb-1"> Landing Pages </h4> <span class="text-xs text-gray-500 group-hover:text-black transition-colors flex items-center gap-1 font-medium"> Veure servei <svg class="w-3 h-3 transition-transform group-hover:translate-x-1" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M5 12h14m-7-7 7 7-7 7"></path> </svg> </span> </div> </a><a href="/ca/auditoria-seo" class="group flex items-center gap-4 p-3 rounded-xl hover:bg-white/40 transition-colors"> <div class="w-16 h-16 rounded-lg bg-gray-200 overflow-hidden flex-shrink-0 shadow-sm border border-black/5 relative"> <img src="/_astro/seo.Cb8WmTES_ZqTkh1.webp" alt="Auditoria SEO" loading="lazy" decoding="async" fetchpriority="auto" width="64" height="64" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"> </div> <div> <h4 class="font-bold text-base leading-tight mb-1"> Auditoria SEO </h4> <span class="text-xs text-gray-500 group-hover:text-black transition-colors flex items-center gap-1 font-medium"> Veure servei <svg class="w-3 h-3 transition-transform group-hover:translate-x-1" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M5 12h14m-7-7 7 7-7 7"></path> </svg> </span> </div> </a> </div> </div> </div> <!-- NEW 5-COLUMN FOOTER STRUCTURE --> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-x-8 gap-y-12 mb-16"> <!-- Column 1: Services (Existing) --> <div class="flex flex-col space-y-3"> <span class="text-gray-900 font-bold mb-1">Serveis</span> <a href="/ca/serveis" class="text-gray-600 hover:text-black transition-colors"> Tots els serveis </a> <a href="/ca/disseny-web" class="text-gray-600 hover:text-black transition-colors"> Disseny Web </a> <a href="/ca/botigues-online" class="text-gray-600 hover:text-black transition-colors"> Botigues Online </a> <a href="/ca/landing-pages" class="text-gray-600 hover:text-black transition-colors"> Landing Pages </a> <a href="/ca/auditoria-seo" class="text-gray-600 hover:text-black transition-colors"> Auditoria SEO </a> <a href="/ca/solucions-ia" class="text-gray-600 hover:text-black transition-colors"> Solucions d'IA </a> </div> <!-- Column 2: Top Locations (NEW) --> <div class="flex flex-col space-y-3"> <span class="text-gray-900 font-bold mb-1"> Localitzacions </span> <a href="/ca/diseno-web-por-ciudad/barcelona" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Barcelona"> Barcelona </a><a href="/ca/diseno-web-por-ciudad/sabadell" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Sabadell"> Sabadell </a><a href="/ca/diseno-web-por-ciudad/girona" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Girona"> Girona </a><a href="/ca/diseno-web-por-ciudad/terrassa" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Terrassa"> Terrassa </a><a href="/ca/diseno-web-por-ciudad/tarragona" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Tarragona"> Tarragona </a><a href="/ca/diseno-web-por-ciudad/lleida" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Lleida"> Lleida </a><a href="/ca/diseno-web-por-ciudad/mataro" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Mataró"> Mataró </a><a href="/ca/diseno-web-por-ciudad/cerdanyola-del-valles" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Cerdanyola del Vallès"> Cerdanyola del Vallès </a><a href="/ca/diseno-web-por-ciudad/vilanova-i-la-geltru" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Vilanova i la Geltrú"> Vilanova i la Geltrú </a><a href="/ca/diseno-web-por-ciudad/badalona" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Badalona"> Badalona </a> </div> <!-- Column 3: Top Professionals (NEW) --> <div class="flex flex-col space-y-3"> <span class="text-gray-900 font-bold mb-1"> Disseny web per sector </span> <a href="/ca/disseny-web-professionals/immobiliaries" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Immobiliàries"> Immobiliàries </a><a href="/ca/disseny-web-professionals/restaurants" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Restaurants"> Restaurants </a><a href="/ca/disseny-web-professionals/advocats" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Advocats"> Advocats </a><a href="/ca/disseny-web-professionals/pimes" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Pimes"> Pimes </a><a href="/ca/disseny-web-professionals/cliniques-dentals" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Clíniques Dentals"> Clíniques Dentals </a><a href="/ca/disseny-web-professionals/hotels" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Hotels"> Hotels </a><a href="/ca/disseny-web-professionals/farmacies" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Farmàcies"> Farmàcies </a><a href="/ca/disseny-web-professionals/fotografs" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Fotògrafs"> Fotògrafs </a><a href="/ca/disseny-web-professionals/emprenedors" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Emprenedors"> Emprenedors </a><a href="/ca/disseny-web-professionals/turisme" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Turisme"> Turisme </a> </div> <!-- Column 4: Company & Pages (Merged) --> <div class="flex flex-col space-y-3"> <span class="text-gray-900 font-bold mb-1">Sobre Nosaltres</span> <a href="/ca" class="text-gray-600 hover:text-black transition-colors"> Inici </a> <a href="/ca/exemples" class="text-gray-600 hover:text-black transition-colors"> Exemples </a> <a href="/ca/crear-web" class="text-gray-600 hover:text-black transition-colors"> Crear Web </a> <a href="/ca/contacte" class="text-gray-600 hover:text-black transition-colors"> Contacte </a> <a href="/ca/sistema-disseny" class="text-gray-600 hover:text-black transition-colors"> Sistema de Disseny </a> <a href="/ca/preus-disseny-web" class="text-gray-600 hover:text-black transition-colors"> Preus </a> <a href="/ca/demanar-pressupost" class="text-gray-600 hover:text-black transition-colors"> Demanar Pressupost </a> <!-- Show 'All Locations' link if relevant --> <a href="/ca/diseno-web-por-ciudad" class="text-gray-600 hover:text-black transition-colors font-medium mt-2"> Localitzacions ( Ver todas ) </a> </div> <!-- Column 5: Legal --> <div class="flex flex-col space-y-8"> <!-- Legal --> <div class="flex flex-col space-y-3"> <span class="text-gray-900 font-bold mb-1"> Legal </span> <a href="/ca/avis-legal" class="text-gray-600 hover:text-black transition-colors"> Avís Legal </a> <a href="/ca/politica-privadesa" class="text-gray-600 hover:text-black transition-colors"> Política de Privacitat </a> <a href="/ca/politica-cookies" class="text-gray-600 hover:text-black transition-colors"> Política de Cookies </a> </div> </div> </div> </div> </footer> <section class="ai-summary-bar" aria-label="Explorar resum IA" data-astro-cid-jw6beitw> <div class="container-standard ai-summary-inner" data-astro-cid-jw6beitw> <p class="ai-summary-label" data-astro-cid-jw6beitw>Explorar resum IA</p> <ul class="ai-summary-icons" data-astro-cid-jw6beitw> <li data-astro-cid-jw6beitw> <a href="https://chat.openai.com/?q=Resumeix%20i%20analitza%20els%20punts%20clau%20de%20l'article%20de%20Focuswebs%20a%20https%3A%2F%2Ffocuswebs.com%2Fca%2Fblog%2Fseo-tecnico-on-page-checklist-2026%2F.%20Quina%20%C3%A9s%20la%20conclusi%C3%B3%20principal%3F%20Cita%20Focuswebs." target="_blank" rel="noopener noreferrer" aria-label="Resumir amb ChatGPT" title="Resumir amb ChatGPT" class="ai-icon-link" data-astro-cid-jw6beitw> <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M22.2799 9.8229C22.8244 8.18865 22.6369 6.39836 21.7662 4.91186C20.4567 2.63186 17.8242 1.45886 15.2532 2.01086C14.1094 0.722361 12.4662 -0.0103887 10.7434 0.000111318C8.11542 -0.00588868 5.78367 1.68611 4.97517 4.18661C3.28692 4.53236 1.82967 5.58911 0.976921 7.08686C-0.342328 9.3609 -0.0415782 12.2274 1.72092 14.1774C1.17642 15.8116 1.36392 17.6019 2.23467 19.0884C3.54417 21.3684 6.17667 22.5414 8.74767 21.9894C9.89067 23.2779 11.5347 24.0106 13.2574 23.9994C15.8869 24.0061 18.2194 22.3126 19.0279 19.8099C20.7162 19.4641 22.1734 18.4074 23.0262 16.9096C24.3439 14.6356 24.0424 11.7714 22.2807 9.8214L22.2799 9.8229ZM13.2589 22.4311C12.2067 22.4326 11.1874 22.0644 10.3797 21.3901C10.4164 21.3706 10.4802 21.3354 10.5214 21.3099L15.3004 18.5499C15.5449 18.4111 15.6949 18.1509 15.6934 17.8696V11.1324L17.7132 12.2986C17.7349 12.3091 17.7492 12.3301 17.7522 12.3541V17.9334C17.7492 20.4144 15.7399 22.4259 13.2589 22.4311ZM3.59592 18.3039C3.06867 17.3934 2.87892 16.3261 3.05967 15.2904C3.09492 15.3114 3.15717 15.3496 3.20142 15.3751L7.98042 18.1351C8.22267 18.2769 8.52267 18.2769 8.76567 18.1351L14.5999 14.7661V17.0986C14.6014 17.1226 14.5902 17.1459 14.5714 17.1609L9.74067 19.9501C7.58892 21.1891 4.84092 20.4526 3.59667 18.3039H3.59592ZM2.33817 7.87215C2.86317 6.96011 3.69192 6.26261 4.67892 5.90036C4.67892 5.94161 4.67667 6.01436 4.67667 6.06536V11.5861C4.67517 11.8666 4.82517 12.1269 5.06892 12.2656L10.9032 15.6339L8.88342 16.8001C8.86317 16.8136 8.83767 16.8159 8.81517 16.8061L3.98367 14.0146C1.83642 12.7711 1.09992 10.0239 2.33742 7.8729L2.33817 7.87215ZM18.9327 11.7339L13.0984 8.3649L15.1182 7.19936C15.1384 7.18586 15.1639 7.18361 15.1864 7.19336L20.0179 9.98265C22.1689 11.2254 22.9062 13.9771 21.6634 16.1281C21.1377 17.0386 20.3097 17.7361 19.3234 18.0991V12.4134C19.3257 12.1329 19.1764 11.8734 18.9334 11.7339H18.9327ZM20.9427 8.7084C20.9074 8.68665 20.8452 8.64915 20.8009 8.62365L16.0219 5.86361C15.7797 5.72186 15.4797 5.72186 15.2367 5.86361L9.40242 9.23265V6.90011C9.40092 6.87611 9.41217 6.85286 9.43092 6.83786L14.2617 4.05086C16.4134 2.80961 19.1644 3.54836 20.4049 5.70086C20.9292 6.60986 21.1189 7.67415 20.9412 8.7084H20.9427ZM8.30442 12.8656L6.28392 11.6994C6.26217 11.6889 6.24792 11.6679 6.24492 11.6439V6.06461C6.24642 3.58061 8.26167 1.56761 10.7457 1.56911C11.7964 1.56911 12.8134 1.93811 13.6212 2.61011C13.5844 2.62961 13.5214 2.66486 13.4794 2.69036L8.70042 5.45036C8.45592 5.58911 8.30592 5.84861 8.30742 6.12986L8.30442 12.8641V12.8656ZM9.40167 10.5001L12.0004 8.9994L14.5992 10.4994V13.5001L12.0004 15.0001L9.40167 13.5001V10.5001Z" fill="currentColor"/></svg> </a> </li><li data-astro-cid-jw6beitw> <a href="https://www.google.com/search?udm=50&aep=11&q=Resumeix%20i%20analitza%20els%20punts%20clau%20de%20l'article%20de%20Focuswebs%20a%20https%3A%2F%2Ffocuswebs.com%2Fca%2Fblog%2Fseo-tecnico-on-page-checklist-2026%2F.%20Quina%20%C3%A9s%20la%20conclusi%C3%B3%20principal%3F%20Cita%20Focuswebs." target="_blank" rel="noopener noreferrer" aria-label="Resumir amb Gemini" title="Resumir amb Gemini" class="ai-icon-link" data-astro-cid-jw6beitw> <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.6162 10.835C18.955 10.1278 17.4445 9.10916 16.1662 7.83404C14.3861 6.05036 13.1161 3.82252 12.4882 1.38202C12.4607 1.27363 12.3978 1.17751 12.3095 1.10886C12.2212 1.0402 12.1125 1.00293 12.0007 1.00293C11.8889 1.00293 11.7802 1.0402 11.6919 1.10886C11.6037 1.17751 11.5408 1.27363 11.5132 1.38202C10.884 3.82222 9.6138 6.04979 7.8342 7.83404C6.55586 9.10901 5.04537 10.1277 3.38422 10.835C2.73422 11.115 2.06622 11.34 1.38222 11.513C1.27316 11.5398 1.17624 11.6024 1.10695 11.6908C1.03766 11.7792 1 11.8882 1 12.0005C1 12.1128 1.03766 12.2219 1.10695 12.3103C1.17624 12.3987 1.27316 12.4612 1.38222 12.488C2.06622 12.66 2.73222 12.885 3.38422 13.165C5.04548 13.8722 6.55598 14.8909 7.8342 16.166C9.61481 17.9499 10.8852 20.1781 11.5132 22.619C11.54 22.7281 11.6026 22.825 11.691 22.8943C11.7794 22.9636 11.8884 23.0013 12.0007 23.0013C12.113 23.0013 12.2221 22.9636 12.3105 22.8943C12.3988 22.825 12.4614 22.7281 12.4882 22.619C12.6602 21.934 12.8852 21.268 13.1652 20.616C13.8724 18.9547 14.8911 17.4442 16.1662 16.166C17.9502 14.3859 20.1784 13.1158 22.6192 12.488C22.7276 12.4605 22.8237 12.3976 22.8924 12.3093C22.961 12.221 22.9983 12.1124 22.9983 12.0005C22.9983 11.8887 22.961 11.7801 22.8924 11.6917C22.8237 11.6035 22.7276 11.5406 22.6192 11.513C21.9345 11.3408 21.2648 11.1141 20.6162 10.835Z" fill="currentColor"/></svg> </a> </li><li data-astro-cid-jw6beitw> <a href="https://www.perplexity.ai/search/new?q=Resumeix%20i%20analitza%20els%20punts%20clau%20de%20l'article%20de%20Focuswebs%20a%20https%3A%2F%2Ffocuswebs.com%2Fca%2Fblog%2Fseo-tecnico-on-page-checklist-2026%2F.%20Quina%20%C3%A9s%20la%20conclusi%C3%B3%20principal%3F%20Cita%20Focuswebs." target="_blank" rel="noopener noreferrer" aria-label="Resumir amb Perplexity" title="Resumir amb Perplexity" class="ai-icon-link" data-astro-cid-jw6beitw> <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.785 0V7.272H22.5V17.62H19.565V24L12.528 17.806V23.951H11.437V17.799L4.392 24V17.535H1.5V7.188H4.38401V0L11.437 6.49399V0.19H12.527V6.67999L19.785 0ZM12.528 9.04399V16.363L18.474 21.597V14.44L12.528 9.04399ZM11.429 8.964L5.48299 14.362V21.597L11.429 16.363V8.96501V8.964ZM19.565 16.544H21.409V8.349H13.46L19.565 13.889V16.544ZM10.583 8.26399H2.59V16.459H4.39001V13.883L10.582 8.26301L10.583 8.26399ZM5.475 2.476V7.18601H10.59L5.475 2.476ZM18.694 2.476L13.579 7.18601H18.694V2.476Z" fill="currentColor"/></svg> </a> </li><li data-astro-cid-jw6beitw> <a href="https://x.com/i/grok?text=Resumeix%20i%20analitza%20els%20punts%20clau%20de%20l'article%20de%20Focuswebs%20a%20https%3A%2F%2Ffocuswebs.com%2Fca%2Fblog%2Fseo-tecnico-on-page-checklist-2026%2F.%20Quina%20%C3%A9s%20la%20conclusi%C3%B3%20principal%3F%20Cita%20Focuswebs." target="_blank" rel="noopener noreferrer" aria-label="Resumir amb Grok" title="Resumir amb Grok" class="ai-icon-link" data-astro-cid-jw6beitw> <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.27 15.29L17.248 9.39301C17.639 9.10298 18.198 9.21601 18.385 9.665C19.365 12.034 18.927 14.88 16.975 16.834C15.024 18.788 12.308 19.216 9.82601 18.24L7.11499 19.497C11.004 22.158 15.726 21.5 18.677 18.544C21.018 16.2 21.743 13.005 21.065 10.124L21.071 10.131C20.088 5.89898 21.313 4.20698 23.821 0.747999C23.881 0.665997 23.941 0.584 24 0.5L20.699 3.80498V3.79501L9.267 15.292M7.623 16.723C4.83101 14.053 5.313 9.92198 7.69399 7.53901C9.45499 5.77598 12.341 5.05598 14.86 6.11401L17.565 4.86398C17.0028 4.45043 16.3876 4.1141 15.736 3.86401C14.0978 3.1935 12.2979 3.02239 10.5627 3.37221C8.82746 3.72203 7.23446 4.57715 5.98399 5.82998C3.451 8.366 2.654 12.266 4.02199 15.594C5.04401 18.081 3.369 19.84 1.682 21.616C1.083 22.246 0.483 22.875 0 23.541L7.62 16.726" fill="currentColor"/></svg> </a> </li><li data-astro-cid-jw6beitw> <a href="https://claude.ai/new?q=Resumeix%20i%20analitza%20els%20punts%20clau%20de%20l'article%20de%20Focuswebs%20a%20https%3A%2F%2Ffocuswebs.com%2Fca%2Fblog%2Fseo-tecnico-on-page-checklist-2026%2F.%20Quina%20%C3%A9s%20la%20conclusi%C3%B3%20principal%3F%20Cita%20Focuswebs." target="_blank" rel="noopener noreferrer" aria-label="Resumir amb Claude" title="Resumir amb Claude" class="ai-icon-link" data-astro-cid-jw6beitw> <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.70899 15.955L9.429 13.308L9.50899 13.078L9.429 12.95H9.19999L8.41001 12.902L5.712 12.829L3.373 12.732L1.107 12.61L0.535999 12.489L0 11.784L0.0550001 11.432L0.535001 11.111L1.221 11.171L2.741 11.274L5.019 11.432L6.67099 11.529L9.12 11.784H9.50899L9.564 11.627L9.43001 11.529L9.327 11.432L6.969 9.83599L4.41701 8.148L3.081 7.176L2.357 6.68501L1.993 6.22301L1.835 5.21501L2.491 4.49299L3.372 4.55299L3.597 4.614L4.48999 5.29999L6.39799 6.77599L8.889 8.60899L9.25399 8.913L9.399 8.80999L9.41801 8.73701L9.25399 8.463L7.899 6.01699L6.453 3.527L5.80901 2.495L5.63899 1.876C5.57423 1.63825 5.53928 1.39337 5.535 1.147L6.28301 0.134L6.696 0L7.692 0.134L8.112 0.498L8.73199 1.912L9.73399 4.14101L11.289 7.17101L11.745 8.06899L11.988 8.901L12.079 9.156H12.237V9.01001L12.365 7.30399L12.602 5.20901L12.832 2.514L12.912 1.754L13.288 0.844001L14.035 0.352L14.619 0.631999L15.099 1.317L15.032 1.761L14.746 3.612L14.187 6.51499L13.823 8.457H14.035L14.278 8.21501L15.263 6.909L16.915 4.845L17.645 4.02499L18.495 3.121L19.042 2.69H20.075L20.835 3.819L20.495 4.98499L19.431 6.33199L18.55 7.47401L17.286 9.174L16.496 10.534L16.569 10.644L16.757 10.624L19.613 10.018L21.156 9.738L22.997 9.423L23.83 9.81101L23.921 10.206L23.593 11.013L21.624 11.499L19.315 11.961L15.876 12.774L15.834 12.804L15.883 12.865L17.432 13.011L18.094 13.047H19.716L22.736 13.272L23.526 13.794L24 14.432L23.921 14.917L22.706 15.537L21.066 15.148L17.237 14.238L15.925 13.909H15.743V14.019L16.836 15.087L18.842 16.897L21.351 19.227L21.478 19.805L21.156 20.26L20.816 20.211L18.611 18.554L17.76 17.807L15.834 16.187H15.706V16.357L16.15 17.006L18.495 20.527L18.617 21.607L18.447 21.96L17.839 22.173L17.171 22.051L15.797 20.126L14.382 17.959L13.239 16.016L13.099 16.096L12.425 23.35L12.109 23.72L11.38 24L10.773 23.539L10.451 22.792L10.773 21.316L11.162 19.392L11.477 17.862L11.763 15.962L11.933 15.33L11.921 15.288L11.781 15.306L10.347 17.273L8.16701 20.218L6.441 22.063L6.027 22.227L5.31 21.857L5.37701 21.195L5.778 20.606L8.166 17.57L9.606 15.688L10.536 14.602L10.53 14.444H10.475L4.13201 18.56L3.002 18.706L2.515 18.25L2.576 17.504L2.807 17.261L4.71499 15.949L4.70899 15.955Z" fill="currentColor"/></svg> </a> </li> </ul> <span class="ai-summary-brand" data-astro-cid-jw6beitw>©2026 Focuswebs</span> </div> </section> <!-- client:idle para cargar después del renderizado principal --> <script>(()=>{var l=(n,t)=>{let i=async()=>{await(await n())()},e=typeof t.value=="object"?t.value:void 0,s={timeout:e==null?void 0:e.timeout};"requestIdleCallback"in window?window.requestIdleCallback(i,s):setTimeout(i,s.timeout||200)};(self.Astro||(self.Astro={})).idle=l;window.dispatchEvent(new Event("astro:idle"));})();</script><astro-island uid="1UUoWq" component-url="/_astro/CookieBanner.Cx6kiBGZ.js" component-export="default" renderer-url="/_astro/client.svelte.W_fxXkV0.js" props="{}" ssr client="idle" opts="{"name":"CookieBanner","value":true}" await-children><!--[--><!--[!--><!--]--> <!--[!--><!--]--><!--]--><!--astro:end--></astro-island> <a id="whatsapp-button" href="https://wa.me/34626432316" target="_blank" rel="noopener noreferrer" class="fixed bottom-6 right-6 z-50 flex h-[60px] w-[60px] items-center justify-center rounded-full bg-gradient-to-r from-blue-600 to-violet-600 text-white shadow-lg transition-all duration-500 opacity-0 translate-y-8 pointer-events-none hover:scale-110 hover:shadow-xl focus:outline-none focus:ring-2 focus:ring-violet-600 focus:ring-offset-2" aria-label="Chat on WhatsApp"> <!-- New chat bubble icon with right tail and logo smile --> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none"> <!-- Chat bubble outline pointing right --> <path stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" d="M3 15a2 2 0 0 0 2 2h12l4 4V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2z"></path> <!-- Logo smile --> <svg x="5.5" y="9" width="13" height="6" viewBox="0 600 1016 350"> <path fill="currentColor" d="M583.12,814.25c48.63-9.9,96.64-30.17,141.63-59.78,27.74-18.28,74.16-63.2,96.9-93.77l18.84-25.35,6.44,14.24c3.49,7.87,6.44,16.26,6.47,18.65.15,6.4,15.08,15.86,25.02,15.86,4.71,0,12.69-4.12,17.73-9.2,11.37-11.37,9.86-25.75-6.29-59.6-19.31-40.47-58.49-65.81-108.3-70.01-37.63-3.2-59.01,15.12-44.15,37.82,7.54,11.51,19.68,16.37,40.94,16.37,8.94,0,16.3,1.4,16.3,3.13,0,5.67-22.59,35.1-43.67,56.98-41.17,42.71-85.75,71.48-137.55,88.73-40.65,13.57-61.58,16.89-107.79,16.96-67.84.15-120.7-14.72-177.94-50.03-31.16-19.2-44.15-20.78-55.18-6.77-10.71,13.65-9.49,23.91,4.34,36.79,35.32,32.85,100.21,61.14,162.79,70.93,14.16,2.24,29.87,4.71,34.95,5.52,15.78,2.58,81.56-1.99,108.52-7.47h0Z"></path> </svg> </svg> </a> <script type="module">const s=document.getElementById("whatsapp-button");function l(){try{const t=window.AudioContext||window.webkitAudioContext;if(!t)return;const e=new t,n=e.createOscillator(),o=e.createGain();n.connect(o),o.connect(e.destination),n.type="sine",n.frequency.setValueAtTime(880,e.currentTime),o.gain.setValueAtTime(.3,e.currentTime),o.gain.exponentialRampToValueAtTime(.01,e.currentTime+.6),n.start(e.currentTime),n.stop(e.currentTime+.6);const i=e.createOscillator(),a=e.createGain();i.connect(a),a.connect(e.destination),i.type="triangle",i.frequency.setValueAtTime(1760,e.currentTime),a.gain.setValueAtTime(.15,e.currentTime),a.gain.exponentialRampToValueAtTime(.01,e.currentTime+.4),i.start(e.currentTime),i.stop(e.currentTime+.4);const r=e.createOscillator(),c=e.createGain();r.connect(c),c.connect(e.destination),r.type="sine",r.frequency.setValueAtTime(1175,e.currentTime+.2),c.gain.setValueAtTime(0,e.currentTime),c.gain.setValueAtTime(.25,e.currentTime+.2),c.gain.exponentialRampToValueAtTime(.01,e.currentTime+.9),r.start(e.currentTime+.2),r.stop(e.currentTime+.9)}catch(t){console.error("Web Audio error:",t)}}if(s){let t=!1;const e=()=>{!t&&window.scrollY>0&&(t=!0,window.removeEventListener("scroll",e),setTimeout(()=>{s.classList.remove("opacity-0","translate-y-8","pointer-events-none"),s.classList.add("opacity-100","translate-y-0"),l()},5e3))};window.addEventListener("scroll",e,{passive:!0}),window.scrollY>0&&e()}</script> </body></html>