¿Cómo agregar etiqueta H1 si el título es una imagen?

[vsoliva]

Hola:
Hace poco cambié un poco el aspecto de mi blog, y cambié el título normal por una imagen. Ahora me he dado cuenta al pasar el Woorank que no tengo H1 en la cabecera. Yo creo que ha sido por este cambio. Hay alguna manera de poder añadir el H1 en la cabecera, teniendo como título una imagen?
Muchas gracias y un saludo.

 

[ramonjosegn]

Me temo que no, a no ser que la imagen tenga descripción visible...

 

[jmnm]

Quizá como te dicen, con alt y title para hacerlo más accesible.

According to Matt Cuts (and some other comments) the best solution is to use an image with alt and title attributes. The alt attribute is for SEO and the title attribute is for accessibility. Using an image also makes sense for semantic markup. A company logo is actually an important piece of content.

<h1>
<a href="http://stackoverflow.com">
<img src="logo.png" alt="Stack Overflow" title="Click to return to Stack Overflow homepage" />
</a>
</h1>


Fuente: Enlace eliminado

 

[ramonjosegn]

Quizá como te dicen, con alt y title para hacerlo más accesible.

According to Matt Cuts (and some other comments) the best solution is to use an image with alt and title attributes. The alt attribute is for SEO and the title attribute is for accessibility. Using an image also makes sense for semantic markup. A company logo is actually an important piece of content.

<h1>
<a rel="nofollow" href="http://stackoverflow.com">
<img src="logo.png" alt="Stack Overflow" title="Click to return to Stack Overflow homepage" />
</a>
</h1>


Fuente: Enlace eliminado

no estaba pensando en eso precisamente (pensé que era una pregunta sobre Wordpress) pero está buena la idea!!

 

[beritamartinez]

Quizá como te dicen, con alt y title para hacerlo más accesible.

According to Matt Cuts (and some other comments) the best solution is to use an image with alt and title attributes. The alt attribute is for SEO and the title attribute is for accessibility. Using an image also makes sense for semantic markup. A company logo is actually an important piece of content.

<h1>
<a rel="nofollow" href="http://stackoverflow.com">
<img src="logo.png" alt="Stack Overflow" title="Click to return to Stack Overflow homepage" />
</a>
</h1>


Fuente: Enlace eliminado

Hago una pregunta que, tal vez, sea muy obvia. ¿Dónde pongo este código? Me pasa lo mismo con el tema de la imagen y no tengo h1 en la cabecera. Gracias 🙂

 

[jmnm]

[MENTION=26616]beritamartinez[/MENTION]
Por partes.
Según la optimización recomendada por el buscador de Google es recomendable y casi una obligación tener un h1 para el título del sitio, el h2 para las entradas, y así sucesivamente.
El título de tu blog técnicamente debería de ser h1. Si tienes una imagen, entonces tendrías que ponerle a esa imagen los atributos alt y title para hacerlo más reconocible tanto al robot de google como a los navegadores de solo texto.
Si quieres y puedes, envía la dirección de tu blog y con gusto te ayudaremos para decirte dónde iría el código.

Saludos.

 

[beritamartinez]

Gracias, te mando un MP para sacarme algunas dudas entonces.

 

[vsoliva]

Mi blog es Enlace eliminado
Alguien me puede decir donde tendria que poner el código para poder tener h1?

Muchas gracias y un saludo.

 

[gesio26]

lo upeo que interesa

 

[vsoliva]

Nadie sabe como puedo añadir a mi blog un H1?
Muchas gracias.

 

[hernan1981]

Si no me equivoco así quedaria bien....por ahí algun programador te aconseja de mejor manera.

<h1><a href='http://www.rcdespanyol.co/' style='display: block'>
<img alt='RCD ESPANYOL FOREVER' height='234px; ' id='Header1_headerimg' src='http://4.bp.blogspot.com/-gd15O9JLis0/UIbGQ5N0W0I/AAAAAAAAAI8/Hppx5NwMFXE/s1600/perico10.jpg' style='display: block' width='1034px; '/>
</a></h1>

 

[HeroeGeek]

hernan1981, la idea es que en el titulo tenga letras?, porque meter el code del header en el h1 creo que seria lo mismo porque al indexar estaria diciendo que dentro del h1 hay una imagen, para poner texto en el titulo y que no se muestre podríamos usar el text-indent, para mi quedaria algo asi:

<div id="header-inner">
<a href="http://www.rcdespanyol.co/" style="display: block">
<img alt="RCD ESPANYOL FOREVER" height="234px; " id="Header1_headerimg" src="http://4.bp.blogspot.com/-gd15O9JLis0/UIbGQ5N0W0I/AAAAAAAAAI8/Hppx5NwMFXE/s1600/perico10.jpg" style="display: block" width="1034px; ">
</a>

<h1 style="text-indent:-9999">TITULO DEL BLOG</h1>

<div class="descriptionwrapper">
<p class="description"><span>Opiniones y reflexiones sobre el RCD Espanyol de Barcelona y todo lo que rodea al club perico. Aquí hay sitio para todos, tanto si tu pasion son los colores blanquiazules como si son otros.RCD Espanyol es nuestra pasión!</span></p>
</div>
</div>

en el código ya existiria el Texto dentro del H1 y no se mostraria, bueno creo que así seria, saludos.

 

[vsoliva]

Muchas gracias, me podeis decir como puedo añadir esas lineas? En la edición de HTML de Blogger no me aparecen las lineas que me ponéis.
Un saludo.

 

[HeroeGeek]

hiciste búsqueda de alguna capa que mencionamos? descriptionwrapper o header-inner para que te ubiques en la edición html?

 

[vsoliva]

Sí, busque esas capas, pero el texto que me aparece no corresponde al de vuestras rectificaciones. Por ejemplo el de descriptionwrapper me sale así:

.header-inner .Header .descriptionwrapper {
  padding: 0 $(header.padding);
}

/* Tabs
----------------------------------------------- */
.tabs-inner .section:first-child {
  border-top: $(header.bottom.border.size) solid $(tabs.border.color);
}

.tabs-inner .section:first-child ul {
  margin-top: -$(header.border.size);
  border-top: $(header.border.size) solid $(tabs.border.color);
  border-left: $(header.border.horizontalsize) solid $(tabs.border.color);
  border-right: $(header.border.horizontalsize) solid $(tabs.border.color);

No se si es que blogger te oculta algunas cosas o es que hago algo mal.

Muchas gracias.

 

[HeroeGeek]

sino me equivoco en el template se define todo el css entonces trata de meter entre el <style></style>

h1{text-indent:-9999;}

sino me pasas tu tema para montarlo en Blogger y checarlo bien 😱

 

[vsoliva]

sino me equivoco en el template se define todo el css entonces trata de meter entre el <style></style>

h1{text-indent:-9999;}

sino me pasas tu tema para montarlo en Blogger y checarlo bien 😱

Te paso el tema por privado. Muchas gracias