Directorio eFXto

  • Directorio
  • Artículos y Noticias
  • Blog
  • Acceso | Registro
  • ¿Cómo incluir mi web?

Degradado de fondo con css

07 Marzo , 2010

Hoy os traigo un post para explicar como conseguir un fondo degradado utilizando una imagen que repetiremos en el eje horizontal (x) utilizando css (repeat-x).

Para explicar el ejemplo voy a utilizar un degradado de azul a blanco, podéis usar la misma operatoria aplicando los colores que elijáis.

Bien, los pasos son muy sencillos, lo primero será crear una imagen con el degradado que vamos a usar, está imagen puede ser muy delgada, de unos 5 o 10 px de ancho es suficiente. Es más, la costumbre más extendida es hacer esta imagen tan deslgado como 1px. No obstante, ten en cuenta que a menor anchura, mayor tiempo de carga pues el navegador tendrá que cargar tantas líneas sean necesarias para cubrir el ancho que indiquemos al indicarle que repita la imagen en el eje x, yo he elegido 16px de ancho. El alto debe ser el que se ajuste a tus necesidades, yo he hecho la imagen de 900px de alto. Esta imagen irá degradada desde el azul al blanco. Podéis hacer esta imagen fácilmente con photoshop.

El segundo paso es crear un div en el que poner de fondo la imagen que hemos creado con el degradado y aplicarle la propiedad repeat-x en el estilo css. En el ejemplo que he creado y que podéis ver más abajo he puesto este div dentro de otro al que le he puesto el color blanco de fondo para que quede del mismo color que el final de mi degradado en caso de que la altura del contenido supere la altura de la imagen degradada. Nota estas dos cosas:

  • La imagen aplicada al fondo será repetida en el eje horizontal mediante la propiedad css repeat-x.
  • Hemos aplicado el color blanco al fondo del div contenedor para que si se supera la altura de la imagen el fondo quede del mismo color que el final del degradado.

Ver ejemplo

Estudia el código y verás como es relativamente fácil poner un degradado en el fondo de tu web creando un bonito efecto en el diseño que agrada durante la lectura del contenido.

Visita el ejemplo y estudia el código haciendo clic derecho y luego clic sobre ver código fuente.

Leer opiniones (0)

 

El PageRank y el posicionamiento: ¿verdadero o falso?

01 Marzo , 2010

El pageRank de la página principal de una de mis webs ha bajado, de 4 a 3. Y ha arrastrado al pageRank de algunas páginas internas. Noté esto hace unas dos semanas, al principio bastante preocupado y ahora no tanto pues no ha afectado al tráfico, es más, incluso para algunas palabras clave el ranking en google ha mejorado.

Este hecho me ha hecho investigar un poco sobre el pageRank y su influencia en la posición en la que apareces en google, tan valorado y adorado hoy en día por todo webmaster.

¿Por qué bajó mi pageRank?

Evidentemente, porque perdí enlaces entrantes desde otras páginas de pageRank medio que daban cierta puntuación a mi web.

¿Es cierto que para salir el primero debes tener mayor pageRank que el resto?

Totalmente falso, os lo puedo asegurar, como he comentado mejoré posiciones a pesar de haber tenido una bajada de pageRank (mientras que la competencia mantuvo su pageRank), saliendo mejor posicionado que webs de pageRank superior.

Mi curiosidad por este hecho me ha llevado a sitios muy diversos sobre posicionamiento, unos profesionales, otros de aficionados y muchos posts del blog para webmasters de google. Tras leer y leer mi conclusión no puede se más clara: a mayor pageRank google visita de forma más frecuente tu sitio pero un mayor pageRank no determina de forma infalible tu posicionamiento  y, por tanto, la estimación de calidad de tu sitio por google. Este hecho es muy relevante para mí pues deduzco de esta conclusión que para google una web con mayor pageRank y antigüedad no es necesariamente de más calidad que una web con menor pageRank y más joven.

¿Entonces que hacemos con el pageRank?

Déjalo, olvídate del pageRank, centrate en el contenido. Es sin duda la mejor herramienta de posicionamiento que posee un webmaster. Construye una web útil y todo lo demás vendrá por sí sólo.

Es más, google ha quitado la sección sobre pageRank de las herramientas para webmasters. Antes podías ver una lista de páginas de tu web ordenadas en función del pageRank. De momento lo sigue manteniendo en la barra de google para Firefox, ¿lo quitará también?.

Para terminar mi reflexión sobre el pageRank aconsejaros que no le déis al pageRank más importancia de la que tiene: una señal de calidad de una web entre otras muchas pero no la más importante.

Leer opiniones (0)

 

Medir densidad de palabras clave

19 Febrero , 2010

Hoy he ecnontrado una herramienta para medir la densidad de palabras clave de una web. Sí, ya lo sé, hay muchas herramientas como esta. Pero de la que os voy a hablar es la mejor herramienta para medir la densidad de palabras clave online que he visto en la red. No solo te da la frecuencia de cada palabra en tu web, sino que te permite comparar los resultados con otras webs (por ejemplo, las webs de la competencia) y, lo mejor, te da un análisis exahustivo de donde y como aparecen las palabras.

