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


  • 0000-00-00 00:00:00

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
  • 0000-00-00 00:00:00

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
  • 0000-00-00 00:00:00

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
  • 0000-00-00 00:00:00

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
  • 0000-00-00 00:00:00

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
  • 0000-00-00 00:00:00

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
Space Needle
Diseño Web / Blog A la hora de diseñar una web tenemos que tener en cuenta nuestras limitaciones y tener cuidado con dar rienda suelta a nuestra imaginación. No voy a decir como debemos diseñar una web porque de diseño sólo sé que no sé nada, y para esto están realmente l

Seguir leyendo

Últimos posts

Últimos comentarios


Lino Uruñuela

Hola Ana! Si esas urls no tenían tráfico orgánico, o este es despreciable yo usaría un 410. Si no hay más enlaces hacia estas urls p
Post: Ofuscando enlaces para mejorar Link Juice

Ana

Muy interesante el artículo, pero tengo una cuestión. ¿Qué se haría con todos esos enlaces que desaparecen si ya han sido indexados por
Post: Ofuscando enlaces para mejorar Link Juice

Lino Uruñuela

@Javier Lorente mañana te contesto poco a poco, de momento la sugerencia de "Pon algo para enterarnos de las respuestas de los comentarios
Post: Cuando restringes por robots.txt puedes aumentar el número de URLs indexadas

Javier Lorente

Siempre sospeché de https://www.seroundtable.com/amp/google-long-term-noindex-follow-24990.html tiene toda la lógica. En alguno de tus exp
Post: Meta Robots Noindex

Javier Lorente

Creo que deberíamos empezar a diferenciar ya de una vez por todas "indexadas" y "en el index server". Personalmente por indexadas entien
Post: Cuando restringes por robots.txt puedes aumentar el número de URLs indexadas

Javier

Bueenas Lino! Gracias por tu respuesta! Efectivamente, cogiendo texto de una página hecha con javascript y poniéndolo en Google entre comi
Post: Meta Robots Noindex

Lino Uruñuela

Hola @Javier repondiendo a tu pregunta "¿significa eso que google no está viendo el contenido en texto y no lo posicionará?" con el mismo
Post: Meta Robots Noindex

Lino Uruñuela

@Alex R , lo primero graciias por a ti por participar :) Sobre tu prebunta ¿Dentro de un mismo artículo o entrada podemos hacer que no s
Post: Meta Robots Noindex

Javier

Buenas Lino Mecagoenlos! (vaya apellido tienes...) Tu artículo me ha dado mucho que pensar... acaban de hacerme una web en una agencia y
Post: Meta Robots Noindex

Alex R

Hola Lino! Te leo desde hace algún tiempo (genial el cambio de look) y casualmente he venido aquí con una duda sobre indexación. Lo
Post: Meta Robots Noindex

Contacta

Lánzate y pregunta!

Nos gustan los robots, pero no tanto
7 + 3