15 tips para diseño web

1- Hágalo todo más simple. El poder de un buen diseño esta en su simplicidad. Defina la esencia 1.2-Hágalo todo más simple: parte 2. ¡Cuando su diseño final parece ser demasiado simple para la cantidad de tiempo que le dedicó, VOILA! Su trabajo ya esta listo.

2- Salga de su mundo interior: comuníquese. Aprenda a comunicarse y colaborar con todos los miembros de las profesiones web claves: programación, marketing, comerciales.

3- Menos glamour y más orden. No se vea seducido por la forma en detrimento del contenido. Un diseño web comprometido con el contenido contribuye en mayor medida que uno que hace prevalecer las formas

4- Diseñe para conexiones via módem. La consideración estética más importante a tener en cuenta es LA VELOCIDAD DE TRANSMISIÓN. Si su trabajo tarda demasiado en bajar, deje todo de lado y vuelva al papel y al lápiz

5- Textos. ¿aburridos? Cuando le toque diagramar textos, PRIMERO LÉALOS. Piense en como alguien, con menos interés que el suyo, podría echarles un vistazo. Otra cosa que es de gran ayuda es el ancho de los textos. A menudo se ven por ahí webs con sus textos corriendo de punta a punta de la página. ¿¿¿Cómo se puede leer eso??? Mejor trate de que sus textos se mantengan en un ancho de 400 píxeles, o, al menos, un tercio de su pantalla.

6- Más color y gráficos, menos imágenes y efectos. El arte lineal, las formas vectoriales y el color plano se lleva de maravillas con la web. Para ser más claros, si sus diseños usan mas Freehand que Photoshop, es seguro de que su página cargara mucho mas rápido.

7- ¡Gráficos y textos: no! Nunca, jamás, inserte texto en un gráfico. El texto es texto. Los gráficos son gráficos. No los confunda.

8- Atraiga. Con las fluctuaciones en las conexiones a la web, su carácter de "lenta" y demás afectaciones, usted tiene 3 SEGUNDOS para convencer a un usuario de no usar el botón ATRÁS del navegador. TRES SEGUNDOS. Entonces, ponga todos sus esfuerzos para que aquello que desea mostrar en una página web aparezca inmediatamente, y de forma interesante.

9- Atraiga-simplifique-vaya a lo que importa. Tiene 30 segundos para cargar TODA una página en el navegador del usuario. Quizás menos, 15 segs. SEA RÁPIDO.

10- Enfóquese en lo que interesa. A los usuarios no les interesa en absoluto como funciona y se navega dentro de su sitio web, sólo llegaron allí por el contenido. DÉSELOS en forma rápida y simple.

11- Infórmese-aprenda. Manténgase al tanto de las nuevas tecnologías. La web jamás se queda quieta, así que dedique su tiempo libre a aquello que es nuevo. Ya ha pasado el tiempo en que el pez más grande se comía al más pequeño, ahora es el más RAPIDO el que se come al MAS LENTO.

12- Defina su problema. El diseño trata sobre la resolución de problemas, sobre enfrentar una cuestión de comunicación con un objetivo. Defina cual es el suyo y ya tendrá la mitad del problema resuelto.

13- Apréndase los principios de navegación.
a-La gente odia esperar
b-La gente odia hacer scroll
c-La gente odia leer
d-La gente prefiere hacer scroll antes que esperar
e-La gente prefiere esperar a leer.
f-La gente no es necesariamente racional o coherente, pero a veces sí.

14- Busque inspiración. Hable con gente que esta fuera de su campo de acción. Los arquitectos, por ejemplo, pueden darle una perspectiva completamente nueva del diseño web, quizá pueden cambiar su forma de imaginar como se conceptualiza un sitio, transformando las páginas web en "espacios web"

15- Escuche música. Si, cuando la música acompaña a su trabajo este se hace más placentero y llevadero. Incluso llega a generar más inspiración.

factores más importantes para conseguir los primeros lugares en Google. (2º parte)

6. Encabezados
La etiqueta H1 es probablemente la segunda etiqueta más importante después de la del título, también debe contener palabras clave.
También es recomendable emplear palabras clave o sinónimos de estas en las etiquetas H2 y H3

7. Nombre del dominio
Los dominios que incluyen palabras clave tienen más posibilidades de aparecer en los primeros puestos de los buscadores. Las palabras deben estar separadas por guiones, no es recomendable que el dominio este compuesto por más de tres palabras. Ejemplo: palabra-clave.com

8. URL de la página
La dirección URL de la página también debe ser rica en palabras clave separadas por guiones. Ejemplo: www.enlared.biz/palabras-clave.html
Más de 4 barras verticales / en las URL suelen tener un efecto negativo en los ranking. Ejemplo:
www.enlared.biz/promocion/web/posicionamiento/buscadores/google.html

9. Etiquetas ALT y título de la imagen
Las etiquetas ALT y título de la imagen también tienen influencia positivamente en los ranking. Son especialmente importantes para las imágenes usadas como links. Además generan visitas gracias a la opción de búsqueda de imágenes de Google.

10. Actualizaciones
Los sitios web actualizados frecuentemente suelen tener preferencia sobre los que no han cambiando en un tiempo, especialmente en aquellos sectores que cambian habitualmente como noticias y contenidos de actualidad.
Añadir páginas nuevas a menudo también ayuda a escalar posiciones en los buscadores

factores más importantes para conseguir los primeros lugares en Google. (3º parte)

