Búsqueda personalizada
Mostrando entradas con la etiqueta diseño web. Mostrar todas las entradas
Mostrando entradas con la etiqueta diseño web. Mostrar todas las entradas

17 mar 2014

Fondos o backgrounds para tu página web - Recomendacion

Encontrar fondos o backgrounds-image para tu página web es relativamente fácil.

Pero, como desarrolladora web que soy, me gusta reconocer el trabajo de otros desarrolladores cuando estos son interesantes y sobre todo útiles.

En esta página podreis encontrar muchos y diferente fondos para descargar gratis, además de que podeis configurar los colores y el tamaño.

Aquí un pantallazo de la página:


Y aquí el enlace:


http://www.patterncooler.com/

Como empezar una página web en HTML5

Breve post en el que voy a comentar como empezar a diseñar un página web desde cero con HTML5.

Para empezar creamos el archivo index.html, el que tendremos el siguiente código escrito:


<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title></title>
<link href="favicon.ico" rel="shortcut icon">
<meta name="description" content="">
<link href="css/style.css" rel="stylesheet">
</head>

<body>
</body>
</html>

Ahora vamos a crear dos carpetas en la raiz que se llamaran img (para guardar las imágenes) y otra css (para los estilos).

En la carpeta css crearemos un archivo llamado style.css, en el cual tendremos escrito:


body {margin:0}
.container {width:980px; margin:0 auto}
h1, h2, h3, h4 {font-weight:normal}
ul, li {margin:0; padding:0; list-style-type:none}
img {border:0}
.clear {clear:both}

Ahora ya podemos comenzar a crear nuestra página web desde cero.

Más adelante iré poniendo aquí los siguientes post que le siguen a éste para seguir diseñando.

¡Un saludo!

20 dic 2013

SEO BÁSICO - Posicionamiento web

Quiero posicionar mi web. ¿Qué hago?

Aquí os voy a explicar brevemente los puntos más importantes para tener un buen posicionamento web en los buscadores, sobre todo en Google. No voy a andarme con muchos rodeos, voy a ser breve y concisa.

1.       El contenido web

El contenido web, es uno de los puntos más importantes para tener buen posicionamiento. Tener contenido repetido o copiado es muy penalizado por los buscadores.
Es muy importante tener contenido de calidad e interesante que invite a los usuarios a visitar y sobre todo a volver a vuestro lugar.

2.       Los metatags

Los metatags son las etiquetas situadas entre las etiquetas <head></head>
Etiqueta title nos sirve para indicar el titulo de nuestra página.
Ejemplo: <meta name=”title” content=”Titulo de la página”>
Etiqueta description nos sirve para describir nuestra página.
Ejemplo <meta name=”description” content=”descripción de la página”>
Etiqueta keywords, actualmente en desuso.

3.       Estructura web

Para estructurar bien una página web vamos a tener la siguiente estructura:


1. Las etiquetas meta title y meta description que utilice las palabras claves seleccionadas.
2. Una sola cabecera H1 también deberá utilizar las palabras claves seleccionadas
3. El texto en el que deberán estar las palabras claves
4. Las imágenes necesarias, siempre con el atributo alt en el que pondremos alguna palabra clave
5. Una o varias cabeceras H2, H3, H4... (en la medida de lo posible con palabras claves)

4.       SEO imágenes

Para optimizar las imágenes se le debe de poner la etiqueta “alt” para poner las palabras claves de la imagen, y los atributos “width” y “height” para que la página cargue más rápido.
Ejemplo: <img src=”foto.jpg” alt=”texto descriptivo” width=”100” height=”150” />

5.       LINK SEO

Enlaces externos

Es ideal que tengamos muchos enlaces externos, muchos y de diferentes dominios.
Si tienes un blog, aquí una recomendación donde poder promocionar tu blog.

Links internos
Usaremos el anchor text para poner las palabras claves que describan el enlace.

6.       Sitemap

El sitemap del usuario es una página web en la que se muestra la estructura de la página web. En este fichero se colocan todos los enlaces a todas las páginas de la página web y se organizará de manera que el usuario sepa localizar cada página en cada momento.

