SEO On-Page: la guia completa

Què és el SEO On-Page?

A la introducció d'aquest article ja hem insinuat què és el SEO On-Page, però ara, i per tenir una imatge més àmplia del que significa, donem-ne una definició:

El SEO On-Page fa referència a totes aquelles tècniques i accions que duem a terme específicament a la nostra pàgina web, amb l'objectiu de millorar-la i optimitzar-la, seguint els patrons i estàndards recomanats pels cercadors, per aconseguir millors posicions a les seves pàgines de resultats.

Invertir en una sòlida feina de SEO On-Page és una de les coses més senzilles i rendibles que podem fer per obtenir trànsit permanent i visites orgàniques al nostre lloc. Per això, aprendre a dominar-lo ha de ser una prioritat dins de la nostra estratègia d'optimització dels nostres projectes SEO.

Consell SEO: Des de la nostra agència, et volem dir que si vols fer una gran feina de SEO On-Page, comença per elaborar una checklist SEO on estructuris, fase a fase, cadascuna de les tasques i els seus temps d'execució. Això et permetrà ser més eficient i productiu, i també t'ajudarà a aplicar el mateix enfocament en futurs projectes SEO.

Diferències entre SEO On-Page i SEO Off-Page

Si el SEO On-Page fa referència a tot el que podem treballar (i, per tant, controlar) internament a la nostra pàgina web (continguts, enllaços interns, imatges, paraules clau...), el SEO Off-Page és el que se centra exclusivament a optimitzar factors externs a la nostra pàgina web, com els enllaços entrants (backlinks), les xarxes socials i el marketing viral.

Per separat, totes dues disciplines cobreixen factors d'optimització diferents, però juntes completen tota l'estructura de la piràmide del SEO.

Factors clau en SEO On-Page

A continuació, veurem els factors que entren en joc a l'hora d'implementar una estratègia de SEO On-Page:

Dominis

Un dels elements més importants d'una pàgina web és el seu domini. Cercadors com Google donen una certa rellevància i pes al posicionament a aquells dominis que contenen la paraula clau principal de la marca o empresa. Tot i que no és un requisit indispensable, ajuda a posicionar-se a les pàgines de resultats.

A més, incloure la paraula clau principal ajudarà molt amb la popularitat web (SEO Off-Page), ja que tots els enllaços externs que aconseguim apuntant al nostre domini inclouran, a l'anchor text, la paraula clau per la qual volem posicionar.

Imaginem que tenim un negoci online i venem snowboards, i el nostre nom de domini és "www.snowboards.com". El fet de tenir aquest domini registrat sumarà punts perquè la pàgina web aparegui a les primeres posicions dels cercadors per a la paraula clau "snowboards".

Tanmateix, comprar un nom de domini amb la paraula clau objectiu de la nostra estratègia de posicionament no és tan fàcil. En molts casos, probablement ens trobarem que el nom de domini ja està agafat en diverses de les seves versions (.com, .net, .es, etc.). En aquest punt, probablement haurem de triar un nom de domini separat per un guió (per al nostre exemple: "www.snow-boards.com"). Aquest tipus de domini té tant valor en termes de posicionament com un sense guió, però per descomptat, en termes de branding, un domini sense guió és molt més efectiu.

Exemple d'un domini amb concordança exacta de paraula clau.

Tenir un nom de domini que contingui la paraula clau que els nostres potencials clients cerquen és un avantatge SEO important.

Antiguitat del domini

Pel que fa al posicionament SEO, podem dir que una pàgina web amb una certa antiguitat de domini té rellevància per als cercadors. Això és raonable, en el sentit que un lloc creat recentment necessita entre un mes i mig i dos mesos per indexar tot el seu contingut i posicionar-se per a les cerques més generals. Per posicionar-se a les primeres posicions de les SERPs es requereix una mica més de temps (entre 6 mesos i 1 any)... sempre que siguis constant a la teva feina i apliquis pràctiques "White Hat"!

Hi ha eines al mercat, com Whois, que et permeten consultar les dades d'un domini (nom de domini, antiguitat, nom de servidor, IP, DNS...) mitjançant un cercador basat en el protocol TCP (Request/Response).

