Posts Tagged ‘css’

Herramienta para crear rectángulos redondeados en CSS3

By Luigi Keynes

CSSCorners es una herramienta online que nos permite “on the fly” rectángulos redondeados.

La misma usa CSS3 (lo cual significa que para ver los resultados correctamente tienes que usar un explorador web que lo soporte), y nos permite configurar además de la redondez de las esquinas, el tipo de gradient, los colores y el relleno.

Comparte:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • BarraPunto
  • Bitacoras.com
  • LinkedIn
  • Meneame
  • MySpace
  • Twitter
  • Yahoo! Bookmarks
  • email
  • Live
  • RSS
  • Technorati

Sistema solar en CSS3

By Luigi Keynes

Alex Giron ha llevado adelante un experimento interesante y ha creado un modelo del sistema solar con CSS3, usando border raduis, transformaciones y animaciones.

Está bueno el modelo, aunque se destaca que las órbitas son circulares y no elípticas (aunque me parecería muy complicado hacerlas de esta forma con CSS) y por otro lado incluye a Plutón, el cual ya no es considerado un planeta.

Para ver los detalles del experimento sigan este link.

Comparte:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • BarraPunto
  • Bitacoras.com
  • LinkedIn
  • Meneame
  • MySpace
  • Twitter
  • Yahoo! Bookmarks
  • email
  • Live
  • RSS
  • Technorati

Herramienta para hacer botones en CSS3

By Luigi Keynes

En este link encuentran una herramienta muy interesante para diseñar botones en CSS3, solamente hay especificar de un modo muy gráfico e intuitivo una serie de variables de como queremos que se vea el botón.

Al final del proceso debemos hacer clic en el botón y obtenemos el código CSS del mismo.

Comparte:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • BarraPunto
  • Bitacoras.com
  • LinkedIn
  • Meneame
  • MySpace
  • Twitter
  • Yahoo! Bookmarks
  • email
  • Live
  • RSS
  • Technorati

Un reproductor de video HTML5 open source

By Luigi Keynes

El reproductor se llama Video JS, está basado en javascript y usa las funcionalidades de video de HTML5. El beneficio de su uso reside en que su vista es consistente entre navegadores.

Es gratis y open source, no usa imágenes, se pueden crear infinitos skins con CSS, es una librería independiente, fácil de usar y entender, tiene modo de ventana completa y control de volumen.

Más info en este link.

Comparte:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • BarraPunto
  • Bitacoras.com
  • LinkedIn
  • Meneame
  • MySpace
  • Twitter
  • Yahoo! Bookmarks
  • email
  • Live
  • RSS
  • Technorati

Listado de parámetros del algoritmo de Google

By Luigi Keynes

A continuación una lista con 130 factores que tendrían alguna clase de influencia en el algoritmo de Google y en el posicionamiento en sus resultados.

Los factores están agrupados según los aspectos a que se refieren y al costado de alguno de ellos un breve comentario mío en cursiva.

Dominio

  1. Antigüedad del dominio: mas antiguo mejor.
  2. Tiempo que queda para que expire el dominio.
  3. Si la información del propietario del nombre del dominio está oculta: es mas confiable un dominio que permite un rápido acceso a los datos del dueño de dominio.
  4. Dominio de primer nivel (enfocado a posicionamiento geográfico por ejemplo los .com versus .com.ar).
  5. Dominio de primer nivel (.com versus .info).
  6. ¿Subdominio o dominio principal?.
  7. Registros anteriores del dominio (con qué frecuencia cambia la IP del sitio).
  8. Propietarios anteriores del dominio (con qué frecuencia cambia su propietario).
  9. Palabras clave en el dominio.
  10. IP del dominio.
  11. Vecinos del dominio.
  12. Número de menciones que hacen desde otros sitios a tu dominio (sin enlazarlo).
  13. Opciones de Geo-Targeting usadas en Google Webmaster Tools.

Del lado del servidor

  1. Ubicación geográfica del servidor.
  2. Uptime del servidor: se considera mas confiable un website que se encuentra en un servidor que tiene alta disponibilidad.

Arquitectura

  1. Estructura de las URL.
  2. Estructura del HTML.
  3. Estructura semántica.
  4. Uso de archivos JavaScript y CSS externos.
  5. Accesibilidad en la estructura del sitio.
  6. Uso de URLs canonicales.
  7. Código HTML Validado: En esto se suscita cierto debate, hay quienes consideran a esto un factor para posicionamiento, en lo personal no veo que esto tenga mucho que ver, e incluso el mismo Matt Cutts relativizó esta idea.
  8. Uso de cookies.