11. Estadísticas de la página
Factores como el promedio de clicks en un sitio web en los resultados de búsqueda de Google,el tiempo que pasa cada usuario en la página, visitas directas o desde marcadores sociales y favoritos están teniendo cada vez más importancia para google aunque todavía queda mucho por desarrollar y probablemente cobren más importancia en el futuro.
Los datos son obtenidos desde los propios resultados de búsqueda de Google, la barra de herramientas de Google o incluse se rumorea que desde el servicio de estadísticas Google Analytics , aunque Google nunca ha admitido públicamente que guarde o haga uso de estos datos.

12. Extensión del dominioLos dominios no comerciales como .edu o .gov suelen tener mayor importancia para Google especialmente en los resultados de las búsquedas locales

13. Descripción
Aunque la etiqueta descripción no tiene influencia directa para subir posiciones en Google, si es usada en los listados para describir la página brevemente por lo que una buena descripción es de vital importancia para que los usuarios escojan su web y no otra.
Cada página debe tener una descripción única con las palabras clave más relevantes
Factores que influyen negativamente en el posicionamiento en buscadores

Servidor caídoSi el robot de Google o cualquier otro buscador no puede tener acceso al sitio web no podrá indexar correctamente el contenido y dará una mala imagen tanto a los buscadores como a los usuarios.
Por lo general si una web esta fuera de servicio más de 48 horas experimentará una importante bajada en los rankings.

Contenido duplicado
El contenido duplicado es negativo para google y los demás buscadores ya que no le interesa tener dos páginas iguales en sus resultados. Procure siempre crear contenido único y original para cada página de su sitio incluyendo el título y descripción de cada una
Si necesita mantener el contenido duplicado puede utilizar la etiqueta rel=“nofollow” para que no sea indexado por los robots de los buscadores y la web no sea penalizada.

Enlaces a páginas fraudulentas o penalizadas por Google
Los links incluidos en su web también son relevantes para Google.
Demasiados links a página penalizadas pueden hacerle caer de los listados. Los enlaces a páginas reputadas con un page rank alto y buenas posiciones en Google pueden resultar por el contrario beneficiosos para su web.

Abuso de palabras claveLas palabras clave deben estar distribuidas a lo largo del texto de forma coherente y no repetidas mal intencionadamente ofreciendo un texto sin sentido a los lectores.

Compra y venta de linksMuchas webs populares han sufrido un descenso importante en su page rank al participar en la compra-venta de links.

Links provenientes de páginas penalizadas
Afectan especialmente a páginas de reciente creación que solo cuentan con links de páginas de dudosa reputación para Google
Para las páginas ya establecidas con buena popularidad de enlaces no afecta que algún link provenga de sitios web fraudulentos

Visitantes de la páginaSi su página tiene menos visitas que otra situada en posiciones similares, afectará negativamente a los rankings, dando google mayor preferencia a las que tengan mejores estadísticas y CTR (número de clicks por cada mil impresiones)

Formulario de contacto en PHP.

En este tutorial veremos cómo crear un formulario de contacto en PHP. Al finalizar, los usuarios podrán rellenarlo y recibiremos sus comentarios por email.

Formulario HTML
Crearemos un archivo llamado contactar.php que contendrá el formulario de contacto en HTML.

<form action="contactar.php" method="post"> <br /><br /><p> <br /><br /><label for="mensaje">Mensaje</label> <br /><br /><textarea name="mensaje">

En el tag form de html definiremos el método de envío del formulario a POST. También es importante que en el atributo action escribamos el nombre del archivo que se ejecutará cuando el usuario haga clic en el botón de envío. En este caso llamaremos el mismo archivo en el que estamos contactar.php (Aunque no es obligatorio, nuestro script PHP para procesar el formulario también se encontrará en el mismo archivo que el formulario).

Finalmente definiremos un campo invisible "hidden", de nombre accion y valor enviar_comentario que servirá para controlar que el usuario haya ejecutado el formulario.

Script PHP
Primero comprobaremos que la variable acción (La que habíamos añadido en modo invisible en el formulario HTML) tenga valor. Si lo tiene ya podemos procesar los datos y enviar el comentario a una dirección de correo que queramos.

if(isset($_POST['accion']) && $_POST['accion']=="enviar_comentario"){ <br /><br /> $mensaje = addslashes($_POST['mensaje']); <br /><br /> if(mail("tuemail@email.com","Formulario de Contacto",$mensaje)){ <br /><br /> echo "Gracias por enviar el email, pronto lo leeremos."; <br /><br /> }else{ <br /><br /> echo "No se pudo enviar el email."; <br /><br /> } <br /><br /> }else{ <br /><br /> // Aquí va el formulario HTML <br /><br />} <br /><br />

Código Completo
A continuación mostramos el código completo del script para un formulario de contacto.

<?php if(isset($_POST['accion']) && $_POST['accion']=="enviar_comentario"){ $mensaje = addslashes($_POST['mensaje']); if(mail("tuemail@email.com","Formulario de Contacto",$mensaje)){ echo "Gracias por enviar el email, pronto lo leeremos."; }else{ echo "No se pudo enviar el email."; } }else{ ?> <br /><br /> <form action="contactar.php" method="post"> <br /><br /> <p> <br /><br /> <label for="mensaje">Mensaje</label> <br /><br /> <textarea name="mensaje">

Si todo ha salido correctamente, se habrá enviado un email a la cuenta correspondiente con el mensaje entrado.