Jump to content

CECK SEO e il tag H1 nella home page

mtarro
 Share

Recommended Posts

mtarro Newbie

mtarro

Posted
Posted

effettuando il ceck della mia home page tramite www.seotesteronline.com mi viene segnalato che "Manca il tag <H1> nella tua pagina. Inseriscilo e fai in modo che i due tag abbiano un contenuto testuale molto simile"

Non riesco a trovare il sorgente della mia pagina nel quale effettuare la modifica per inserire il TAG <H1> >/H1>

qualcuno riesce a suggerirmi il nome e la posizione della pagina ?

uso la versione 1.6.1.17

Link to comment
Share on other sites
  • 2 years later...
ThemeBooster.com Rookie

ThemeBooster.com

Posted
Posted

Non entrando nel merito di dibattiti inerenti le tecniche SEO, solitamente ci sono 2 possibilità:

  1. Aggiungere il tag <h1> al tema utilizzato (nel file header.tpl  e solamente per la home page in quanto le altre pagine dovrebbero già contenere il tag)
  2. Utilizzare un modulo nativo di Prestashop per aggiungere del testo (generalmente un titolo ed un paragrafo introduttivo)

N.B.: esempi basati su codice standard dei temi nativi di Prestashop.

Soluzione #1 (per Prestashop 1.7.x)

  1. Utilizzare un editor di testo ed aprire il file header.tpl del tema che si sta utilizzando (/themes/tema utilizzato/templates/_partials/). Se all'interno della cartella del tema in uso non vi fosse questo file, copiarlo da /themes/classic/templates/_partials/ (solitamente dovrebbe già contenere il codice caratterizzato dal tag <h1>)
     
  2. Trovare il seguente codice: 
    <a href="{$urls.base_url}">
  <img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">
</a>
  3. Modificarlo in: 
    {if $page.page_name == 'index'}
  <h1 class="shop-brand">
    <a href="{$urls.base_url}">
      <img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">
    </a>
   </h1>
{else}
  <a class="shop-brand" href="{$urls.base_url}">
    <img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">
  </a>
{/if}


Soluzione #1 (per Prestashop 1.6.x)

  1. Utilizzare un editor di testo ed aprire il file header.tpl del tema che si sta utilizzando
     
  2. Trovare il seguente codice: 
    <div id="header_logo">
  <a href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{$shop_name|escape:'html':'UTF-8'}">
    <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
  </a>
</div>

     

  3. Modificarlo in: 

    <div id="header_logo">
  {if $page_name =='index'}
    <h1>
  {/if}
  <a href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{$shop_name|escape:'html':'UTF-8'}">
    <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
  </a>
  {if $page_name =='index'}
    </h1>
  {/if}
</div>


Soluzione #2 (per Prestashop 1.7.x)

  1. Dal pannello di amministrazione del proprio negozio Prestashop, accedere alla sezione Moduli (MIGLIORA > Moduli > Module Manager), sezione Aspetto e Navigazione
  2. Cliccare il tasto Configura del modulo Blocchi di testo personalizzati (qualora non si riesca a vedere il modulo in lista, potrebbe essere necessario espandere la sezione cliccando sulla voce "Vedi di più" oppure potrebbe essere necessario installare il modulo da MIGLIORA > Moduli > Catalogo Moduli)
  3. Digitare il proprio testo: un titolo ed un paragrafo introduttivo di presentazione
  4. Selezionare il testo rappresentante il titolo e scegliere "Intestazione 1" dall'opzione dell'editor di testo
  5. Dopo aver cliccato il tasto Salva, accedere alla sezione MIGLIORA > Design > Posizioni e scorrere la pagina fino alla sezione displayHome
  6. Assicurarsi di posizionare il modulo Blocchi di testo personalizzati in una delle prime posizioni (in base, ovviamente, al design del proprio tema)


Soluzione #2 (per Prestashop 1.6.x)

  1. Dal pannello di amministrazione del proprio negozio Prestashop, accedere alla sezione Moduli e Servizi > Moduli
  2. Scorrere l'elenco fino a trovare il modulo Editor della home page
  3. Cliccare il tasto Configura del modulo
  4. Digitare il proprio testo: un titolo ed un paragrafo introduttivo di presentazione
  5. Selezionare il testo rappresentante il titolo e scegliere "Intestazione 1" dall'opzione dell'editor di testo
  6. Dopo aver cliccato il tasto Salva, accedere alla sezione Moduli e Servizi > Posizioni e scorrere la pagina fino alla sezione displayHome
  7. Assicurarsi di posizionare il modulo Editor della home page in una delle prime posizioni (in base, ovviamente, al design del proprio tema)


Alcune note a riguardo:

  • Per rendere operative le modifiche al file header.tpl, potrebbe essere necessario cancellare la cache del proprio negozio Prestashop, attivare temporaneamente la funzionalità di ricompilazione dei file quando modificati, cancellare la cache del proprio browser.
  • Potrebbe essere necessario aggiungere delle regole CSS supplementari (al file custom.css in /themes/tema utilizzato/assets/css/ in Prestashop 1.7.x - al file global.css in /themes/tema utilizzato/css/ in Prestashop 1.6.x) per regolare l'aspetto visivo del tag <h1>
  • Like 1
