Código HTML optimizado

Tablas y CSS
Cuando comenzamos un proyecto web debemos plantearnos una serie de cuestiones de qué metodología usar, tablas, css, tablas y css, capas y css...
Yo siempre he usado y recomendado usar tablas + css, aunque también hay mucha gente que opina que debemos usar capas y css para una mejor presentación y menor cantidad de código.

En parte tienen razón, hay que usar css para cosas que vayan a llevar el mismo aspecto como pueden ser los menús de la izq, los menús de la zona superior, el texto de los artículos, el formato de los links, etc. Para esto yo recomiendo usar css en dónde pongas el tipo de fuente, el tamaño, color, fondo, etc... y el atributo hover si queremos que tenga algún efecto cuando el ratón esté por encima, pero nada más, la posición se la daremos con las tablas.

Si en alguna parte de la web necesitas algo especial para eso está el atributo "style" dónde podremos darle los estilos que queramos un ejemplo para separar en un TD el texto del borde sería <td style="padding-left:3px;padding-right:3px;padding-top:3px;">.
  
Estructura y código ordenado
Esto igual no es muy importante para los buscadores pero sí para cualquier programador que vaya a desarrollar un proyecto complejo.
Un código ordenado e identado es esencial para luego manejarte bien por los archivos, lo mismo que un código bien comentado, sobretodo cuando es algo de programación en el lado del servidor dónde realizas complejas funciones que luego aún habiéndolas escrito tú no sabes por dónde cojerlas.

Esto también implica una buena estructura de los directorios y archivos y aquí si que es importante esforzarse un poco para hacerlo lo mejor para ti y para el buscador, ya que si no te lo planteas bien arrastrarás esos errores por los tiempos de los tiempos.
Si tienes secciones en tu web es recomendable crear carpetas para cada sección (mucho mejor subdominios) y si el diseño de la web no va cambiar de una a otra es bueno tener sólo unos determinados archivos para las zonas iguales. Por ejemplo si tenemos una típica web con unas zonas iguales como son la zona superior, la zona izquierda, la zona central (donde está el contenido de cada página), la zona derecha y la zona inferior, es bueno usar includes y llamar al mismo archivo desde todas las páginas de tu site. Con esto conseguirás que cuando tengas que cambiar algo no tardes una eternidad haciéndolo archivo a archivo o carpeta a carpeta.
  
Uso de H1 y negrita
En el posicionamiento es importante usar tags <h1> y <b> para que los buscadores asignen un tema a tu web, deberás poner los títulos de las páginas con <h?> según te quede bien, el uso de las negritas también le puede ayudar a la asignación de un tema y sobretodo la densidad de palabras.
   
METAS Title, Description, Keywords, CONTENT
El uso de metas únicos para cada página es muy aconsejable, por varias razones. Una de ellas para que los buscadores no tomen dos páginas como contenido duplicado cuando tienen muy poco texto o fotografías. Las dos cabeceras más importantes son el Title que sí influye directamente a la hora del posicionamiento y la descripción que también influye aunque menos en el posicionamiento.
  Orto muy importante es el del idioma <meta http-equiv="Content-Language" content="es"> para el caso de que sea en español.
  
Localizador
Le llammo localizador a esa parate de la web que te da la posibilidad de saber dónde estás en cada momento cuando navegas por ella. Si estás dentro de una sección y puedes pasar a todas las secciones por encima de la tuya. Esto mejora mucho tu linkeo interno algo bastante importante a la hora de posicionarte por palabras derivadas o simétricas (no sinónimas sino que son frecuentes verlas juntas) a tus palabras clave.

 




Posts anteriores en Código fuente


    gg
  • Lunes 03 de Octubre del 2011

Publicado el 3 de octubre del 2011, By, Lino Uruñuela Pues eso, como dice el título este es un breve experimento a ver si consigo meter símbolos en las serps de Google. Cuanto más llames la atención en los resultados de Google más clicks har&aacut

Seguir leyendo
    gg
  • Viernes 23 de Abril del 2010

Publicado el 23 de abril del 2010 Cada vez encuentro más casos en los que Google interpreta, o parece interpretar el código JavaScript de las páginas. Como es lo que habitualmente uso para hacer mi propio PR sculpting voy a ver si es capaz de seguir este enlace y cachear la p

Seguir leyendo
    gg
  • Viernes 16 de Abril del 2010

