+ Rispondi alla Discussione
Risultati da 1 a 10 di 10

HTML5: Come fare la struttura di una pagina

Ultimo Messaggio di Cesar il:
  1. #1
    User
    Data Registrazione
    Jun 2013
    Località
    Roma
    Messaggi
    24

    HTML5: Come fare la struttura di una pagina

    Apro questa discussione per capire come conviene fare la struttura di una pagina utilizzando i nuovi tag semantici HTML5.
    Prendiamo un esempio comune, una pagina contenente una notizia, caraterizzata dai seguenti elementi:


    • Titolo
    • Testo
    • Data
    • News correlate
    • Commenti


    A questo punto mi chiedo come creare la struttura HTML in modo che sia ottimizzata per i motori di ricerca, vi posto qui il metodo che sto usando adesso:

    Codice HTML:
    <article>
      <header>
        <h1>Titolo</h1>
        <time>Data</time>
      </header>
      <p>Paragrafo 1</p>
      <p>Paragrafo 2</p>
      <footer>
        <ul>
          <li>News correlata 1</li>
          <li>News correlata 2</li>
        </ul>
        <h1>Commenti</h1>
        <div>div di facebook contenente i commenti</div>
      </footer>
    </article>
    Con questo tipo di struttura ho notato innanzitutto un primo problema, cioè che condividendo il link su facebook, viene riconosciuto come testo anche il titolo e la data, a quanto pare perchè facebook rileva come testo tutto ciò che c'è all'interno del tag <article>. Uno spunto di miglioramento quindi, penso possa essere quello di avere dentro il tag <article> solamente i paragrafi del testo.
    Ditemi voi è se è una scelta saggia e se fareste altre modifiche. Grazieee

  2. #2
    User
    Data Registrazione
    Jun 2013
    Località
    Roma
    Messaggi
    39
    Ciao, in attesa che ti risponde uno più esperto di me ci provo io:

    non credo che l'h1 è buono per i commenti

    forse puoi aggiungere l'h2 come sottotitolo, prima del tag p

    news correlata 1 e 2 sono dei link? Se si forse è meglio integrarli nel testo con le giuste anchor text. Più i link stanno in alto e meglio è! Poi alla fine della lettura un utente potrebbe ignorare i link che rimandano all'articolo successivo. Se invece li metti nel testo può darsi che l'utente sarà più invogliato ad approfondire subito per poi tornare a concludere la lettura dell'articolo.
    Questo vale solo se gli articoli che linki sono un approfondimento. altrimenti fai bene a metterli alla fine dell'articolo, magari con una frase del tipo: "prosegui la lettura con.........."

  3. #3
    User
    Data Registrazione
    Jan 2007
    Messaggi
    143
    Ciao,
    io non ho i commenti ma nei correlati uso il nav e ho cercato di usare gli "H" in cascata... Come vi sembra?

    Codice:
    <body>
    <header>
      <h1>Titolo sito</h1>
    </header>
    <section>
      <h2>Titolo categoria</h2>
      <article>
        <header>
          <h3>Titolo articolo</h3>
          <time datetime=""></time>
        </header>
        <p>Testo </p>
      </article>
      <nav>
        <h4>Articoli simili </h4>
        <ul>
          <li>Articolo 1</li>
          <li>Articolo 2</li>
        </ul>
      </nav>
    </section>
    <aside>
      <? include('column.php'); ?>
    </aside>
    <footer>
      <? include('footer.php'); ?>
    </footer>
    </body>
    </html>

  4. #4
    User
    Data Registrazione
    Jan 2006
    Località
    Biella
    Messaggi
    86
    Secondi voi i tag html5 hanno qualche impatto per il posizionamento nelle serp?
    Migliori Spacci Aziendali da tutta Italia.

  5. #5
    ModSenior L'avatar di vnotarfrancesco
    Data Registrazione
    Oct 2009
    Località
    Torino
    Messaggi
    14,613
    Segui vnotarfrancesco su Twitter Aggiungi vnotarfrancesco su Google+ Aggiungi vnotarfrancesco su Linkedin
    Citazione Originariamente Scritto da naeemi Visualizza Messaggio
    Secondi voi i tag html5 hanno qualche impatto per il posizionamento nelle serp?
    Ad oggi no, ma possono aiutare i crawler a scansionare meglio i contenuti della pagina.


    Valerio Notarfrancesco
    MODSeo e Tecnologie
    Per consigli e strategie SEO seguimi su Google Plus +Valerio Notarfrancesco - Twitter
    Seconda edizione Seo Power

  6. #6
    User
    Data Registrazione
    Sep 2013
    Località
    fino mornasco
    Messaggi
    13
    bhe io nel dubbio ho realizzato il sito con l'html5 e sto cercando di integrare anche gli schema.org per passare più informazioni semantiche a GG.
    Usando lo strumento di GG per verificare gli scherma.org ho visto che li individua correttamente...e in effetti mi piacerebbe capire se ciò aiuterà anche il posizionamento. Per esempio, lo schema dei local business potrebbe influire sulle ricerche geografiche relative a dove si trova l'azienda se GG associa la posizione della stessa ai temi principali trattati? eh...bella domanda

  7. #7
    User L'avatar di Fefe85ma
    Data Registrazione
    Oct 2013
    Località
    Modena
    Messaggi
    12
    Citazione Originariamente Scritto da vnotarfrancesco Visualizza Messaggio
    Ad oggi no, ma possono aiutare i crawler a scansionare meglio i contenuti della pagina.


    Valerio Notarfrancesco
    Quindi se uno è indeciso, meglio strutturare con HTML5?

  8. #8
    ModSenior L'avatar di vnotarfrancesco
    Data Registrazione
    Oct 2009
    Località
    Torino
    Messaggi
    14,613
    Segui vnotarfrancesco su Twitter Aggiungi vnotarfrancesco su Google+ Aggiungi vnotarfrancesco su Linkedin
    Si certo, meglio usare html5.
    Non vedo nessun motivo tecnico per non usarlo.


    Valerio Notarfrancesco
    MODSeo e Tecnologie
    Per consigli e strategie SEO seguimi su Google Plus +Valerio Notarfrancesco - Twitter
    Seconda edizione Seo Power

  9. #9
    User
    Data Registrazione
    Jan 2006
    Località
    Biella
    Messaggi
    86
    Alcuni browser come IE e soprattutto IE6 che ancora è molto utilizzato non supportano l'html5.
    Migliori Spacci Aziendali da tutta Italia.

  10. #10
    User L'avatar di Cesar
    Data Registrazione
    Dec 2005
    Messaggi
    207
    @naeemi: html5shiv?

    p.s. ie6countdown.com Non mi sembra "molto utilizzato"

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.