Dominis aparcats

Els dominis aparcats són aquells que no s'estan utilitzant i, en canvi, estan "aparcats", generalment redirigint el trànsit a un altre lloc mitjançant redireccions permanents. Com a resultat, els cercadors normalment no els rastregen, i molt menys els indexen.

Consell SEO: Si decideixes engegar un projecte de posicionament sota un domini aparcat, et recomanem que primer et centris a generar contingut de qualitat i, un cop transcorregut un període de temps raonable (almenys 6 mesos), registris el domini a Google, generis un nou fitxer sitemap i comencis a afegir-lo al domini, sempre seguint les pautes de qualitat del cercador.

Meta tags i dades estructurades

Les meta tags són una peça clau en una estratègia d'optimització SEO On-Page, ja que és a través d'elles que Google les pot llegir, recollir-ne les dades i mostrar-les a les pàgines de resultats. Si utilitzes un gestor de contingut com WordPress, hi ha excel·lents plugins com Rank Math que tenen funcions avançades per optimitzar aquestes meta tags i et poden ser molt útils.

Article recomanat: Rank Math: el millor plugin SEO per a WordPress

Optimització de la tag Title

Les tags <title> de les pàgines, a més d'influir positivament en el SEO d'una pàgina web des del punt de vista de la rellevància, són un element molt visible a les SERPs per als usuaris, per la qual cosa és crític que estiguin optimitzades seguint els consells que des de SEO Alive et donem:

• ›Han de ser títols rellevants, descriptius i únics (específics) per a cadascuna de les pàgines de la pàgina web.
• ›Han de ser diferents i complementaris a les meta description.
• ›Han d'incloure les paraules clau més importants de la pàgina sempre al començament del títol.
• ›Han d'incloure el nom del lloc i/o el nom de marca al final.
• ›Han de ser clars i concisos (Google mostra entre 55 i 60 caràcters), per la qual cosa és important mantenir-los per sota d'aquesta longitud.

Exemple d'un Snippet amb la tag "Title" optimitzada de zalando.es

Optimització de la tag Meta description

Des de fa un temps, Google ja no considera les meta descriptions com un factor de posicionament en si mateix; tanmateix, igual que les tags title, són molt visibles als resultats de cerca i serveixen com a descripció i CTA (call to action) per captar l'atenció dels usuaris i convidar-los a visitar la pàgina web.

Una vegada més, des de SEO Alive et volem donar una sèrie de consells per optimitzar les meta descriptions de la teva pàgina web:

• ›Han de ser úniques, descriptives i rellevants per a cada pàgina de la pàgina web.
• ›Han de complementar i ampliar la informació del <title>.
• ›Afegeix un CTA convidant els usuaris a accedir a la pàgina web (fomenta l'engagement).
• ›No superis el nombre de caràcters permès per Google (150-160 màx).

Un exemple d'una meta description optimitzada seria el següent:

Exemple d'una Meta description optimitzada

Optimització dels encapçalaments

Els encapçalaments són aquelles seccions del contingut que es mostren mitjançant les tags <h1>, <h2>, <h3>, etc. S'utilitzen per als títols i subtítols del contingut de la pàgina, i tant els cercadors com els usuaris els tenen molt en consideració per entendre i reflectir la temàtica de la pàgina.

Per a una bona estructura de contingut i, per tant, una arquitectura jeràrquica-semàntica sòlida, els encapçalaments han de mantenir consistència entre ells, sent l'h1 el principal i h2, h3...h6 els d'un nivell jeràrquic inferior.

A continuació, mostrarem un exemple de l'ús i optimització dels encapçalaments:

Exemple d'ús i optimització de tags d'encapçalament a SEO Alive

Segmentació geogràfica: la tag Hreflang

Si el nostre projecte se centra en SEO internacional, utilitzant les tags hreflang, identifiquem l'idioma i el país als quals s'adreça cada pàgina del nostre lloc, de manera que podem posicionar la versió correcta en cada cas als resultats de cerca i entendre la relació entre elles.

Les tags hreflang s'han d'incloure a l'àrea de la secció </head> del codi HTML (tot i que també es poden especificar a la capçalera http o als fitxers XML del sitemap), i l'objectiu és especificar per a cada pàgina el seu idioma i, alternativament, el país, incloent-hi també les seves versions alternatives enfocades a altres idiomes i països.

Tags hreflang a TripAdvisor

Evitar el contingut duplicat: la tag rel= "canonical"

És ben sabut al món del SEO que el contingut duplicat pot afectar negativament una pàgina web, a més de poder causar més d'un mal de cap amb penalitzacions de Google o accions legals dels propietaris d'altres pàgines web.

La tag rel= "canonical" s'utilitza en l'optimització en cercadors per evitar aquesta qüestió i indicar a Google quina és la versió "canònica" que volem mostrar a l'usuari, per evitar incórrer en pràctiques negatives als ulls del cercador.

Hi ha estratègies per evitar el contingut duplicat, com l'ús de redireccions, la tag canonical evidentment, o implementar directives de rastreig per als bots dels cercadors amb el fitxer robots.txt.

Si vols aprofundir en aquest tema, la nostra SEO, Rocío Luque, ha preparat un article molt tècnic sobre l'ús i la importància d'aquesta tag. No te'l perdis!

Article recomanat: La importància de la tag rel= "canonical" en SEO

Rich Snippets

Els rich snippets són fragments de dades estructurades que apareixen a les SERPs de Google quan es duu a terme una cerca per a un terme o paraula clau específics. Generalment estan compostos per: un títol, dues línies de text amb contingut rellevant per a la intenció de cerca dels usuaris (imatges, vídeos, ressenyes, valoracions...), i la URL de la pàgina web a la qual fan referència.

Mitjançant l'anomenat marcatge de dades estructurades, les pautes del qual estan definides per schema.org, es pot afegir certa informació per fer els snippets més atractius, amb codi XHTML (microformats) que, en ser identificats per Google, es converteixen en informació addicional per mostrar als resultats de cerca.

Els avantatges d'utilitzar rich snippets són diversos: millorar la indexació de la nostra pàgina web, enllaçar contingut entre múltiples pàgines mitjançant sitelinks, o destacar contingut amb fragments rics (imatges i vídeos) als cercadors.

Sitemap.xml

El fitxer sitemap és un fitxer codificat en XML que s'ha de pujar a l'arrel del servidor per dir a Google totes les URLs que volem que es rastregin, la prioritat de rastreig que assignem a cada pàgina, la data en què el contingut es va actualitzar, així com la freqüència amb què recomanem que es torni a visitar. Al mateix temps, no pot contenir més de 50.000 URLs ni pesar més de 10 MB.

Aquests fitxers ens poden ajudar a millorar la indexació de la nostra pàgina web, establir una estructura web SEO-friendly i detectar errors molt més ràpidament. El seu ús és més que recomanat; és obligatori per facilitar el procés de rastreig i indexació de Google.

Hi ha molts tipus de sitemap.xml i a continuació et mostrem un exemple del sitemap d'un dels nostres clients de l'agència SEO Alive perquè et facis una idea de la seva estructura i codificació:

Exemple del fitxer sitemap.xml del nostre client Chess.com, que està organitzat per idioma i classificat per categoria de contingut.

Robots.txt

Un altre factor d'optimització dins d'una estratègia de SEO On-Page és el fitxer robots.txt. Es tracta d'un fitxer de text pla (.txt) en què donem certes directives a Google per facilitar o bloquejar l'accés a directoris, subdirectoris, pàgines i seccions de la nostra pàgina web. D'aquesta manera, podem controlar tot el que volem que els bots dels cercadors tinguin accés o no. Si no saps de què parlem, pots consultar la nostra guia on expliquem en profunditat tot el que necessites saber sobre aquest fitxer, tan necessari per al posicionament SEO.

Article recomanat: Guia completa del fitxer robots.txt

Optimització de l'enllaçat intern

Si vols que el teu projecte arribi a les primeres posicions a les pàgines de resultats dels cercadors, no et pots permetre el luxe de descuidar la implementació d'una estratègia d'enllaçat intern. L'enllaçat intern és vitalment important no només perquè les aranyes dels cercadors puguin trobar fàcilment totes les pàgines de la nostra pàgina web, sinó també perquè és important per passar link juice o popularitat i rellevància entre elles. Cuida els teus enllaços interns; t'ajudaran a millorar el teu SEO On-Page!

Optimització d'imatges

Les imatges d'una pàgina web no només són útils per fer el teu contingut més atractiu i captar l'atenció dels usuaris, sinó que també ofereixen la possibilitat d'atreure visibilitat i trànsit addicionals mitjançant la cerca d'imatges i els resultats universals (Universal Search), que mostren imatges per a determinats tipus de cerques.

Incloure un text únic i rellevant a la descripció ALT (l'atribut "alt" inclòs a la tag <img> del codi HTML) de cada imatge, descrivint-la i utilitzant les paraules clau per les quals vols posicionar, sumarà punts per millorar el SEO On-Page de la teva pàgina web. No t'oblidis d'optimitzar-les!

La importància del contingut optimitzat

Quantes vegades hem sentit la frase "El contingut és el rei"? Doncs sí, en SEO és 100% certa! A SEO Alive, et volem donar una sèrie de consells per tenir contingut ben optimitzat:

• ›Crea contingut accessible i indexable per als cercadors i, evidentment, visible per a l'usuari.
• ›El contingut ha de ser rellevant i descriptiu per al tema que tracta, utilitzant de manera natural les paraules clau per les quals vols posicionar.
• ›El contingut ha de ser únic per pàgina, no duplicat internament (a altres pàgines del lloc) ni externament (d'altres llocs).
• ›Genera com a mínim 500 paraules de text específic per pàgina per evitar caure en el Thin Content o "contingut pobre".
• ›Crea contingut que respongui als interessos dels usuaris, així com a l'objectiu de negoci de la teva pàgina web.

Segueix aquests consells i maximitzaràs el teu SEO On-Page!

Arquitectura web

Per a la teva estratègia d'optimització SEO On-Page, l'últim però no menys important és l'arquitectura web. Una bona organització jeràrquica de tot el contingut a nivell de taxonomies i folksonomies ajudarà al posicionament del teu lloc, afavorirà l'enllaçat intern, la indexació i el rastreig per part dels cercadors, i ajudarà els usuaris a trobar el contingut que busquen. Crear una arquitectura SEO sòlida és essencial per als teus projectes!

Velocitat de càrrega

La velocitat de càrrega, o WPO, sol ser un dels factors més oblidats. Ens centrem en el disseny i l'aspecte visual, que és molt important, però la manera com es construeixen les pàgines pot marcar la diferència entre l'èxit i el fracàs en termes de velocitat i experiència d'usuari.

WPO (Web Performance Optimization)

Des del 2018, Google va anunciar oficialment que el pes de la velocitat de càrrega com a factor de posicionament i la seva influència en els rànquings es tindrien en consideració per a totes les pàgines web que vulguin posicionar-se al cercador. La raó té molt a veure amb l'experiència d'usuari (UX), ja que els usuaris, amb l'ús creixent dels dispositius mòbils, exigeixen cada cop més pàgines web ràpides que ofereixin un bon rendiment.

Valors de velocitat WPO a GTMetrix per a la nostra pàgina web.

A SEO Alive sempre fem un pas més enllà! Per això hem preparat una guia molt completa de WPO on expliquem com mesurar la velocitat de càrrega d'una pàgina web, quines eines són necessàries per a la seva correcta implementació, com configurar la cau, minificar el codi HTML i JS, plugins de WordPress per dur a terme aquestes tasques... i molt més!

Article recomanat: Guia WPO per optimitzar la velocitat de la teva pàgina web

AMP (Accelerated Mobile Pages)

Una altra de les revolucions que Google va anunciar per al 2015, i que va ser un boom al món del SEO, van ser les pàgines que implementaven AMP. El seu funcionament es basa a crear pàgines més lleugeres que contenen menys recursos. Per a això, el codi JS es carrega de manera asíncrona i es recalculen els camins crítics de CSS, donant com a resultat una pàgina molt més ràpida.

Dins de la comunitat SEO, aquesta tecnologia s'està implementant cada cop més, malgrat les opinions enfrontades pels avantatges i desavantatges que el seu ús pot comportar.

Com a avantatges d'utilitzar AMP, podem llistar:

• ›Un impacte molt positiu en la velocitat d'una pàgina web.
• ›Afavoreix la visibilitat per a cerques mòbils a Google News i Google Discover.
• ›Facilita la monetització de visites i trànsit captat a la pàgina web.

A la cara contrària, els desavantatges són:

• ›Alt cost d'implementació que pot requerir una inversió important en recursos i personal dedicat.
• ›Taxes de CTR molt per sota dels nivells desitjables per a posicionaments sòlids.
• ›Altes taxes de rebot, que en molts casos poden arribar al 80-90%.

A SEO Alive, et recomanem que avaluïs i consideris si la seva implementació és adequada (ja que cada negoci és diferent). El que és clar és que utilitzar AMP et pot ajudar amb la teva estratègia de SEO On-Page.

Optimització per a dispositius mòbils (Mobile First Indexing)

També al voltant del 2015, les tendències de cerca van fer un gir radical. L'octubre d'aquell any, Google va anunciar que les cerques mitjançant dispositius mòbils s'estaven considerant com un factor de posicionament clau: havia nascut el Mobile First Index. Des de llavors, el gegant de les cerques s'ha centrat a crear recomanacions de bones pràctiques per al SEO mòbil i ha desenvolupat un bot específic (Googlebot per a smartphones) que rastrejava i revisava aquest tipus de contingut per classificar les pàgines web als resultats de cerca mòbil.

A partir d'aquell moment, la comunitat SEO es va centrar en aquesta optimització i, amb ella, van arribar eines com Page Speed Insights per millorar el rendiment i la velocitat en aquests dispositius (tablets i smartphones). Per totes aquestes raons, et recomanem que consideris seriosament si la teva pàgina web està optimitzada, és responsive i mobile-friendly per als cercadors. Utilitza eines com el Mobile-Friendly Test oficial de Google Developers o el mateix Page Speed Insights. Sens dubte t'ajudarà a posicionar millor la teva pàgina web als cercadors!

Eines per treballar el SEO On-Page

A SEO Alive et volem ajudar! Per això et deixem la llista següent d'eines que t'ajudaran a la planificació i execució de la teva estratègia de SEO On-Page:

Google Search Console

L'eina de Google per a Webmasters per monitoritzar tot el relacionat amb la indexació, el rastreig, mètriques de rendiment, usabilitat, control d'errors, etc.

Screaming Frog

Una eina de rastreig que t'ajudarà a dur a terme una estratègia On-Page profunda i exhaustiva.

Safecont i Onpage.org

Són eines excel·lents per al maneig de continguts, contingut duplicat i indexabilitat, respectivament.

Semrush, Sistrix i Ahrefs

Potents suites SEO "All in One" que t'ajudaran tant amb la recerca de paraules clau com amb la gestió del perfil d'enllaços, entre moltes altres coses.

Software de SEO Alive

Per descomptat, no podia faltar la nostra pròpia eina. Millora notablement el que ofereix Search Console, ja que extraiem i tractem dades de la seva API a més d'oferir-te noves funcions com la visibilitat, que convertirà les teves dades en insights potents i de gran valor. Descobreix el nostre software SEO GRATIS ara!

Gràfic de Visibilitat SEO del nostre projecte (SEO Alive) al software SEO.

Conclusions

A mesura que arribem al final de l'article, des de la nostra agència et volem transmetre la importància crítica de dur a terme una estratègia de SEO On-Page a la teva pàgina web. Per això et recomanem que segueixis tots els passos que t'hem donat, i sens dubte aconseguiràs millorar dràsticament aquesta part tan important del posicionament en cercadors. No perdis més temps, posa-t'hi!

I tu, estimada lectora o lector... Quina estratègia de SEO On-Page implementes als teus projectes? Explica'ns-ho a la caixa de comentaris. Et respondrem tan aviat com sigui possible. Fins aviat!