Link to comment
Share on other sites
  • 1 month later...
Pianetasvapo Explorer

Pianetasvapo

Posted
Posted
On 1/27/2020 at 7:00 PM, ThemeBooster.com said:

Non entrando nel merito di dibattiti inerenti le tecniche SEO, solitamente ci sono 2 possibilità:

  1. Aggiungere il tag <h1> al tema utilizzato (nel file header.tpl  e solamente per la home page in quanto le altre pagine dovrebbero già contenere il tag)
  2. Utilizzare un modulo nativo di Prestashop per aggiungere del testo (generalmente un titolo ed un paragrafo introduttivo)

N.B.: esempi basati su codice standard dei temi nativi di Prestashop.

Soluzione #1 (per Prestashop 1.7.x)

  1. Utilizzare un editor di testo ed aprire il file header.tpl del tema che si sta utilizzando (/themes/tema utilizzato/templates/_partials/). Se all'interno della cartella del tema in uso non vi fosse questo file, copiarlo da /themes/classic/templates/_partials/ (solitamente dovrebbe già contenere il codice caratterizzato dal tag <h1>)
     
  2. Trovare il seguente codice: 
    
<a href="{$urls.base_url}">
  <img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">
</a>
  3. Modificarlo in: 
    
{if $page.page_name == 'index'}
  <h1 class="shop-brand">
    <a href="{$urls.base_url}">
      <img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">
    </a>
   </h1>
{else}
  <a class="shop-brand" href="{$urls.base_url}">
    <img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">
  </a>
{/if}


Soluzione #1 (per Prestashop 1.6.x)

  1. Utilizzare un editor di testo ed aprire il file header.tpl del tema che si sta utilizzando
     
  2. Trovare il seguente codice: 
    
<div id="header_logo">
  <a href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{$shop_name|escape:'html':'UTF-8'}">
    <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
  </a>
</div>

     

  3. Modificarlo in: 

    
<div id="header_logo">
  {if $page_name =='index'}
    <h1>
  {/if}
  <a href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{$shop_name|escape:'html':'UTF-8'}">
    <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
  </a>
  {if $page_name =='index'}
    </h1>
  {/if}
</div>


Soluzione #2 (per Prestashop 1.7.x)

  1. Dal pannello di amministrazione del proprio negozio Prestashop, accedere alla sezione Moduli (MIGLIORA > Moduli > Module Manager), sezione Aspetto e Navigazione
  2. Cliccare il tasto Configura del modulo Blocchi di testo personalizzati (qualora non si riesca a vedere il modulo in lista, potrebbe essere necessario espandere la sezione cliccando sulla voce "Vedi di più" oppure potrebbe essere necessario installare il modulo da MIGLIORA > Moduli > Catalogo Moduli)
  3. Digitare il proprio testo: un titolo ed un paragrafo introduttivo di presentazione
  4. Selezionare il testo rappresentante il titolo e scegliere "Intestazione 1" dall'opzione dell'editor di testo
  5. Dopo aver cliccato il tasto Salva, accedere alla sezione MIGLIORA > Design > Posizioni e scorrere la pagina fino alla sezione displayHome
  6. Assicurarsi di posizionare il modulo Blocchi di testo personalizzati in una delle prime posizioni (in base, ovviamente, al design del proprio tema)


Soluzione #2 (per Prestashop 1.6.x)

  1. Dal pannello di amministrazione del proprio negozio Prestashop, accedere alla sezione Moduli e Servizi > Moduli
  2. Scorrere l'elenco fino a trovare il modulo Editor della home page
  3. Cliccare il tasto Configura del modulo
  4. Digitare il proprio testo: un titolo ed un paragrafo introduttivo di presentazione
  5. Selezionare il testo rappresentante il titolo e scegliere "Intestazione 1" dall'opzione dell'editor di testo
  6. Dopo aver cliccato il tasto Salva, accedere alla sezione Moduli e Servizi > Posizioni e scorrere la pagina fino alla sezione displayHome
  7. Assicurarsi di posizionare il modulo Editor della home page in una delle prime posizioni (in base, ovviamente, al design del proprio tema)


Alcune note a riguardo:

  • Per rendere operative le modifiche al file header.tpl, potrebbe essere necessario cancellare la cache del proprio negozio Prestashop, attivare temporaneamente la funzionalità di ricompilazione dei file quando modificati, cancellare la cache del proprio browser.
  • Potrebbe essere necessario aggiungere delle regole CSS supplementari (al file custom.css in /themes/tema utilizzato/assets/css/ in Prestashop 1.7.x - al file global.css in /themes/tema utilizzato/css/ in Prestashop 1.6.x) per regolare l'aspetto visivo del tag <h1>