Para todo webmaster la densidad de palabras clave en su página es primordial, y casi más que la cantidad, la calidad, es decir, dónde y como aparecen estas palabras. De ahí que esta herramienta me haya parecido tan buena.

Bueno, sin más os dejo la url:

http://www.keyworddensity.com/

Probadla y ya me contáis si para vosotros es una de las mejores herramientas SEO online como me parece a mí.

La herramienta mencionada te servirá para analizar la densidad de la palabra o palabras clave introducidas, pero si lo quieres es saber cuales son las palabras de más densidad de tu web y luego analizarlas puedes usar esta otra herramienta SEO:

http://www.seochat.com/seo-tools/keyword-density

Leer opiniones (0)

 

Sitemaps de blogger en google webmaster

13 Febrero , 2010

Todos los que hemos usado o usamos blogger como plataforma para blogear sabemos la imposibilidad de subir un sitemap y enviarlo a las herramientas para webmasters de google. La única solución ha sido enviar el feed del blog, el cual contiene únicamente las últimas 25 entradas. Un problema adicional es que si decides redirigir el feed del blog en feedburner o cualquier otro gestor de feeds obtendrás error en el sitemap a través de google webmasters.

Existen varias soluciones, una es desactivar la redirección del feed en la configuración del blog y añadir la url del gestor de feeds que hayas elegido en la plantilla. Así envias a google webmaster la url original del feed de tu blog (http://tublog.blogspot.com/feeds/posts/default por ejemplo) y no obtienes error de sitemap. No obstante esta solución algo complicada no elimina el incoveniente de que el sitemap solo contendrá las últimas 25 entradas.

Para solventar todos los problemas existe una solución muy fácil a la vez que poco conocida. Consiste en usar el archivo xml raiz que proporciona blogger y añadir algunos parámetros a la url para generar el feed. Con esta solución puedes seguir usando la redirección del feed a feedburner o cualquier otro, pero a las herramientas de google para webmasters le enviarás el feed generado por blogger sin redireccionar y podrás enviar todas las entradas:

  1. Primero, como dije antes, vamos a usar el archivo xml del directorio raiz que proporciona blogger.
  2. http://tublog.blogspot.com/atom.xml

    Cambia "tublog" por el nombre de tu blog.

  3. Añadimos ?redirect=false a la url del sitemap
  4. http://tublog.blogspot.com/atom.xmlatom.xml?redirect=false

    Así eliminamos la redirección al generar el feed que usaremos como sitemap y podrás seguir teniendo el feed de tu blog configurado para redirigir a feedburner o cualquier otro gestor de feeds.

  5. Ahora vamos a añadir otros parametros para poder enviar todas las entradas de tu blog para que el sitemap contenga todas las url de tu blog. Blogger tiene un limite de entradas en los feeds, por defecto es 25 pero puede establecerse en 100 (parece ser que ahora este límite es de 500, pero no estoy seguro y sigo usando 100).
  6. http://tublog.blogspot.com/atom.xmlatom.xml?redirect=false&start-index=1&max-results=100

    En esta ocasión le hemos dicho al generador de feeds de blogger que empieze el feed desde la primera entrada hasta la entrada número 100. Si superamos las 100 entradas en nuestro blog enviaremos otro sitemap comenzando desde la entrada 101 hasta la 200, y así sucesivamente. El segundo sitemap quedaría:

http://tublog.blogspot.com/atom.xmlatom.xml?redirect=false>&start-index=101&max-results=200

Leer opiniones (0)

 

Nuevo disco de Sade - Soldier of Love

14 Enero , 2010

En Febrero llegará el  nuevo disco de Sade. Tras 10 años de ausencia Sade nos vuelve a regalar su música, todo un placer para los oídos.

El nuevo disco llevará por título Soldier of Love y será publicado por sello RCA-Epic, propiedad de Universal-Sony.

El estilo del nuevo disco....pues como va a ser, melódico R&B y soul, al que nos tiene acostumbrados y que tan bien acompaña a su voz.

Nada más nos queda esperar un poquito para disfrutar de este nuevo disco de Sade que sin duda volverá a llevar a la cantante británica de orígenes niegerianos a los primeros puestos de las listas de éxitos. Hasta entonces un pequeño adelanto de lo que será el primer single con el mismo nombre del album.

Leer opiniones (0)

 
Más artículos...
  • ¿Por dónde va mi paquete enviado por correos?
  • Keywords automáticas con php
  • Configuración Cron Jobs en Cpanel para ejecutar un script php
  • Chemicals Brotehers - The State We're In

<< Inicio < Prev 1 2 3 Próximo > Fin >>

Página 1 de 3

© 2009 - 2010 Directorio eFXto

Política de Privacidad