¿Cómo agregar etiqueta H1 al logo en WordPress?

[tracid]

Bueno tengo un tema en el cual si pongo un logo no tengo h1 en la página principal, el código del logo es el siguiente:

<div class="logo">
<a href="<?php echo home_url(); ?>">
<?php if(of_get_option('logo_img')){ ?>
<img src="<?php echo of_get_option('logo_img'); ?>" alt="<?php bloginfo('name'); ?>" />
<?php } else { ?>
<img src="<?php echo MOM_IMG; ?>/logo.png" alt="<?php bloginfo('name'); ?>" />
<?php } ?>
</a>
</div>

Un saludo

 

[Cicklow]

[MENTION=18868]tracid[/MENTION] Me explicas mejor y te ayudo. Quieres colocar el H1 abajo de la imagen o solo el H1?

 

[tracid]

[MENTION=18868]tracid[/MENTION] Me explicas mejor y te ayudo. Quieres colocar el H1 abajo de la imagen o solo el H1?

Es que en el home no tengo h1 :S, y he visto algunos temas de otros blogs que por ejemplo tienen algo así:

<h1 class="logo">
<a href="<?php echo home_url('/'); ?>" title="<?php echo esc_attr(get_bloginfo('name', 'display')); ?>" rel="home"><?php bloginfo('name'); ?></a>
</h1>

En la que al poner encima del logo el ratón sale el texto y al ver el código fuente sale como h1 :S. No sé si me explico, intenté ponerlo yo pero claro...no entiendo mucho de eso y lo que conseguí es que me saliera el logo más el texto encima o abajo, y ese texto si que salía en h1. Pero solo quería que saliera el logo con el h1

 

[vonyavar]

A mi me pasa algo parecido, me aparece la imagen, pero el h1 quería que saliera justo debajo de la imagen y no hay manera. Si alguien sabe como hacerlo sería de agradecer, gracias y saludos

Enviado desde mi MT15i

 

[Cicklow]

Hola ahora entiendo mejor. La solucion es:
header.php

<div id="logo"><h1><a href="<?php echo home_url( '/' ); ?>" title="<?php bloginfo( 'name' ); ?>"><?php bloginfo( 'name' ); ?></a></h1></div>

style.css

#logo h1 a{
  width: widthlogo;
  height: heightlogo;
  display:block;
  text-indent:-9999px;
  background:url(logo) no-repeat;
}

Editen: widthlogo, heightlogo y logo

 

[tracid]

Hola ahora entiendo mejor. La solucion es:
header.php

<div id="logo"><h1><a rel="nofollow" href="<?php echo home_url( '/' ); ?>" title="<?php bloginfo( 'name' ); ?>"><?php bloginfo( 'name' ); ?></a></h1></div>

style.css

#logo h1 a{
  width: widthlogo;
  height: heightlogo;
  display:block;
  text-indent:-9999px;
  background:url(logo) no-repeat;
}

Editen: widthlogo, heightlogo y logo

Gracias por el aporte 🙂. Pero tengo una duda, eso no está penalizado por google? Es decir, eso lo que hace no es esconder el texto?

 

[Cicklow]

no esta penalizado. el 80% de los themes viene de esa forma. Y no lo ocultas solo lo pones atras de la imagen. (text-indent)

 

[Cicklow]

manda pm bro y te ayudo

si ves ya fue solucionado... ¬¬'

 

[tracid]

no esta penalizado. el 80% de los themes viene de esa forma. Y no lo ocultas solo lo pones atras de la imagen. (text-indent)

Muchas gracias