Creació d'enllaços entre pàgines que tinguin relació dins del lloc web

✅ Justificació dels enllaços externs en finestra nova

He decidit que tots els enllaços externs del lloc web s'obrin en una finestra nova per als següents motius:

• Usabilitat: L'usuari no perd la navegació al meu lloc web. Pot consultar contingut extern i després tornar tancant la pestanya nova.
• Experiència d'usuari (UX): Evita que l'usuari hagi de fer clic enrere per tornar al meu lloc. Millora la continuïtat de la navegació.
• Rendiment web: En obrir en pestanya nova, la pàgina original es manté carregada, reduint el temps de càrrega en tornar.

Avantatges de target="_blank":

• L'usuari pot consultar contingut extern sense perdre el context del meu lloc.
• Ideal per a recursos, documentació i xarxes socials.

Inconvenients i solució:

• Risc de seguretat (tabnabbing). He afegit rel="noopener noreferrer" per prevenir-ho.
• Pot confondre l'usuari. Ho indico amb un icona (🔗) per identificar enllaços externs.

📝 Codi implementat al menú de WordPress

Explicació dels atributs:

• target="_blank" → Obre l'enllaç en una nova pestanya (només per a enllaços externs).
• rel="noopener noreferrer" → Evita que la pàgina externa tingui accés a la finestra original (seguretat).
• Enllaços interns: No tenen target="_blank" per mantenir la navegació dins del mateix lloc.

✅ Verificació de funcionament

• ✓ Enllaç a LinkedIn → s'obre en nova pestanya
• ✓ Enllaç a Informe Final → s'obre a la mateixa pestanya (navegació interna)
• ✓ Enllaç a Reptes → s'obre a la mateixa pestanya (navegació interna)
• ✓ Atribut rel="noopener noreferrer" present a l'enllaç extern