Como adicionar tag H1 se o título é uma imagem?

vsoliva · 14/11/2012

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 · 14/11/2012

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

jmnm · 14/11/2012

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 · 14/11/2012

jmnm disse:
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 · 14/11/2012

jmnm disse:
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 · 14/11/2012

[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 · 14/11/2012

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

vsoliva · 16/11/2012

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 · 17/11/2012

lo upeo que interesa

vsoliva · 21/11/2012

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

hernan1981 · 21/11/2012

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 · 21/11/2012

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:

HTML:

<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 · 21/11/2012

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 · 22/11/2012

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

vsoliva · 22/11/2012

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

HTML:

.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 · 22/11/2012

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 · 23/11/2012

jcdav disse:
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

Como adicionar tag H1 se o título é uma imagem?

vsoliva

ramonjosegn

jmnm

ramonjosegn

beritamartinez

jmnm

beritamartinez

vsoliva

gesio26

vsoliva

hernan1981

HeroeGeek

vsoliva

HeroeGeek

vsoliva

HeroeGeek

vsoliva

Tópicos similares