Insertar H1 en Logo Index

[SergioE]

Buenas,

 

Estoy intentando meter un h1 en el header.tpl y con una condición para que salga solo en la página index. El problema es que al insertar el h1 la imagen del logo desaparece y solo se muestra cuando no estamos en la pagina de incio.

 

Este es el codigo actual:

<div id="header_logo" class="col-sm-4 col-xs-12">
									<a id="logo_image" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
										<img class="logo img-responsive" src="http://mipaginaweb.es/miimagen.png" alt="{$shop_name|escape:'htmlall':'UTF-8'}"  />
									</a>
									<a class="hidden" id="logo_text" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
										{$shop_name|escape:'htmlall':'UTF-8'}
									</a>
								</div>

Esta es la modificación:

<div id="header_logo" class="col-sm-4 col-xs-12">
									<a id="logo_image" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
                                     	{if $page_name == 'index'}
										<h1 class="logo img-responsive" src="http://mipaginaweb.es/miimagen.png" title="Title de la pagina" alt="Descripcion de la pagina"></h1>
                                        {else}
                                        <img class="logo img-responsive" src="http://mipaginaweb.es/miimagen.png" alt="{$shop_name|escape:'htmlall':'UTF-8'}"  />
                                        {/if}
									</a>                                    	
									<a class="hidden" id="logo_text" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
										{$shop_name|escape:'htmlall':'UTF-8'}
									</a>
								</div>

Que estoy haciendo mal o como se tiene que poner? No veo nada mal cerrado que yo sepa..

 

Saludos

[SergioE]

No funciona ni insertando en la clase .logo img-responsive el css con el background-image url.

[ventura]

Creo que deberias explicar un poco mejor lo que quieres hacer. El condicional que has puesto muestra el h1 si la pagina es el index y el logo en las demas

[SergioE]

Pues simplemente quiero mostrar un h1 con la imagen actual y que se muestre solo en la página index, para no tener más de 1 h1 en las demas páginas de categoria, fabricantes, cms...

 

Lo que al meter el h1 con el código que he ensenyado me desaparece la imagen.

[ventura]

 

{if $page_name == 'index'}

<h1 class="logo img-responsive"> <img src="http://mipaginaweb.es/miimagen.png" title="Title de la pagina" alt="Descripcion de la pagina"></h1>

{else}

<img class="logo img-responsive" src="http://mipaginaweb.es/miimagen.png" alt="{$shop_name|escape:'htmlall':'UTF-8'}" />

{/if}

[SergioE]

Eso tambien lo había puesto así, pero según lo que has puesto y siguiendo los consejos de Jordi Ordoñez, pone que no es aconsejable.

 

http://jordiob.com/10-trucos-SEO-para-Prestashop.pdf (pagina 10).

 

 

Eso estaría bien para el SEO?

[ventura]

Eso tambien lo había puesto así, pero según lo que has puesto y siguiendo los consejos de Jordi Ordoñez, pone que no es aconsejable.

 

http://jordiob.com/10-trucos-SEO-para-Prestashop.pdf (pagina 10).

 

 

Eso estaría bien para el SEO?

Eso ya es otro tema. Si lo pusiste asi entiendo que te funcionaria

[SergioE]

Si pero quiero que a la vez este optimizado para el SEO, no voy a hacer algo que vaya a influir.

 

Y con eso preguntaba si de esa manera esta bien, que veo que Jordiob pone que no es la manera correcta.

 

Entonces cual seria?

[ventura]

Si pero quiero que a la vez este optimizado para el SEO, no voy a hacer algo que vaya a influir.

 

Y con eso preguntaba si de esa manera esta bien, que veo que Jordiob pone que no es la manera correcta.

 

Entonces cual seria?

 Yo siempre hago caso a Jordib.

Si quieres incluir el h1 y que no se visualize siempre puedes ocultarlo mediante css o js. Lo que rastrea Google es lo que se incluye en el codigo fuente