Seo vs montadores
Ya prometí hace tiempo un duelo con mi compañero Dani y ha llegado la hora. Primero me voy a explayar con él, la próxima será María, la diseñadora. Bueno ahí vamos…
1.Por qué coño usan el puto reseteador de estilos con elementos comunes como el <p> o el <a>. Cuando estás modificando texto y metes un <p> te jode el tema y en vez de heredar los estilos de la puta capa te sale el reseteado. Con lo cual, a borrarlo de la capa general.css y meterlos en la hoja de estilos correspondientes. Lo mismo con el <a>
2.El <li> es para las listas. Si quieres poner distintos apartados con su imagen chula ¿porque no creas una capa, le pones un background-image, un no-repeat y un float left? Si de todas formas al li tienes que ponerle un list_image tio, que en vez de definir el <li> defines la capa y no me puteas. Lo que hace la gente por no poner dos líneas de texto más.
3.Los <h1> son para el seo, por regla general. Para sus palabras clave y sus cositas, así que no me los definas, ni me los uses para palabras como Menú o Bienvenido. Tu los dejas en blanco que yo los modifico. Los <h> no son para maquetar.
4.No metas los enlaces del footer en un include. A lo mejor quiero usar el footer para otros menesteres. Ya hay un menú que se repite arriba.
5.Cada cosa en su capa. Los span style son una porquería. Tanto no cuesta hacer una capa o una clase, si se va a repetir y usarla para lo que sea.
6.El código en general es una warrada. Tabúlame las capas, los estilos en los css… No sé tio, ¿ordénamelo un poco no? Que me estoy volviendo loco.
7.Las tablas son para meter contenido, no para maquetar.
8.Y no le des un alto fijo a las capas, que si tengo que escribir más, se jode todo y después dicen… “La roto el seo, la roto el seo”.
9.Existe un plugin que se llama web_developer que te dice si la web está validada en XHTML, eso debería de ser lo mínimo.
10. De la w3c me encargo yo, porque como te encargues tú…
11. Los alt existen. No le pongas descripciones a las imágenes, con una # me apaño.
12. No me pongas width y height a las imágenes. Ábrelas con photoshop y las reescalas colega… Que los tiempos de carga también influyen en el seo.
¿Conocéis algunos apaños más?
Saludos!!
Uysss veo grandes problemas en la empresa XD
Lo de los resets me ha tocado un poco la moral, cualquier maquetación medio decente tiene que tener unos resets para que los altos de linea y tal se vean igual en todos los navegadores (vamos solucionar a la larga más de 1000 problemas). Ejem, aquí ha sido fallo de Dani por no dejar definidos los estilos que ibas a necesitar (y también por cometer el error de no meter los textos en parráfos).
Sobre las listas, divs y span que mencionas no digo nada, porque no he entendido donde van, pero si es cierto que “todo en su capa” induce a la divitis y la calidad del código pierde calidad en algunos casos. Es decir “todo en su capa” hasta un cirto límite, el límite de la estructura del layout y el resto buscate la vida para que el código sea “semántico”.
Pienso que lo correcto es que el “montador” como lo describes tiene que ser un híbrido entre seo y maquetador web. Para marcar y posicionar el contenido en el código como mejor vea oportuno.
ops… no tengo más opción que dar la razón a Ruben, un tio que sabe de maquetación por cierto.
X cierto… “Los H1 son para el seo…” no tio, los H1 son el encabezado de primer nivel y tienen una función semántica: esto es lo que define de forma más importante a este documento. Son para el usuario! Por supuesto quien sabe sacarle partido a un H1 es un seo y es fundamental que los controle.
De todas formas que creo que un buen maquetador ¿Montador? y un buen seo no deben porqué tener demasiados problemas entre sí: ambos van de la mano y los objetivos de uno suelen beneficiar al otro.
PD: Gracias Google por hacernos la vida más fácil a los maquetadores estandaristas, nos has permitido justificar nuestra existencia XD.
Estoy de acuerdo con los dos, lo del h1 me referia a no ponerle un h1 a productos, ponle otra cosa.
Lo de la divitis me refiero a que para mi es más lógico meter un texto en una capa o una clase que luego se va a repetir que darle spans y demás porquería, porque para mi… Eso es porquería en el código.
Madre mia Antonio, vaya cambio le has metido al blog. Se ha hecho de noche de repente
. Y ese adSense ahí para recaudar, ya me dirás si sacas para unas cañas jejeje y ayudarte con el alquiler aqui en madriles.
Un saludo compai
Otra cosa no pero el diseño te gusta cambiarlo… cada día un nuevo diseño, te lo agradecemos, sinceramente este mucho mejor que el de fondo negro, que era un poco destroyer.
Por cierto la validación Google ha dicho que no sirve para SEO, es decir tener el sellito, otra cosa es tener h1 etc, otra cosa es para que se vea bien siempre etc.
Saludos
Eso por no hablar de aquellos a los que les encanta programar en Flash atendiendo exclusivamente al diseño.
http://tinyurl.com/5g3azf
http://tinyurl.com/58mvej
¬¬
@andrés: ahí la has dado
@Antonio: Todo buen maquetador (se dice maquetador no montador) debe saber de seo arquitectónico, debe saber estructurar los elementos en la página según su importancia semántica. Él es el maquetador él es el encargado de crear el front side. El SEO no.
Sabe que el h1 es único en cada página y debe corresponderse con el título de la misma (de la págia no de la web aunque puedan coincidir), el real al menos. Y en vez de criticarle a él, pq no hablas con el director de proyecto y el diseñador proponiendo mejores titulares?
Respecto al reset de las css, pues hijo, si nada más empezar a escrinir tu post dices “para qué coño …” pues como que la cagas y hay que releerse al menos dos veces tu entrada para darse cuenta de que al menos has dicho unas cuantas cosas sensatas.
Te diré brevemente para qué se deben de usar las resets:
cada navegador otorga los márgenes, paddings, interlineado… que le da la gana a cada elemento, haciendo necesario el uso de hacks y multiplicando por mucho la necesidad de líneas de css gastada para maquetar un diseño. Una de las ventajas de esto es que a veces no se necesita usar ni un solo hack, como debería ser siempre (1ª regla de oro)
¿De la w3c te encargas tu? ¿el seo? mejor habla con andrés que tiene un par de cosillas que decirte
Joder, que chungos sois los maquetadores no?¿ Que si, que en cierta medida llevais razón, pero que seo, accesibilidad y buen diseño para mi son incompatibles… y los maquetadores pasais de los seos, al igual que los diseñadores de los maquetadores, y como el que está el último en la piramide, por filosofia, es el seo pues es el que esta puteado.
La piramide debería de ser Seo-diseñador-maquetador. Yo debería de ser el capo… jeje.
Con respecto al toque de la accesibilidad de mi web es fácil. Posteo con prisas, tengo poco tiempo y la verdad es que también paso un poco de ponerme a cumplir la w3c. Esto es un blog personal donde escribo cosillas. Quizás debería de hacer muchas cosas de las que escribo, pero bueno… Ya que no mando en diseñadores y maquetadores, al menos mando en mi blog no?¿
Jeje. Saludos y gracias por pasaros tios
Mmm…no sería mejor:
1- Wireframe
2- Prototipado
3- Usabilidad
4- Arquitectura de la Información
5- SEO
6- Diseño de Interacción
7- Accesibilidad
8- Diseño de Información
Ese es más o menos el esquema que utilizamos en la empresa. saludos