Contenido

  1. Idioma del contenido.
  2. Que el contenido sea único.
  3. Cantidad de contenido (texto versus HTML): Cuanto mas texto mejor.
  4. Densidad de contenido no enlazado (enlaces versus texto): Cuanto mas texto mejor.
  5. Ratio de contenido únicamente textual (sin enlaces, imágenes, código, etcétera).
  6. Contenido estacional y de actualidad (para búsquedas relacionadas a las estaciones del año o de actualidad).
  7. Información semántica.
  8. Contenido etiquetado para una categoría general (transaccionales, de información, de navegación).
  9. Contenido / Nicho de mercado.
  10. Uso de palabras presuntamente marcadas en forma negativa por Google, como las keywords relacionadas a sitios con contenido para adultos, apuestas, etc.
  11. Texto en las imágenes.
  12. Contenido malicioso o que pueda afectar a las computadoras de los visitantes.
  13. Errores ortográficos.

Links cruzados internos

  1. Número de links internos a una página.
  2. Número de links internos a una página con exactamente el mismo texto.
  3. Número de links internos a una página desde el contenido (en lugar de usar barras de navegación, menús, etcétera).
  4. Número de links usando el atributo “nofollow”: aquí también se da cierta polémica, hay quienes dicen que la existencia de muchos links con nofollow mina la confianza del website.
  5. Densidad de links internos.

Cuestiones particulares del sitio

  1. Contenido del archivo robots.txt.
  2. Frecuencia general de actualización del sitio.
  3. Tamaño general del sitio (número de páginas).
  4. Antigüedad del sitio desde la primera vez que lo descubrió Google.
  5. Sitemap.
  6. Contenido detectado que genera “confianza” (Enlaces a información de contacto, política de privacidad, TOS, etc).
  7. Tipo de sitio.

Cuestiones particulares de una página

  1. Etiqueta “meta robots” en la página.
  2. Antigüedad de esa página.
  3. Frescura de la página (frecuencia en que se edita y % del contenido modificado).
  4. Contenido repetido en otras páginas del mismo sitio (contenido duplicado): yo suelo llamarle endoduplicación.
  5. Legibilidad del contenido
  6. Tiempo de carga de la página: este es un punto que ahora Google parece darle mayor peso a la hora de posicionar una página con el objetivo de favorecer a aquellas que mejoren la experiencias de los usuarios al visitarlas.
  7. Tipo de página (página “acerca de” versus una página de contenido principal).
  8. Popularidad interna de la página (cantidad de links internos que tiene).
  9. Popularidad externa (cantidad de links externos relevantes).

Las palabras clave

  1. En el título de la página.
  2. Al principio del título de la página.
  3. En las etiquetas “alt”.
  4. En el texto de un link a una página interna.
  5. En el texto de un link a una página externa.
  6. Palabras en negrita o cursiva: supuestamente las palabras en estos estados son mas importantes en un texto.
  7. En el inicio del cuerpo (”body”).
  8. En el texto a lo largo del cuerpo.
  9. Palabras clave sinónimas usadas y relacionadas a la temática de la página o del sitio.
  10. En el nombre del archivo.
  11. En la URL.
  12. Sin ponerlas de forma “aleatoria” a propósito.
  13. El uso (abuso) de palabras clave utilizadas dentro de los comentarios HTML (<!– >): En lo personal prefiero no usar esta clase de comentarios ya que además de poder ser considerado un factor de webspam le estamos sumando peso innecesario al archivo aumentando los tiempos de descarga para el usuario.

Links salientes

  1. Número de links salientes (por dominio).
  2. Número de links salientes (por página).
  3. Calidad de los sitios a los que linkeas.
  4. Links a “Malos Vecindarios”: Se refiere a páginas o websites con spam o cosas así.
  5. Relevancia de los links salientes.
  6. Enlaces a páginas 404 u otras páginas de error.
  7. Enlaces a agencias “SEO” desde el sitio del cliente.
  8. Imágenes enlazadas a otros sitios (hotlinking).

Perfil de los links entrantes

  1. Relevancia del sitio que te linkea.
  2. Relevancia de la página que te linkea.
  3. Calidad del sitio que te linkea.
  4. Calidad de la página que te linkea.
  5. Links entrantes desde redes de sitios.
  6. Diversidad de links en el sitio que te linkean.
  7. Diversidad de palabras usadas en el link  o anchor text.
  8. Diferentes IPs de los sitios que te linkean.
  9. Diversidad geográfica.
  10. Diferentes TLD dominios de nivel superior (com, es, net, org, etcétera).
  11. Diversidad temática y/o actualidad.
  12. Diferentes tipos de sitios linkeándote.
  13. Diversidad en los lugares donde eres linkeado.
  14. Links de autoridad por cada link entrante.
  15. Links de un mal vecino.
  16. Ratio de links recíprocos.
  17. Ratio de links de sitios sociales.
  18. Patrones y tendencias anormales; aumentos o disminuciones repentinos en el número de links entrantes.
  19. Citaciones en la Wikipedia y DMOZ.
  20. Registros históricos en el perfil.
  21. Links desde sitios sociales de favoritos.

