Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

viernes, 29 de junio de 2007

Densidad de palabras claves

Cualquier webmaster que se preocupe un poco por el SERP (resultados en las páginas de los motores de búsqueda) sabe que tiene que estar atento a la densidad de palabras que el documento contiene.
La distribución de las mismas no debe ser caprichosa. El mejor documento que he encontrado, que describe la valoración de las keywords en la URL, los títulos, etc. puede encontrarse en el sitio de Google Ranking Factors - SEO Checklist

En Googlerankings se ingresa el nombre de dominio o URL para ver cuales son las palabras o frases más utilizadas. Se obtiene un reporte detallado y el número de ocurrencias más significativas.
Para el análisis puede incluirse:
  • El título de la página
  • El tag de palabras claves (keywords) y
  • El tag de descripción.
Además se puede proveer de una lista de palabras para que el análisis no les preste atención.
Share:

jueves, 28 de junio de 2007

Sitemap hasta 1000 URL

Otra herramienta on-line para la creación de un Sitemap.
Esta herramienta de We Build Pages consigue armar una estructura compuesta de hasta 1000 URL
Con opción generar el archivos en formato ROR/RSS o bien ROR/RDF

Share:

lunes, 25 de junio de 2007

Creación de Sitemaps

Una Sitemap o mapa de sitio no es otra cosas que un documento XML bien formado, que se utiliza comúnmente para informar a un motor de búsqueda, cómo está compuesto nuestro sitio.
Existe un recurso muy práctico, aunque restrictivo en la generación (ya que la aplicación sólo puede seguir los primeros 500 enlaces a partir del documento raíz.
XML-Sitemaps permite obtener esa información en formato XML, el formato requerido por Google o bien en formato TXT, para Yahoo.
Más info, sobre Sitemaps, en el sitio de Google.
Share:

miércoles, 13 de junio de 2007

Full Page Test

El propósito de este utilitario es que el webmaster pueda evaluar los tiempos de carga de cada documento.
Full Page Test lee el HTML; incluyendo en la carga y el análisis las imágenes, los archivos CSS y las imágenes que este declara, código JavaScript, RSS y archivos Flash.
La presentación es gráfica, mediante barras y muy completa.

El orden de lectura puede elegirse de entre esta lista:
  • Load order (orden de carga)
  • Load time (tiempo de carga)
  • File type (tipo de archivo)
  • URL (URI)
  • File size (tamaño de archivo)
Share:

martes, 12 de junio de 2007

Validación de código en W3C

Pienso que si de utilidades habla este blog, la herramienta más importante para cualquier webmaster que se precie de su actividad; es precisamente, trabajar con código válido.
W3C ofrece algunas herramientas:
Ambas herramientas tienen una función común, o bien permiten llevar a cabo una validación por URL, por upload del archivo o bien cargarlo en forma manual, mediante un cortar & pegar en el form correspondiente.
Lo cual, luego nos permite poder publicar los logos que deseemos en cada uno de nuestros documentos.

Una más:
Una validación de enlaces (por si existe un enlace roto o broken link)


World Wide Web Consortium: site en inglés y sitio en castellano
Share:

lunes, 11 de junio de 2007

CSSVista

CSSVista es una aplicación Windows gratuita para desarrolladores web. La cual deja que edites "en vivo" código CSS permitiendo visualizar los cambios en forma simultánea tanto en Internet Explorer como en Firefox.


Particularmente para casi lo mismo, utilizo IE Tab.
Que habilita utilizar el motor de Internet Explorer embebido dentro de Firefox.
Para quienes utilicen Firefox, seguramente la extensión resulte más práctica. Posiblemente esta herramienta sea ideal para usuarios de Internet Explorer.

Los creadores del soft, SiteVista advierten que las herramientas de seguridad de ambos navegadores están ausentes durante la ejecución de esta aplicación. Por lo cual, recomiendan no utilizarla si especialmente uno decide salir navegando con ella por la web.
Importante: incluye desinstalador
Share:

viernes, 8 de junio de 2007

Stylish

Extensión para Firefox
Con Stylish puedo sobreescribir y cambiar a mi gusto las declaraciones CSS que hacen que determinados sitios se vean como se ven para comenzar a verlos como a mí me gustan u otros autores lo prefieran.
Así como muchos que comparten sus estilos en UserStyles
Las recomendaciones son pocas, sólo la correcta utilización de CSS y la inclusión de !important.
Cualquier desarrollador web puede en poco tiempo, tener su propio estilo visual.
El ícono en la barra de estado permite administrar los estilos e inclusive editarlos. Y vincula la página visitada con UserStyles buscando un estilo para implementar.


Demás está decir que estas visualizaciones personales son locales ;-)
Ejemplo de mi página en del.icio.us antes:


La misma página aplicando el estilo pero del sitio de UserStyles


Como para otro ejemplo: los resultados de búsqueda de Google:

Con otros agregados visuales y sin la inclusión de los Ads (enlaces patrocinados): Google: no ads and new style
Aunque, debo confesar que para el estilo tuviera efecto en el sitio de Google Argentina, tuve que
agregar esta declaración:

url-prefix(http://www.google.com.ar/search)

Una excelente extensión que permite la aplicación de CSS en páginas donde se ha separado la estructura de la presentación.
Share:

lunes, 4 de junio de 2007

ColorZilla

ColorZilla es una excelente extensión, una importante herramienta para la creación de páginas web, en mi caso. Ya que permite una toma de muestra de color de cualquier elemento que muestra el browser.

Son varias las prestaciones que otorga esta extensión:
  • Cuentagotas: toma el color de cualquier pixel que muestra la ventana del navegador.
  • Opción de zoom: esta opción con rango de 20 a 1000% facilita la toma de la muestra.
  • Información del elemento de página: ofrece la información del elemento seleccionado, nombre del tag, id, dimensiones y posición relativa del cursor.
  • Manipulación de colores: Permite que la toma de muestra se muestre en valores RGB, HSV o hexadecimal y el copiado de los códigos.
  • Paletas: permite manejar paletas personalizadas y es compatible con GIMP.
  • Soporte de idiomas: soporta hasta 17 idiomas de instalación. Afortunadamente ya está disponible la versión en castellano; aunque la ayuda en línea está en inglés.


Si no se la necesita puede configurarse el ícono como oculto y acceder mediante una tecla de atajo. Aunque no es molesto, lo pocos píxels que ocupa. Ya que se instala en la barra de estado.

Site oficial: http://www.iosart.com/firefox/colorzilla/features.html
A mi entender, un infaltable.
Share:

viernes, 1 de junio de 2007

FEBE

Si de extensiones de Firefox tuviera que hablar, decididamente empezaría la lista no con la que más utilizo. Si no con aquella que más extrañaría no tener: FEBE
FEBE es el acrónimo de Firefox Extension BackUp Extension. Y me permite en forma manual o programada mantener una copia de seguridad de las extensiones que tengo instaladas.
Afortunadamente, cuando reinstalé todo mi software (hace ya más de un año), tuve la precaución de buscar todas las URLs donde se encontraban las extensiones que uso. Prolijamente, busqué, copié y pegué las direcciones donde se encontraban todas y cada de una de ellas.
Ahora tengo todos las extensiones salvaguardadas en archivos xpi e inclusive los temas que tengo instalados.
Adicionalmente, realiza copias de seguridad de:
  • marcadores
  • opciones del navegador
  • cookies
  • copia del userChrome.css y del userContent.css
  • certificados de seguridad instalados y
  • plug-ins de búsqueda
Share:

Publicidad

Estadísticas