imagen anchor text??

[pampa_]

Hola a todos!! bueno me encuentro ahora mismo mejorando el SEO de mi web... y me surge una duda..

En la barra de navegacion tengo los enlances internos de esta manera

Código HTML:

<h1 style="display:inline"><a href="http://www.levanteautomocion.es/"><img src="http://www.forosdelweb.com/f175/imagenes/logo270x80.png" alt="LevanteAutomocion" /></a></h1>
 <div id="nav">
      <a href="./index.php" class="actual">INICIO</a>
        <a href="./anuncios.php" class="actual">ANUNCIOS</a>
        <a href="./recambios2.php" class="actual">RECAMBIOS</a>
        <a href="./homologaciones.php" class="actual">HOMOLOGACIONES</a>
        <a href="./contacto.php" class="actual" style="padding-left:12px">CONTACTAR</a>
    </div>
 

he leido que el anchor text es muy importante a la hora de posicionar...

Si os fijais la primera linea la del <h1> es la que me crea una duda... es una imagen con el logo de la web... y que te redirige hacia la pagina inicial... nada raro...
Pero si lo compruebo con woorank.com resulta que en el anchor text me esta metiendo "image" existe alguna forma de cambiarlo?? que esta palabra "image" sea "levanteautomocion" sin tener que quitar el logo

Gracias.

[pitufoweb]

Hola,

Creo que el foro de SEO te podrían orientarte mejor.


Podrías poner el texto en el enlace y después "ocultarlo" con CSS.


Ejemplo Básico:

Código HTML:

<h1><a href="#"><span class="oculto">TEXTO</span><img src="imagen" alt="" /></a></h1>

<!-- CSS -->
<style>
    .oculto { position:absolute; left:-9999em; }
</style> 

Saludos

[Tecna]

Buenas,

lo que siempre hay que tener en mente es que la página sea funcional sólo con el html y que se mantenga así cuando se le vayan añadiendo el resto de componentes (css, javascritp...). El primer ejemplo es lo peor que se puede hacer porque el enlace está vacío de contenido, aunque tenga una imagen también debería tener el texto (ya que no es una etiqueta con contenido reemplazado) y sobre todo por accesibilidad. También está vacía de contenido la etiqueta h1 y eso tampoco es bueno. El segundo ejemplo está mejor y es bastante usado pero igualmente dejaría el enlace inaccesible si la imagen no se cargara pero sí lo hiciera la hoja de estilos. La mejor solución es colocar ambos elementos en la misma posición, tapando el texto con la imagen y si ésta no está disponible, el texto se seguiría viendo. A veces esto es complicado si la imagen tiene transparencias y el color de fondo no es uniforme.