Javier Castellanos
Portfoli digital
,

SEO i posicionament


Justificació

El SEO (Search Engine Optimization) és el conjunt de bones pràctiques que ajuden els cercadors a entendre, indexar i mostrar correctament el web. En un portfoli digital, aquest posicionament és el que fa que una persona (per exemple, una empresa que busca un tècnic) trobi el treball i en vegi un resum clar als resultats. Aquestes són les bones pràctiques aplicades i l’efecte de cadascuna sobre la visibilitat del portfoli:

Bona pràcticaQuè s’ha fetEfecte sobre la visibilitat
Descripció del llocS’ha definit el lema del lloc a Ajustos > Generals.Explica de què va el web i es reutilitza com a descripció a la portada.
Títol de pàgina descriptiuLa portada passa de «Javier Castellanos» a «Javier Castellanos – Portfoli digital SMX».El títol és el primer que es veu als resultats i un dels factors principals de posicionament; amb paraules clau atrau més clics.
Meta descriptionCada pàgina, entrada i arxiu d’etiqueta o categoria té una descripció única, generada de l’extracte o del text.Els cercadors la mostren com a text sota el títol; una bona descripció augmenta el percentatge de clics.
Idioma correcteL’atribut lang de l’HTML passa de en-US a ca.Els cercadors saben que el contingut és en català i el mostren a l’audiència adequada.
Open Graph i Twitter CardS’afegeixen les metaetiquetes de títol, descripció, URL i tipus de contingut.Quan es comparteix un enllaç a xarxes socials o missatgeria es veu una targeta clara, cosa que genera més visites.
Dades estructurades (JSON-LD)S’afegeix una descripció WebSite amb el nom, l’autor i l’idioma.Ajuda els cercadors a interpretar què és el web i qui n’és l’autor.
Enllaços permanents netsLes URL tenen el format /titol-de-l-entrada/.Són llegibles i contenen paraules clau, i milloren la confiança i el rastreig.
Estructura amb categories i etiquetesCada entrada té categoria i etiquetes (vegeu l’entrada «Creació d’etiquetes per categoritzar les entrades»).Crea enllaços interns i pàgines d’arxiu temàtiques que faciliten el rastreig i la navegació.
Visibilitat per als cercadors i mòbilEs comprova que l’opció «Desaconsella als motors de cerca indexar aquest lloc» està desactivada i que hi ha la metaetiqueta viewport.Sense indexació el web no apareix mai; i la versió mòbil és un criteri de posicionament.

Implementació

Els canvis s’han fet sense instal·lar cap plugin addicional: el lema del lloc des dels ajustos de WordPress i la resta mitjançant un fragment de codi PHP al plugin WPCode (SEO bàsic del portfoli), que afegeix l’idioma, el títol, la meta description, les etiquetes Open Graph i el JSON-LD.

Verificació amb una eina d’anàlisi

Per comprovar l’efecte s’ha utilitzat l’auditoria SEO de Google Lighthouse (PageSpeed Insights), en mode mòbil i sobre la portada, un cop aplicats els canvis, i s’ha contrastat el resultat amb el codi font de la portada:

Element comprovatResultat
Puntuació SEO (mòbil)100 / 100
IncidènciesCap
Títol de la portadaJavier Castellanos – Portfoli digital SMX
Idioma de l’HTMLca
Meta description, Open Graph i JSON-LDPresents al codi font de la portada

Evidències (documentació)

  1. Definició del lema a Ajustos > Generals > Lema (captura 1).
  2. Creació del fragment a WPCode > Fragments de codi i activació (captura 2).
  3. Comprovació del codi font de la portada (Ctrl+U) buscant meta name="description", og:title i application/ld+json (captura 3).
  4. Auditoria SEO a pagespeed.web.dev amb la URL del portfoli: 100/100 sense incidències (captura 4).

Captura 1. Lema del lloc definit a Ajustos > Generals.

Lema del lloc definit a Ajustos > Generals de WordPress

Captura 2. Fragment de codi actiu a WPCode.

Fragment de codi «SEO bàsic del portfoli» actiu a WPCode

Captura 3. Codi font de la portada amb la meta description i l’Open Graph.

Codi font de la portada amb la meta description, les etiquetes Open Graph i el JSON-LD

Captura 4. Auditoria SEO (100/100) a PageSpeed Insights.

Informe de PageSpeed Insights amb puntuació SEO de 100

jcastellanos Avatar

Cada mòdul, un professor

Passa el cursor o toca un mòdul per conèixer qui l'imparteix.

OC

Programació i Web

Oscar Cascan