Factores de cada link entrante

  1. Autoridad del TLD (.com versus .gov).
  2. Autoridad del dominio que te linkea.
  3. Autoridad de la página que te linkea.
  4. Localización del link en la página que te linkea.
  5. Texto del link y texto de la etiqueta “alt” en las imágenes linkeadas.
  6. El atributo Title de un link: no estoy muy de acuerdo con que esto sea un factor.

Perfil del visitante y su comportamiento

  1. Número de visitas.
  2. Demografía de los visitantes.
  3. Ratio de retención
  4. Costumbres de navegación del visitante (que otros sitios tiene costumbre de visitar).
  5. Tendencias y patrones del visitante (como por ejemplo aumento repentino de tráfico entrante).
  6. Cuán a menudo el visitante hace click en tu sitio en los SERPs.

Penalizaciones, filtros y manipulación

  1. Abuso de palabras clave.
  2. Detección de compra de links.
  3. Detección de venta de links.
  4. Registros de spam.
  5. Encubrimiento  o Cloaking.
  6. Texto oculto.
  7. Contenido duplicado o duplicación externa: yo le llamo exoduplicación.
  8. Historial de penalizaciones pasadas de este dominio.
  9. Historial de penalizaciones pasadas del propietario.
  10. Historial de penalizaciones pasadas para otros sitios de este propietario.
  11. Registros de ataques por parte de crackers en el pasado.
  12. Redirecciones 301 erróneas: redirecciones dobles, bucles de redirecciones o que terminan en error 404.

Otros

  1. Registrar el dominio en Google Webmaster Tools.
  2. Presencia del dominio en Google News.
  3. Presencia del dominio en Google Blog Search.
  4. Dominio usándose en Google Adwords.
  5. Dominio usándose en Google Adsense.
  6. Menciones externas a la marca.

[SEJ]

Comparte:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • BarraPunto
  • Bitacoras.com
  • LinkedIn
  • Meneame
  • MySpace
  • Twitter
  • Yahoo! Bookmarks
  • email
  • Live
  • RSS
  • Technorati

CSS vs tablas, Matt Cutts da su veredicto

By Luigi Keynes

En cierta forma me sorprendió la respuesta de Matt Cutts. Al igual que muchos webmasters y SEO yo creo que es mas conveniente para el posicionamiento de un sitio si abandonamos las tablas y usamos divisiones, párrafos y CSS porque tiene mas peso en el código el contenido real que las etiquetas, siempre y cuando hablemos de un CSS bien optimizado.

Acá va el video y la transcripción de la respuesta de Matt.

CSS versus tablas

Thomas desde Cincinnati pregunta, “¿Es una página web diseñada con CSS mejor para SEO que una basada en tablas?”

Francamente, no preocuparía de esto. Vemos las tablas y el CSS, trabajamos con ambos. Así que intentamos evaluarlas, ya sabes, no importa qué tipo de diseño utilices. Francamente, utiliza lo que sea mejor para ti. Mucha gente tiende a utilizar CSS ahora ya que es fácil para cambiar tu sitio web. Es fácil para cambiar el diseño. Muy modular. Mientras que las tablas, tiene algo de, ya sabes, connotaciones web 1.0. Pero si tienes la mejor web, intentaremos encontrarla e intentaremos colocarla arriba sin importar si está basada en tablas o en CSS.

Fuente: Blog para Webmasters

Comparte:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • BarraPunto
  • Bitacoras.com
  • LinkedIn
  • Meneame
  • MySpace
  • Twitter
  • Yahoo! Bookmarks
  • email
  • Live
  • RSS
  • Technorati

MINIFYME: Aplicación Adobe Air para Minimizar archivos css y js

By Luigi Keynes

Es recomendable combinar los archivos js y los css que tengamos en uno solo respectivamente.

El problema es que los mismos pueden volverse muy pesados.

En esta página pueden encontrar una muy útil aplicación en Adobe Air, que con sólo seleccionar y arrastrar los archivos hacia la aplicación, obtenemos como resultado un sólo archivo que no solamente los contiene a todos, sino que también lo minimiza en tamaño al eliminar espacios y saltos de línea.

Comparte:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • BarraPunto
  • Bitacoras.com
  • LinkedIn
  • Meneame
  • MySpace
  • Twitter
  • Yahoo! Bookmarks
  • email
  • Live
  • RSS
  • Technorati