El sitemap para buscadores (sitemap.xml) es imprescindible desde el punto de vista seo.
Este fichero esta escrito en xml e indica a los buscadores qué páginas están listas para ser indexadas. Una buena herramienta para hacer tu sitemap la puedes encontrar aquí:

7.       Robots.txt

Este fichero se situará en la raíz de nuestro sitio web y sirve para indicar a los buscadores  que ficheros deben o no deben rastrear.
Nos podemos crear un fichero de texto con el nombre robots.txt y escribir las siguientes líneas:


User-agent: *
Disallow:

Con esto indicamos que todos los robots (User-agent:*) pueden rastrear cualquier carpeta.
Si queremos evitar que rastreen alguna carpeta lo especificaríamos así:

Disallow:/carpeta/




13 dic 2013

Herramienta para crear automaticamente sitemap de una página web

Aquí os voy a poner el enlace de una página web que os crea el sitemap automáticamente de tu sitio web, poniento tan sólo la url del sitio te lo genera y te la opción de descargar en varios formatos.

Ya tan solo, lo que tienes que hacer es colocarlo en la raiz de tu sitio web.

Aquí el enlace:

http://www.xml-sitemaps.com/

Quitar index.html o index.php con .htaccess - Otros

Añadir las siguientes líneas a vuestro archivo .htaccess, que deberá estar en vuestro directorio raiz


RewriteEngine on RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /index\.html\ HTTP/
RewriteRule ^index\.html$ http://escribeturelato.es/ [R=301,L]
RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /index\.php\ HTTP/
RewriteRule ^index\.php$ http://escribeturelato.es/ [R=301,L]

No olvideis reemplazar "escribeturelato.es" por el nombre de vuestra página. :-)

11 dic 2013

Código para poner Icono a una página Web

Código para poner icono a una página web


<head> ... <!-- Código del Icono --> <link href="icono.ico" type="image/x-icon" rel="shortcut icon" /> ... </head>


20 nov 2013

Contar y limitar caracteres de un textarea con JavaScript

Aquí os dejo un código JavaScript que cuenta los caracteres de un textarea, definiendo el límite e impide que se escriba más caracteres de dicho límite.


<html> 
<head> 
<SCRIPT language="JavaScript" type="text/javascript"> 

