Para que tu sitio web quede con muy buen estilo, a la hora maquetar tu HTML debes tener en cuenta ciertas cosas, de esfa forma tus páginas serán más atractivas y adictivas !
Aquí te doy 10 consejos para que mejores la optimizacion web a la hora de convertir tu PSD en HTML.
Trucos para mejorar la optimizacion web:
1 – No abuses de los textos en mayúsculas (ver como las utlizan en las revistas y periódicos)
2 – Utiliza la menor cantidad de imágenes que puedas. Recuerda que cuando mas imágenes, mas tardará el sitio en cargar, y los buscadores “prefieren” los textos.
3 – No utilices imágenes demasiado grandes. Si es necesario, recorta esa imagen en varias más pequeñas para que la carga sea progresiva.
4 – Las líneas de textos más cortas, son mucho más fáciles de leer que las largas.
5 – Procura alinear los textos a la izquierda, ya que las demás alineaciones dificultan la lectura.
6 – No utilices muchas fuentes diferentes en la misma página. Intenta no utilizar más de dos.
7 – El uso de colores neutros, pasteles o desaturados para el fondo, aumenta la legibilidad de las páginas.
8 – Diseña y maqueta tus paginas para TODOS los navegadores, no cierres las puertas. Utiliza estándares XHTML para la maquetación web como explico en otros artículos. Hay muchas opciones en CSS para hacer compatible tu diseño, incluso el CSS mismo bien usado, es prácticamente 100% compatible entre navegadores.
9 – Los títulos deben ser lo mas sintéticos y descriptivos posible. Recuerda que es lo primero que leen los usuarios de tu página. Si no les interese, jamás leerán el texto que les sigue.
10 – Siempre, pero SIEMPRE, colócale titulo a tu pagina Html con la etiqueta <title>. Recuerda que es lo primero que ven los buscadores y directorios. Además, al guardar tu página en favoritos, esa será la referencia para el usuario.
Aplica estos simples trucos y para mejorar la optimizacion web.
Ya verás los resultados!
Déjame tus comentarios y los estaré respondiendo personalmente para ayudarte con tu optimizacion web.
Saludos!
Muy interesante, pero tengo una inquietud en cuanto a la alineacion de los textos, no es mas estetico justificada??
gracias
Si es un poco mas estetica la alineacion justificada.
El item de arriba se refiere a tratar de alinear los textos siempre de manera natural cuando convertimos de PSD a HTML, por ejemplo: alineacion izquierda o justificada como tu dices.
Evitar las alineaciones centradas o contra la derecha.
Saludos Juan !!
Cristian
Heyy Cristian..!! muy bueno estos tips..de ahora en adelante hare eso..
Gracias por las notas..todo esto es muy amplioo…y no se por donde empezar..pero mil graciass!!
Por nada Manuel
Cualquier duda que tengas, me avisas.
Saludos!
Cristian
La verdad que son muy buenos consejos, muchos de ellos, no los sabia…
Muchas gracias!!!!
Gracias Pablo
Saludos!
Cristian
Hola hace cerca de tres meses que estoy con una tienda on line y no he recibido ni un solo pedido, en los articulos de la tienda no sale la etiqueta HTLM .
Pregunta : puede influir en los buscadores, porque la asistencia de tienda me dice que no es importante, me tiene un poco mosca la cosa.
Saludos.
Antonio
Hola Antonio
Por supuesto que las etiquetas HTML influyen en la indexacion de buscadores, por eso la parte de SEO debe estar bien configurada en base a una buena estructuracion HTML.
Sino no obtendrás buenos resultados.
El tema de las ventas…..bueno, aqui ya entran en juego otros factores como el tipo de marketing que estas haciendo en tu sitio, como presentas los productos, que trafico tiene la tienda, etc etc etc.
Como ves, no es nada simple, pero lo que te aseguro es que las etiquetas HTML siempre deben estar bien.
Saludos
Cristian