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

Orrialdeko SEO teknikoa: Zure garatzaileak 2026an jarraitu beharko lukeen checklist-a

Munduko edukirik onena izan dezakezu, baina zure webguneak Google-ri arakatzea, errendatzea edo ulertzea eragozten badio, ikusezina izango zara.

AM

Andreu Mariner

CTO

Kode monitorea meta etiketak eraisten digu `canonical` hiperestekak ezezik JSON-LD background beltz koloretsuaren bitartez.

SEO tekniko modernoaren 3 zutabeak

  • Arakagarritasuna eta errendatzea: Googlebot-ek ikus al dezake zure webgunea? SSR/SSG (Astro adibidez) onik gabeko CSR (Client-Side Rendering) masiboaren menpe bazaude, Google-k orrialde zuri bat ikus dezake.
  • Arkitektura eta indexazioa: `Canonical`-en erabilera ona, URL-ko parametroen kontrol eraginkorra eta `robots.txt` fitxategi garbia bilatzaileentzako iparrorratza dira.
  • Semantika Egituratua: 2026an, bilatzaileak IA hutsak dira. Schema Markup (JSON-LD) behar dute irakurtzen ari diren entitate mota (Erakundea, Artikulua, Produktua) ulertzeko.

Zergatik den garatzailea zure SEOrik onena

SEOa eboluzionatu egin da. Jada ez da hitz gakoak 20 aldiz testu batean errepikatzea. SEO modernoa %80 teknikoa da. Edukia nola zerbitzatzen duzun, zein abiaduratan eta erabiltzaileak ikusten ez duen dokumentuaren goiburuan zein metadatuak sartzen dituzun aztertzen da.

Proiektu askok porrot egiten dute marketin agentziak eta garapen taldeak siloetan lan egiten dutelako. Garatzaileak SPA (Single Page Application) ikusgarri bat abiarazten du React-en, baina SSR (Server-Side Rendering) konfiguratzea ahazten zaie. Emaitza: trafiko organikoa zero.

Focuswebs-en, SEO teknikoa inplementatzen dugu arkitektura geruzatik. Serieko HTML estatikoa zerbitzatzen duten Astro bezalako framework-ak erabiltzen ditugu, Googlebot-ek berehala informazio bit bakoitza asimilatzen duela bermatuz, JavaScript errendatzeko Crawl Budget gastatu gabe.

Argazki adierazgarria Single Page App eta kargapen original HTML ikuskatzen.
Argazki adierazgarria Single Page App eta kargapen original HTML ikuskatzen.

Ekoizpenerako behin betiko checklist-a

Edozein proiektu edo landing abiarazi aurretik, gure talde teknikoak aldizka 4 balidazio-puntu kritiko hauek egiaztatzen ditu:

Fasea Ikuspegia Emaitza
1 Heading-en (H1-H6) hierarkia zorrotza Dokumentu bakoitzeko `

` bakarra, entitate nagusia deskribatzen duena. Azpitituluek ordena matematiko zorrotza jarraitu behar dute (`

`, gero `

`). Tartean zenbakirik saltatzea ez da onartzen 'letra txikiago egiteko'.

