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àctica
Què s’ha fet
Efecte sobre la visibilitat
Descripció del lloc
S’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 descriptiu
La 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 description
Cada 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 correcte
L’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 Card
S’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 nets
Les 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 etiquetes
Cada 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òbil
Es 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 comprovat
Resultat
Puntuació SEO (mòbil)
100 / 100
Incidències
Cap
Títol de la portada
Javier Castellanos – Portfoli digital SMX
Idioma de l’HTML
ca
Meta description, Open Graph i JSON-LD
Presents al codi font de la portada
Evidències (documentació)
Definició del lema a Ajustos > Generals > Lema (captura 1).
Creació del fragment a WPCode > Fragments de codi i activació (captura 2).
Comprovació del codi font de la portada (Ctrl+U) buscant meta name="description", og:title i application/ld+json (captura 3).
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.
Captura 2. Fragment de codi actiu a WPCode.
Captura 3. Codi font de la portada amb la meta description i l’Open Graph.
Captura 4. Auditoria SEO (100/100) a PageSpeed Insights.
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional
Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
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:
langde l’HTML passa deen-USaca.WebSiteamb el nom, l’autor i l’idioma./titol-de-l-entrada/.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:
Evidències (documentació)
meta name="description",og:titleiapplication/ld+json(captura 3).Captura 1. Lema del lloc definit a Ajustos > Generals.
Captura 2. Fragment de codi actiu a WPCode.
Captura 3. Codi font de la portada amb la meta description i l’Open Graph.
Captura 4. Auditoria SEO (100/100) a PageSpeed Insights.
AUTHOR
jcastellanos