function contador (campo, cuentacampo, limite) { 
if (campo.value.length > limite) campo.value = campo.value.substring(0, limite); 
else cuentacampo.value = limite - campo.value.length; 


</script> 
</head> 
<body> 
<center> 
<form name="form1"> 
sólo puedes entrar 125 caracteres. 
<textarea name="mensaje" wrap=physical cols="28" rows="4" onKeyDown="contador(this.form.mensaje,this.form.remLen,125);" onKeyUp="contador(this.form.mensaje,this.form.remLen,125);"></textarea> 
<input type="text" name="remLen" size="3" maxlength="3" value="125" readonly>te quedan todavía 
</form> 
</center> 
</body> 
</htm>

Espero que les sirva de ayuda.

Mercedes Conde Blanco

17 oct 2013

Posicionamiento web

Para poder tener un buen posicionamiento web, se debe tener en cuenta varios puntos, los cuales voy a enumerar aquí. Son buenas costumbren que deben tomar los diseñadores y programadores webs.


Posicionamiento interno

Son aquellas mejoras que podemos aplicar sobre nuestra web, contenido, apariencia, accesibilidad, etc.

  • Crear contenidos de calidad. Es común el dicho de: "el contenido es rey".
  • Realizar la estructuración y el diseño de una página web pensando en el posicionamiento, significa prestar atención a que sea funcional, fácil de acceder y que capte la atención del usuario.
  • Crear títulos únicos y descripciones pertinentes del contenido de cada página. Cada página es una tarjeta de presentación para el buscador. Los títulos y descripciones son puntos de partida para la identificación de los términos relevantes a lo largo de la web por los buscadores. Las mejores prácticas recomiendan escribir títulos de entre 60 y 70 caracteres.
  • Hacer nuestra web lo más accesible posible: limitar contenido en Flash, frames o JavaScript. Este tipo de contenido no permite el rastreo o seguimiento de la información por parte del robot en las diferentes páginas o secciones. Para ellos son un espacio plano por el cual no se puede navegar.
  • Enlazar internamente las páginas de nuestro sitio de manera ordenada y clara. Un «mapa del sitio» en el código (tanto el de Google como uno presente en el sitio) permitirá dar paso al buscador por las diferentes secciones del sitio en forma ordenada, mejorando su visibilidad.
  • Mejorar la experiencia del usuario con mejoras del diseño y disminución de las tasas de rebote.
  • Alojar la web en un servidor fiable.
  • Utilizar negrita o cursiva en los contenidos para las palabras clave que se pretenden posicionar.
  • Utilizar las etiquetas “meta” (description y title) con las palabras claves, elegidas estratégicamente con anterioridad. La etiqueta “meta title” es el factor on-page más importante para el posicionamiento, después del contenido general. La etiqueta “meta description” ofrece una explicación breve del contenido de una página y es normalmente utilizada por los buscadores para mostrar un breve resumen del contenido de la página en los resultados de búsqueda.
  • Utilizar las cabeceras h1, h2, h3, etc. para destacar términos importantes, o títulos. Se deberían usar palabras claves en las cabeceras.
  • Optimizar las URL, colocamos las palabras claves más importantes y significativas para la búsqueda.
  • Crear un diseño web limpio en publicidad y que entregue el contenido relevante en la mitad superior del sitio web7
  • Actualizar la página con contenido original de calidad.
  • Optimizar el tiempo de carga de una web para conseguir la reducción del ancho de banda, aumentar la tasa de conversión y mejorar la experiencia de usuario.
  • Utilizar un correcto etiquetado del sitio web.



Posicionamiento externo


Son aquellas técnicas que usamos para mejorar la notoriedad de nuestra web en los medios online. Por norma general, se busca conseguir menciones online, en forma de link, de la web a optimizar.

  • Conseguir que otras webs de temática relacionada enlacen con tu web. Para ello es interesante realizar una búsqueda para aquellos términos que consideras deberían llevar tráfico a tu web y estudiar cuáles de ellos tienen un contenido complementario. Si por ejemplo quieres posicionarte por el término "peluquería madrid" puede ser interesante intentar conseguir backlinks de peluquerías de otras ciudades.
  • Ahora mismo hay cientos de redes sociales, por ejemplo Hi5, Facebook y, Orkut, en las cuales poder participar y obtener visitas de nuestros nuevos «amigos». Para Google, la red social que mayor impacto tiene en el posicionamiento web es Google Plus, que ha tomado el lugar en importancia de Twitter y Facebook.
  • Darse de alta en directorios importantes como Dmoz y Yahoo!. Los directorios han perdido mucho interés en los buscadores pero siguen siendo un buen punto de partida para conseguir enlaces o un primer rastreo de tu web por los buscadores. Ambas requieren de un filtro humano para su inclusión lo que asegura la calidad de las web añadidas, pero también ralentiza y dificulta su inclusión.
  • Registrarse y participar en foros, de preferencia en foros temáticos relacionados a la actividad de su página web. La frecuente participación tiene que ir acompañado de aporte real y valioso como para ser tomado en cuenta como un usuario calificado, el detalle del éxito para conseguir visitas y aumentar el posicionamiento es el enlace hacia su página web presentado en su firma.
  • Escribir artículos en otros sitios web. Los artículos son un método muy poderoso para mejorar el posicionamiento y conseguir atraer visitas.Si puedes escribir unos artículos de un curso, de los trucos del día, la utilidad del producto de tu web.
  • Intercambiar contenido.





Fuente: Wikipedia

Más visitas para tu blog

Más visitas para tu blog

Vuestras visitas:

Trucos Blogger

Sobre Google

Los + vistos en la semana

 

© 2014 Aplicaciones ...---Chey---.... All rights resevered. Designed by Chey Developer

Back To Top
Recibe las actualizaciones directo a tu correo