Duda con Etiqueta <a>

[RadhertZ]

Amigos,

Tengo una duda con la etiqueta <a>, se trata que estoy realizando un menu y tengo dos elementos dentro; Titulo del Vinculo y Descripcion dentro de la etiqueta, por lo que no se si sea recomendable para el SEO pero por un tema de usabilidad y de que el boton sea clickeable en toda su area lo cree asi.

Código HTML:

<li>
		<a href="#" title="Inicio">
			Inicio
		<span class="descripcion">
			Página Principal
		</span>
		</a>
	</li> 

Supongo que de esta forma los vinculos quedarian como

Inicio Página Principal y no Inicio...

Que me recomendarian hacer para poder dejar toda el area clickeable y que Google lea solo el titulo.


Muchas gracias

[Daniel Ulczyk]

El elemento span en un contenedor inline que depende necesariamente del elemento-padre. No tiene un valor semántico per sé. Por lo que, en el valor de este anchor text, cualquier bot leerá Inicio Página Principal

Esto es HTML puro, creo que nada tiene que ver con SEO.

[RadhertZ]

Que recomendarias, necesito que los bot leen Inicio y no Inicio Página Principal.
El boton debe tener la descripcion por un tema de usabilidad.

[Daniel Ulczyk]

Iniciado por RadhertZ

Que recomendarias, necesito que los bot leen Inicio y no Inicio Página Principal.
El boton debe tener la descripcion por un tema de usabilidad.

Yo creo que hay varias cosas que se están mezclando invocando a los motores de búsqueda por una lado y la usabilidad por el otro: en el medio el uso forzado de un markup basado en HTML que no se me presenta muy semántico que digamos

• En estos casos es imprescindible separar el contenido de la presentación.
• Si es por cuestiones de usabilidad a la página principal basta con asociarle visualmente el ícono de la casita y asunto arreglado (obvio! mediante CSS)

Si estás buscado soluciones en la estructura de tu página puedo mover tu pregunta al foro de HTML ¿qué te parece?