Ti ringrazio per la risposta ma non sono riuscito. Nel secondo caso non riesco a trovare il modulo, potresti aiutarmi maggiormente? Il sito è www.pianetasvapo.com

 

Link to comment
Share on other sites
Pianetasvapo Explorer

Pianetasvapo

Posted
Posted
2 hours ago, ThemeBooster.com said:

Scusami la domanda stupida: anche cancellando "home page" dal campo ricerca, il modulo non viene visualizzato?

Ti ringrazio.

Figurati, nessuna domanda stupida. Piuttosto mi sento stupido io ma non riesco a trovare nessun modulo chiamato editor home page. 

Cosa sbaglio? 

Link to comment
Share on other sites
ThemeBooster.com Rookie

ThemeBooster.com

Posted
Posted

Nella cartella /modules/ trovi i moduli nativi ed eventualmente quelli di terze parti installati manualmente, a prescindere dalla loro attivazione.

Se non erro, in alcune versioni 1.6.x alcuni moduli, erroneamente, non erano presenti nel file zip dell'installazione.

Se il modulo non è presente nella lista nemmeno col nome di Editorial (o simile), puoi scaricare una versione completa di Prestashop sul tuo computer locale per poi caricare via FTP solo la cartella del modulo eventualmente mancante.

Link to comment
Share on other sites
CedCommerce Team Enthusiast

CedCommerce Team

Posted
Posted

Hello mate,

                      Still you have an issue? First of all we would like to know which version of Prestashop you are using? ou need to insert it from 

                     You can edit your tpl files to add tags there too (product.tpl, footer.tpl, header.tpl, homefeatured.tpl, etc.). Or you can use following addon -

                     https://addons.prestashop.com/en/seo-natural-search-engine-optimization/44797-custom-brand-h1-seo.html

 

                    Thanks!!!

 

Link to comment
Share on other sites
Pianetasvapo Explorer

Pianetasvapo

Posted
Posted (edited)
On 3/13/2020 at 9:31 PM, Pianetasvapo said:

Soluzione #1 (per Prestashop 1.6.x)

  1. Utilizzare un editor di testo ed aprire il file header.tpl del tema che si sta utilizzando
     
  2. Trovare il seguente codice: 
    
<div id="header_logo">
  <a href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{$shop_name|escape:'html':'UTF-8'}">
    <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
  </a>
</div>

Forse questo diventa più facile mi dici dove trovo header.tpl? Themes/default/template

 

sarebbe /public_html/themes/default/template/header.tpl?

Edited by Pianetasvapo (see edit history)
Link to comment
Share on other sites
ThemeBooster.com Rookie

ThemeBooster.com

Posted
Posted

Nel vostro caso si.

Utilizzando il tema di default, però, perderete questa modifica quando eseguirete l'aggiornamento della vostra installazione Prestashop.

Dopo la modifica del file, verificare che in Parametri Avanzati > Prestazioni, il valore di Compilazione del template sia settato su Ricompila i file del template ogni volta che sono modificati (in caso contrario, modificare il valore e cliccare il tasto Salva).
Cliccare il tasto Cancella la cache.
Modificare il valore di Compilazione del template su Non ricompilare e cliccare il tasto Salva.

Saluti.

Link to comment
Share on other sites
ThemeBooster.com Rookie

ThemeBooster.com

Posted
Posted

Il file allegato non sembra essere quello attualmente utilizzato sul sito www.pianetasvapo.com.

Dovresti vedere nella cartella /themes/default-bootstrap/

In alternativa, puoi inviare un messaggio privato attraverso questo forum con i seguenti dati FTP: hostname, username, password ed (anche come accesso FTP temporaneo).
Saluti.

  • Like 1
Link to comment
Share on other sites
  • 1 year later...
Pianetasvapo Explorer

Pianetasvapo

Posted
Posted (edited)

Ciao @ThemeBooster.comho aggiornato PS a 1.7 e nonostante le modifiche da te indicate dai check, non riesco a risolvere il problema dell'H1. 

In pratica, dall'analisi SEO, mi esce un doppio H1 di cui il primo è vuoto che non so come impostare o come eliminare.

Qualcuno sa come aiutarmi? 

 

Edited by Pianetasvapo (see edit history)
Link to comment
Share on other sites
  • 3 weeks later...
Pianetasvapo Explorer

Pianetasvapo

Posted
Posted (edited)

Buonasera riporto il codice presente nel file header tpl del tema in uso angartheme

<h1>
                <a href="{$urls.base_url}">
                  <img class="logo img-responsive" src="{if !$shop.logo|strstr:"/"}{$urls.img_ps_url}{/if}{$shop.logo}" alt="{$shop.name}">
                </a>
              </h1>
            {else}
                <a href="{$urls.base_url}">
                  <img class="logo img-responsive" src="{if !$shop.logo|strstr:"/"}{$urls.img_ps_url}{/if}{$shop.logo}" alt="{$shop.name}">

Come andrebbe modificato? 

Grazie 

Edited by Pianetasvapo (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...