Etiqueta h1 para Logo  

Hola Lluis,

no te preocupes por el SEO en este sentido, de hecho Matt Cutts, uno de los encargados de la calidad de busquedas de Google, en uno de sus vídeos indica que es mejor introducir el logo como etiqueta img con un atributo alt en lugar de emplear la etiqueta h1 con un text-indent muy alto para que no se muestre en la web y aplicarle un background image, como hacen muchas plantillas.
Por lo tanto, es incluso mejor no tener el logo en un h1, así que no te preocupes por esto. Eso sí, usa los h1 h2,h3 correctamente cuando maquetes artículos para mejorar tu SEO.

Aquí tienes el vídeo de Matt Cutts donde dice claramente que es mejor no usar CSS para mostrar los logos:

http://www.youtube.com/watch?v=fBLvn_WkDJ4

Saludos.

Hola,

Gracias por tu rápida respuesta.

Tengo pocas nociones sobre atributos alt, etiquetas y programación. De echo soy principiante en Joomla y modifico ficheros css y php por intuición ( cambiar header, medidas de tipografias, colores y poca cosa más ).

El caso es que en mi plantilla creo que el logo no esta tampoco como etiqueta img; es texto. Lo que hice en la plantilla fue quitar el logo y quedarme solo con el header ( fichero jpg que encabeza la pagina donde esta integrado el logo que me interesaba). Esto fue lo que quite:

Se puede ver el resultado en www.elecmad.com

Ahora lo que me estaba preguntando es si deberia volver a añadirlo precisamente con un text-indent muy alto para que no aparezca ( esto teniendo en cuenta que no esta como etiqueta img ).

No se si me he explicado lo suficientemente bien. Pedona si te estoy liando más de la cuenta

Saludos,

Yo haría caso a lo que indica David, a Google no le gusta nada que haya código que los usuarios no puedan visualizar, como ocurrira si pone un text-indent alto.

Hola,

Por supuesto estoy totalmente deacuerdo con David ( y con Matt Cutts ). Pero en la plantilla que uso creo que el logo no esta como etiqueta img con un atributo alt ( segun comentaba David ) y tampoco esta como h1. Ademas lo borré ( el que borré era texto ), con lo cual entiendo que ahora google no encuentra ningun logo ni ninguna etiqueta h1.

Si supiera como convertir el logo a etiqueta img con un atributo alt lo haria pero no tengo ni idea de como hacerlo.

Por lo tanto me veo capaz de llevar a cabo una de las 4 opciones siguientes:
1- Dejarlo como esta. Sin que google identifique ningun logo
2- Volver a añadir el logo segun estaba en el css original de la plantilla y que aparecera sobre el header y google lo reconocera ( sin ser h1 ). Esto ara que tenga que modifica el fichero header quitando el logo de la imagen. En el codigo fuente por lo menos aparecera el logo.
3- Volver a añadir el logo segun estaba en el css original de la plantilla y que se salga del header para que no se vea.
4- Volver a añadir el logo segun estaba en el css original de la plantilla y que aparecera sobre el header pero en un texto tan pequeño que casi no se vea ( no se si estoy diciendo barbaridades pero soy principiante de Joomla )

Agradeceré cualquier consejo, gracias.

Saludos,

Hola Lluis,

Mira a ver si tienes en tu index.php de la plantilla algo similar a

El CSS por ejemplo en tu archivo template_css.css (o como se llame) podria ser algo asi para "logo":

#logo {
    -moz-background-clip; border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/logo.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}

Esto es a modo de exposición y habrá que ver en todo caso como es tu plantilla y como tiene construido el código del index.php.

Saludos

Hola,

Lo unico que hay en el fichero index.php que hace referencia al logo és esto:

I en el template.css esto:

/* begin Logo */
.logo
{
display : block;
position: absolute;
left: 30px;
top: 21px;
width: 923px;
}

.logo-text
{
display: block;
text-align: left;
}

.logo-text, .logo-text a
{
font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, Sans-Serif;
font-size: 65px;
font-style: normal;
font-weight: normal;
letter-spacing: -8px;
font-variant: small-caps;
padding:0;
margin:0;
color: #990000 !important;
}
/* end Logo */

Saludos,