Optimización Google – Parte 3: Keywords (meta tag)
Autor: Jorge López En: Posicionamiento WebHubo un tiempo en que las meta-tags fueron un popular método para otorgar relevancia a las webs, pero murieron víctimas de los webmasters sin escrúpulos.
Las etiquetas meta solían ser parte del algoritmo para organizar los resultados de una búsqueda, pero debido a la facilidad con que el autor del sitio podía manipularlas, son pocos los buscadores que actualmente hacen uso de ellas para posicionamiento. Sin duda, la más importante y la más utilizada en su momento fue la etiqueta meta Keyword.
El mayor problema que nos encontramos al cargar Javascript es que el navegador deja de renderizar la página mientras carga el fichero Javascript.
En cambio, si cargamos los ficheros dinámicamente mediante Javascript, evitamos el problema y podemos cargar ficheros Javascript de forma asíncrona sin afectar al renderizado de la página.
Nicholas C. Zakas ha desarrollado 3 principales puntos para optimizar la carga de JavaScript para nuesra Web:
- Creamos dos ficheros Javascript. En el primero poner lo necesario para cargar dinámicamente otro ficheros javascript y el segundo con el código necesario para nuestra aplicación.
- Introducimos el primer Javascript el final de la página, justo antes de cerrar la etiqueta <body>.
- Justo después creamos un segundo tag <script> en donde llamaremos al/los fichero/s necesarios.
Herramienta de selección de color (Color Picker)
Autor: Álvaro Brito En: Diseño Web, RecursosMuchas veces queremos usar un determinado grupo de colores, con la siguiente herramienta podremos seleccionar uan gama de colores adecuada para nuestra Web. Además podemos “jugar” con diferentes colores ayudandonos del cono 3D de colores. Lo idea es el grupo de colores o gama de colores que desarrolla a partir de un color principal…
Optimización Google – Parte 2: Description (meta tag)
Autor: Álvaro Brito En: Posicionamiento WebLa etiqueta meta description (<meta name=”description”) ofrece a Google y a otros motores de búsqueda un resumen de lo que trata la página. Considerando que en la etiqueta <title> podemos usar unas pocas palabras o una frase, la descripción de la página si puede contener una frase o dos o un pequeño parrafo. En las Herramientas para Webmasters de Google podemos encontrar un artículo práctico sobre las meta-tags…
Optimización Google – Parte 1: Etiqueta <title> (title tag)
Autor: Álvaro Brito En: Posicionamiento WebLa etiqueta title proporciona a los usuarios y a los motores de búsqueda cual es el tema de una página en particular.
Si el documento aparece en una página de resultados de búsqueda, el contenido de la etiqueta <title> por lo general aparece en la primera línea de los resultados.
El título de tu página de inicio puede incluir el nombre de tu sitio Web y podría incluir otros trozos de información importante, como la ubicación física de la empresa o tal vez algunos de sus servicios principales u ofertas…
El uso de internet aumenta año a año. En el documento se muestra el estudio estadístico de EGM (Estudio General de Medios) en relación con el uso de internet en la sociedad española actual. Además, la tendencia es ascendente en todas las gráficas, lo cual indica que todavía queda mucho crecimiento de internet para los próximos años.
También destacadar que cada vez aumenta también el número de usuarios con edades más avanzadas, se ve claramente que el uso de internet se orienta en gran parte como apoyo profesional. El uso de internet se equilibra en ambos sexos (masculino y femenino). Y se ha elevado notablemente en la Clase media, ya no es una tecnología fuera de nuestros bolsillos, ya es una “necesidad” a la que puede acceder cualquier tipo de persona. El número de días que usamos internet también va aumentando año por año.
Os dejo una lista de herramientas que nos servirá a los maquetadores o desarrolladores web a conseguir Web más accesibles. Con estas herramientas sabremos mucho mejor como se comporta nuestras páginas Web cuando interactúan en ellas diferentes tipos de usuarios.
La mayoría de ellas son muy interesantes y útiles para hacer pruebas y mejoras de accesibilidad web en el desarrollo de nuestros proyectos
Como usar el atributo summary de la tabla (summary attribute)
Autor: Álvaro Brito En: Accesibilidad Web, Semántica WebEl objetivo del atributo summary es proporcionar una breve reseña o descripción de como están organizados los datos de una tabla, o una breve explicación de como navegar por la tabla. Como ya sabemos el atributo summary de table proporcionar una información disponible para los lectores de pantalla, no se muestra visualmente.
El summary es útil cuando la tabla tiene una estructura compleja (por ejemplo, cuando hay varios conjuntos de encabezados de columna o fila, o cuando hay varios grupos de columnas o filas). También puede ser útil para tablas de datos simples que contienen varias columnas o filas de datos.
El atributo summary puede utilizarse o no dependiendo de la complejidad y volumen de información de la tabla. También sabemos que la tabla tambien dispone de un título llamado caption. Si se usan ambas cosas (summary y caption) nunca se deberá duplicar su contenido. A continuación vemos unos ejemplos de uso…
Estudio de preferencias de usuario con lectores de pantalla
Autor: Álvaro Brito En: Accesibilidad WebEn Diciembre de 2008 hasta Enero de 2009, WebAIM realizó un examen de preferencias de los usuarios que usan lectores de pantalla. Recibieron 1121 respuestas válidas a la encuesta sobre los lectores de pantalla, que fue realizada en Diciembre de 2008 – Enero de 2009. La respuesta fué asombrosa.
Más de uno de nosotros nos hemos encontrado con crear un sistema de votos factible y práctico. Como vemos en Youtube o en Amazon. La mayoría de ejemplos que encontramos por la Web, estan desarrollados con JavaScript que funcionan correctamente bien, pero ya sabemos que si lo tenemos desactivado ya no nos sirve de mucho.
A continuación vemos como crear un sistema de votos o Rating Star únicamente con CSS…
Últimos comentarios