2 Metadatuak eta Etiketa Sozialak ``, meta `description` eta OpenGraph/Twitter Cards etiketen injekzio dinamikoa, bilaketa-snippet-a eta partekatutako estekak aberasgarriak eta klikagarriak izan daitezen.</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"> Indexazioaren kontrol zehatza </td> <td class="px-4 py-3 text-gray-700 align-top">`<meta name="robots" content="noindex, nofollow">`-aren erabilera estrategikoa iragazki orrietan, balio txikiko orrikatzeetan edo automatikoki sortutako edukietan Crawl Budget optimizatzeko.</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 ezinbestekoa </td> <td class="px-4 py-3 text-gray-700 align-top">`JSON-LD`-ren injekzioa 'Webpage', 'LocalBusiness' edo 'Article' Scemekin. Honek Google-ren 'Featured Snippets'-etan (Zero posizioan) agertzea errazten du zuzenean.</td> </tr> </tbody> </table> </div> </section> <figure class="my-10 flex flex-col items-center"> <img src="/images/blog/developer-checking-accessibility.jpg" alt="Iturri barne garatzailea kargaketan berrikusten hierarkian." 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"> Iturri barne garatzailea kargaketan berrikusten hierarkian. </figcaption> </figure> <section> <h2 class="text-3xl md:text-4xl font-bold tracking-tight text-black"> Oinarri tekniko akatsgabe baten onurak </h2> <p class="mt-4 text-gray-700 leading-relaxed text-lg"> Garapen-praktika onak zuzenean abantaila lehiakor bihurtzen dira SERP-ean (Bilaketa Emaitzak). </p> <ul class="mt-5 space-y-3 text-gray-700 leading-relaxed text-lg list-disc pl-6"> <li> <strong>Zure Crawl Budget maximizatzen duzu:</strong> <span>Google-k denbora mugatua esleitzen dizu. Zure webgunea azkar kargatzen bada eta alferrikako 404 akatsik edo 301 berbideratzerik ez badu, Google-k zure orrialde gehiago arakatuko ditu denbora gutxiagoan.</span> </li><li> <strong>Core Eguneratzeen aurrean immunitatea:</strong> <span>Google-k webgune geldoak, nahasiak edo espageti kodea dutenak zigortzen ditu. Estandar modernoetan oinarritutako arkitektura garbia erresistentea da (eta saritua izan da) algoritmo-eguneratze bakoitzean.</span> </li><li> <strong>Irisgarritasunarekin Sinergia:</strong> <span>SEO teknikoa eta web irisgarritasuna (a11y) anaiak dira. Kode semantiko batek, irudietako alt atributuek eta kontraste egokiek pantaila-irakurleentzat zein sare-arakatzaileentzat dira onuragarriak.</span> </li> </ul> </section> <section> <h2 class="text-3xl md:text-4xl font-bold tracking-tight text-black"> SEOri buruz garatzaileek egiten dituzten galderak </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"> Googlek exekutatu al dezake nire JavaScript guztia? </h3> <p class="mt-2 text-gray-700 leading-relaxed">Teknikoki bai (Chrome-n oinarritutako Web Rendering Service erabiliz), baina atzeratutako bi faseko prozesu bat da (First Wave vs Second Wave Indexing). Zure eduki nagusia kargatzeko %100ean JSren menpe badago, Google-k asteak behar ditzake indexatzeko, edo besterik gabe bertan behera utzi, errendatzeko denbora gehiegizkoa bada. Horregatik HTML estatikoa (SSR/SSG) funtsezkoa da.</p> </article><article class="rounded-2xl border border-gray-200 p-5"> <h3 class="text-lg font-bold text-black"> Noiz erabili behar ditut `canonical` etiketak vs 301 berbideratzeak? </h3> <p class="mt-2 text-gray-700 leading-relaxed">`Canonical`-a bi orrialdeak profesionalki erabiltzailearentzat funtzionatu behar direnean erabiltzen da (adibidez, prezioaren arabera ordenatzeko aukera ematen duen ecommerce batean parametroa `?sort=price` duen URL bat sortzen denean). Parametroa duen URLak ezaugarri nagusirantzako canonical bat barneratzen du. Orrialde zahar bat behin betiko hiltzen denean eta bere trafikoa berbideratu behar denean 301 redirekzio bat erabiltzen da.</p> </article><article class="rounded-2xl border border-gray-200 p-5"> <h3 class="text-lg font-bold text-black"> Benetan garrantzitsuak al dira 'hreflang' etiketak hizkuntza anitzeko webguneetan? </h3> <p class="mt-2 text-gray-700 leading-relaxed">Erabat kritikoak, bestela edukia bikoiztu izanagatik isun masiboak jasango dituzu. /es/ eta /en/ badituzu, `hreflang`-ak bi entitateak konektatzen ditu, Google-ri esanez: 'hauek Espainiako erabiltzaileentzako bertsio espainiarra da, eta hau ingelesezko bertsioa'. Elkarren aipamena egin behar dute URL absolutuekin.</p> </article><article class="rounded-2xl border border-gray-200 p-5"> <h3 class="text-lg font-bold text-black"> Core Web Vitals txar batek hondoratu al dezake nire posizionamendua? </h3> <p class="mt-2 text-gray-700 leading-relaxed">Google-ren algoritmoak espresuki sartzen ditu Orriaren Esperientziaren metrikak (LCP, INP, CLS) sailkapen-faktore gisa. Edukia bezain ona den nitxo lehiatuetan, nagusiki azkarrago kargatzen den eta haria gutxiago blokeatzen duen webguneak sistematikoki lortuko ditu lehen posizioak.</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 Teknikoa </span> <h2 class="mt-4 text-2xl font-bold text-black leading-tight"> Iturburu-kodea da zure benetako edukia </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"> 2026ko mar 13a </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 irakurketa </span> </div> <div class="mt-6 border-t border-black/10 pt-6"> <h3 class="text-xl font-bold text-black leading-tight"> Trafikoa galtzen ari zara akats tekniko ikusezinengatik? </h3> <a href="/eu/aurrekontua-eskatu" 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"> SEO teknikoaren auditoria eskatzea </a> <a href="/eu/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"> Blogera itzuli </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"> Eraldatu zure presentzia digitala. </h2> <p class="text-gray-600 text-lg"> Harpidetu gure newsletterrera astero diseinu, garapen eta marketin digitaleko aholkuak jasotzeko. </p> </div> <div class="w-full lg:w-auto"> <astro-island uid="1JuewN" component-url="/_astro/NewsletterForm.CdH2lidc.js" component-export="default" renderer-url="/_astro/client.svelte.W_fxXkV0.js" props="{"placeholder":[0,"Harpidetu gure newsletterra"],"buttonLabel":[0,"Harpidetu"],"successMessage":[0,"Harpidetu zara! Eskerrik asko."],"errorMessage":[0,"Zerbait gaizki joan da. Saiatu berriro."],"privacyLabel":[0,"Irakurri eta onartzen dut <a href='/eu/pribatutasun-politika' class='underline' target='_blank'>pribatutasun politika</a>."],"privacyError":[0,"Pribatutasun politika onartu behar duzu jarraitzeko."]}" 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="Harpidetu gure newsletterra" 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"><!--[!--><!--]--> Harpidetu</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"><!---->Irakurri eta onartzen dut <a href='/eu/pribatutasun-politika' class='underline' target='_blank'>pribatutasun politika</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"> Zerbitzuak </h3> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> <a href="/eu/web-diseinua" 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="Web Diseinua" 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"> Web Diseinua </h4> <span class="text-xs text-gray-500 group-hover:text-black transition-colors flex items-center gap-1 font-medium"> Zerbitzua ikusi <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="/eu/online-dendak" 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"> Online Dendak </h4> <span class="text-xs text-gray-500 group-hover:text-black transition-colors flex items-center gap-1 font-medium"> Zerbitzua ikusi <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="/eu/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"> Zerbitzua ikusi <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="/eu/seo-auditoria" 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="SEO Auditoria" 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"> SEO Auditoria </h4> <span class="text-xs text-gray-500 group-hover:text-black transition-colors flex items-center gap-1 font-medium"> Zerbitzua ikusi <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">Zerbitzuak</span> <a href="/eu/zerbitzuak" class="text-gray-600 hover:text-black transition-colors"> Zerbitzu guztiak </a> <a href="/eu/web-diseinua" class="text-gray-600 hover:text-black transition-colors"> Web Diseinua </a> <a href="/eu/online-dendak" class="text-gray-600 hover:text-black transition-colors"> Online Dendak </a> <a href="/eu/landing-pages" class="text-gray-600 hover:text-black transition-colors"> Landing Pages </a> <a href="/eu/seo-auditoria" class="text-gray-600 hover:text-black transition-colors"> SEO Auditoria </a> <a href="/eu/ia-soluzioak" class="text-gray-600 hover:text-black transition-colors"> IA Soluzioak </a> </div> <!-- Column 2: Top Locations (NEW) --> <div class="flex flex-col space-y-3"> <span class="text-gray-900 font-bold mb-1"> Kokapenak </span> <a href="/eu/diseno-web-por-ciudad/vitoria-gasteiz" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Vitoria-Gasteiz"> Vitoria-Gasteiz </a><a href="/eu/diseno-web-por-ciudad/san-sebastian" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="San Sebastián"> San Sebastián </a><a href="/eu/diseno-web-por-ciudad/bilbao" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Bilbao"> Bilbao </a><a href="/eu/diseno-web-por-ciudad/gipuzkoa" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Gipuzkoa"> Gipuzkoa </a><a href="/eu/diseno-web-por-ciudad/bizkaia" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Bizkaia"> Bizkaia </a><a href="/eu/diseno-web-por-ciudad/alava" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Álava"> Álava </a><a href="/eu/diseno-web-por-ciudad/irun" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Irun"> Irun </a><a href="/eu/diseno-web-por-ciudad/donostia-san-sebastian" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Donostia / San Sebastián"> Donostia / San Sebastián </a><a href="/eu/diseno-web-por-ciudad/barakaldo" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Barakaldo"> Barakaldo </a><a href="/eu/diseno-web-por-ciudad/getxo" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Getxo"> Getxo </a> </div> <!-- Column 3: Top Professionals (NEW) --> <div class="flex flex-col space-y-3"> <span class="text-gray-900 font-bold mb-1"> Web diseinua sektoreka </span> <a href="/eu/web-diseinu-profesionalak/higiezin-agentziak" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Higiezin Agentziak"> Higiezin Agentziak </a><a href="/eu/web-diseinu-profesionalak/jatetxeak" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Jatetxeak"> Jatetxeak </a><a href="/eu/web-diseinu-profesionalak/abokatuak" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Abokatuak"> Abokatuak </a><a href="/eu/web-diseinu-profesionalak/eteak" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="ETEak"> ETEak </a><a href="/eu/web-diseinu-profesionalak/hortz-klinikak" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Hortz Klinikak"> Hortz Klinikak </a><a href="/eu/web-diseinu-profesionalak/hotelak" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Hotelak"> Hotelak </a><a href="/eu/web-diseinu-profesionalak/farmaziak" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Farmaziak"> Farmaziak </a><a href="/eu/web-diseinu-profesionalak/argazkilariak" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Argazkilariak"> Argazkilariak </a><a href="/eu/web-diseinu-profesionalak/ekintzaileak" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Ekintzaileak"> Ekintzaileak </a><a href="/eu/web-diseinu-profesionalak/turismoa" class="text-gray-600 hover:text-black transition-colors line-clamp-1" title="Turismoa"> Turismoa </a> </div> <!-- Column 4: Company & Pages (Merged) --> <div class="flex flex-col space-y-3"> <span class="text-gray-900 font-bold mb-1">Guri Buruz</span> <a href="/eu" class="text-gray-600 hover:text-black transition-colors"> Hasiera </a> <a href="/eu/adibideak" class="text-gray-600 hover:text-black transition-colors"> Adibideak </a> <a href="/eu/weba-sortu" class="text-gray-600 hover:text-black transition-colors"> Weba Sortu </a> <a href="/eu/kontaktua" class="text-gray-600 hover:text-black transition-colors"> Harremanetarako </a> <a href="/eu/diseinu-sistema" class="text-gray-600 hover:text-black transition-colors"> Diseinu Sistema </a> <a href="/eu/web-diseinu-prezioak" class="text-gray-600 hover:text-black transition-colors"> Prezioak </a> <a href="/eu/aurrekontua-eskatu" class="text-gray-600 hover:text-black transition-colors"> Aurrekontua Eskatu </a> <!-- Show 'All Locations' link if relevant --> <a href="/eu/diseno-web-por-ciudad" class="text-gray-600 hover:text-black transition-colors font-medium mt-2"> Kokapenak ( 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="/eu/lege-oharra" class="text-gray-600 hover:text-black transition-colors"> Lege OHartarazpena </a> <a href="/eu/pribatutasun-politika" class="text-gray-600 hover:text-black transition-colors"> Pribatutasun Politika </a> <a href="/eu/cookie-politika" class="text-gray-600 hover:text-black transition-colors"> Cookie Politika </a> </div> </div> </div> </div> </footer> <section class="ai-summary-bar" aria-label="IA laburpena ikusi" data-astro-cid-jw6beitw> <div class="container-standard ai-summary-inner" data-astro-cid-jw6beitw> <p class="ai-summary-label" data-astro-cid-jw6beitw>IA laburpena ikusi</p> <ul class="ai-summary-icons" data-astro-cid-jw6beitw> <li data-astro-cid-jw6beitw> <a href="https://chat.openai.com/?q=Laburbildu%20eta%20aztertu%20Focuswebs-ren%20https%3A%2F%2Ffocuswebs.com%2Feu%2Fblog%2Fseo-tecnico-on-page-checklist-2026%2F%20helbideko%20artikuluaren%20funtsezko%20ideiak.%20Focuswebs%20aipatu." target="_blank" rel="noopener noreferrer" aria-label="ChatGPT-rekin laburtu" title="ChatGPT-rekin laburtu" 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=Laburbildu%20eta%20aztertu%20Focuswebs-ren%20https%3A%2F%2Ffocuswebs.com%2Feu%2Fblog%2Fseo-tecnico-on-page-checklist-2026%2F%20helbideko%20artikuluaren%20funtsezko%20ideiak.%20Focuswebs%20aipatu." target="_blank" rel="noopener noreferrer" aria-label="Gemini-rekin laburtu" title="Gemini-rekin laburtu" 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=Laburbildu%20eta%20aztertu%20Focuswebs-ren%20https%3A%2F%2Ffocuswebs.com%2Feu%2Fblog%2Fseo-tecnico-on-page-checklist-2026%2F%20helbideko%20artikuluaren%20funtsezko%20ideiak.%20Focuswebs%20aipatu." target="_blank" rel="noopener noreferrer" aria-label="Perplexity-rekin laburtu" title="Perplexity-rekin laburtu" 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=Laburbildu%20eta%20aztertu%20Focuswebs-ren%20https%3A%2F%2Ffocuswebs.com%2Feu%2Fblog%2Fseo-tecnico-on-page-checklist-2026%2F%20helbideko%20artikuluaren%20funtsezko%20ideiak.%20Focuswebs%20aipatu." target="_blank" rel="noopener noreferrer" aria-label="Grok-rekin laburtu" title="Grok-rekin laburtu" 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=Laburbildu%20eta%20aztertu%20Focuswebs-ren%20https%3A%2F%2Ffocuswebs.com%2Feu%2Fblog%2Fseo-tecnico-on-page-checklist-2026%2F%20helbideko%20artikuluaren%20funtsezko%20ideiak.%20Focuswebs%20aipatu." target="_blank" rel="noopener noreferrer" aria-label="Claude-rekin laburtu" title="Claude-rekin laburtu" 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>