Etiqueta h1 para Logo  

 
Lluís Puigdemont
 Lluís Puigdemont
Usuario experto

Hola,

Estoy usando la plantilla Pro101. La he modificado bastante.
Tengo entendido que habitualmente el logo aparece etiquetado en la plantilla como h1. El caso es que en esta plantilla en concreto no aparece el logo con etiqueta h1. ¿Para mejorar SEO deberia modificar el fichero css para que el logo estubiera etiquetado como h1?

A continuación adjunto copia de la parte del fichero template.css que hace referencia al logo.

/* 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 */

Gracias,

Saludos,

Citar
Respondido : 03/12/2010 11:24 am
David Noguera
 David Noguera
Miembro Admin

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.

Si te ha servido de ayuda, déjanos tu testimonio con un link hacia tu Web y mejora su posicionamiento:
Enviar testimonio
¡Gracias!.

ResponderCitar
Respondido : 03/12/2010 11:34 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Lluís Puigdemont
 Lluís Puigdemont
Usuario experto

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,

ResponderCitar
Respondido : 03/12/2010 12:36 pm
Gonzalo
 Gonzalo
Usuario activo

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.

ResponderCitar
Respondido : 03/12/2010 2:35 pm

Cursos Gratuitos WordPress

Lluís Puigdemont
 Lluís Puigdemont
Usuario experto

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,

ResponderCitar
Respondido : 03/12/2010 4:38 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

This post was modified hace 3 semanas por antonio

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 04/12/2010 4:07 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Lluís Puigdemont
 Lluís Puigdemont
Usuario experto

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,

ResponderCitar
Respondido : 09/12/2010 10:25 am

Por favor Iniciar Sesión o Registro