Home Page: canonical, og:url e collegamento alla root del sito 
Author: Dario B.Buongiorno,
se in WebSite X5 collego il logo con “Pagina del Sito → Home Page”, il programma genera il link verso:
index.html
Nel mio caso, ad esempio, la Home pubblica del sito è:
ma nel codice generato viene prodotto:
<meta property="og:url" content="https://www.blancatogp.com/index.html" />
Dal punto di vista SEO e Open Graph sarebbe preferibile trattare la Home Page come root pubblica del sito, quindi:
<link rel="canonical" href="https://www.blancatogp.com/">
<meta property="og:url" content="https://www.blancatogp.com/">
Secondo la specifica Open Graph, og:url rappresenta la URL canonica/permanente della pagina usata come identificativo nel social graph. Per la Home Page sarebbe quindi più corretto usare la root “/” invece del file tecnico /index.html.
Il problema pratico è che, se imposto manualmente il logo con “File o URL” verso https://www.blancatogp.com/ in anteprima locale il click porta al sito online, rendendo meno comodo il test del progetto.
Proposta di miglioramento:
1. collegamento interno alla Home come root “/”;
2. canonical automatico della Home verso la root del sito;
3. og:url coerente con il canonical;
4. comportamento corretto anche in anteprima locale;
5. possibilità di personalizzare canonical e og:url nelle proprietà SEO della pagina.
In questo modo WebSite X5 eviterebbe incoerenze tra link alla Home, canonical, Open Graph, sitemap e URL pubblica.
Buongiorno Dario,
aggiungerò il tuo feedback al suggerimento riportato relativamente alla possibilità di rendere disponibile una scelta tra /index.html e / per l'indirizzo della homepage.
Resto a disposizione.
Author
Ecco la lista di modifiche per OpenGraph:
1. og:url della Home
Usare la root del sito, non index.html.
Esempio: https://www.blancatogp.com/
2. Coerenza con canonical
og:url dovrebbe coincidere sempre con il canonical della pagina.
3. og:title personalizzabile
Permettere di modificarlo pagina per pagina.
4. og:description personalizzabile
Permettere una descrizione social dedicata e coerente con la meta description.
5. og:image dedicata per pagina
Consentire un’immagine Open Graph specifica per ogni pagina.
6. og:image:alt
Aggiungere il campo alt dell’immagine social.
7. Proprietà immagine complete
Generare anche type, width e height dell’immagine.
8. Immagine principale chiara
Evitare immagini multiple confuse: deve essere chiaro quale immagine viene usata come anteprima social.
9. Twitter/X Card completa
Oltre a twitter:card, generare anche twitter:title, twitter:description, twitter:image e twitter:image:alt.
Io creerei una nuova sezione nel Passo 1 e magari una tab dedicata in Proprietà nel Passo 3.