Publicado el 16 de abril del 2010 by Lino Uruñuela Google anunció el otro día que la velocidad de carga de una web puede influir en los rankings de resultados. Mucha gente cree que este factor es importantísimo y determinante pero nada más lejos de la realida

Seguir leyendo
    gg
  • Miercoles 02 de Diciembre del 2009

Publicado el 2 de diciembre del 2009 He escuchado muchas veces que usar CSS posiciona mejor, nunca lo creí. Y no lo hice porque todas mis páginas estaban hechas con tablas y se posicionaban perfectamente. Hace poco cambién en 3 sitios mios las tablas por css, no cambi&eacu

Seguir leyendo
    gg
  • Viernes 21 de Agosto del 2009

Publicado el 21 de agosto del 2009 Aunque ya lo he comentado desde hace muucho tiempo (tipos de links internos), ahora Matt Cutts parece confirmarlo, aunque lo haga diciendo que se reserva el derecho a decidir el cómo tratar a los links en el footer. Está claro que iban a valer m

Seguir leyendo
    gg
  • Lunes 30 de Noviembre del -0001

Los links internos pueden llegar a ser vitales para el posicionamiento en buscadores, sobretodo en términos poco competidos. Aunque los links internos valen menos que los links desde otros dominios ajenos al tuyo, hacer un buen linkeo interno aumenta bastante la popularidad de toda tu web y no só

Seguir leyendo

Últimos posts

Últimos comentarios


javier

Buenas , esto del onclik ha cambiado actuamente en algunas web que tengo las lee y sigue enlaces
Post: ¿Cómo ejecuta, interpreta e indexa Google el contenido cargado mediante javascript?

David Girona

Antes de Nada muchas gracias por la aportación. Estoy probando de poner en marcha este procedimiento y me surgen un par de dudas. En
Post: Cómo añadir el valor del meta Robots a Google Analytics via Google Tag Manager

Javier Espinoza

Gracias por la informacion!! Este tipo de blogs me parecen muy importantes, esto lo estudio en la universidad. gracias por la informacion. h
Post: Atacados por los .cn .cz .pl

juan

Hola Lino Uruñuela, una duda ¿aun funciona? porque no lo logro. Mira, en un index.php tengo este codigo: Camuflados
Post: Ofuscando enlaces para mejorar Link Juice

DUQUEredes

Google pasa del canonical bastante :-(
Post: Comprobando comportamiento de Google con meta canonical

Marinette

Gracias por la información!
Post: Nuevo Google Search Console ¿qué información nos ofrecerá?

Adolfo

Parece que a todo el mundo le ha gustado este artículo sexista y lleno de situaciones de agresión sexual y violencia de género, ya tendr
Post: Tipos de marketing

FDM

Hola, Lino: Genial el post, como siempre. Es genial contar con personas tan curiosas y que investigan al detalle el funcionamiento de Goo
Post: La segunda ola de indexación y cómo saber qué renderiza Google

Lino Uruñuela

@Cesar saltarse alguna orden del código es un falta de respeto!, que para algo lo hice :D No se les da muy bien esperar, su tiempo es or
Post: La segunda ola de indexación y cómo saber qué renderiza Google

César Aparicio

Hola Lino, Nos conocemos de películas como: Los de Google son muy frikis o Pasodobles y SEO. Mi cuestión es la siguiente: entiendo
Post: La segunda ola de indexación y cómo saber qué renderiza Google

Contacta

Lánzate y pregunta!


He leído y acepto la política de privacidad

Mecagoenlos.com te informa que los datos de carácter personal que nos proporciones rellenando el presente formulario serán tratados por Lino Uruñuela. como responsable de esta web.

La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es para enviar un correo con los datos que introduzcas, sin guardarse en ninguna base de datos.

Legitimación: Al marcar la casilla de aceptación, estás dando tu legítimo consentimiento para que tus datos sean tratados conforme a las finalidades de este formulario descritas en la política de privacidad.

Como usuario e interesado te informamos que los datos que nos facilitas estarán ubicados en los servidores de Linode.com (proveedor de hosting de Mecagoenlos.com) cumpliendo la ley de protección de datos. Ver política de privacidad de Linode.com.

Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en info@mecagoenlos.com, así como el derecho a presentar una reclamación ante una autoridad de control. Más información aquí.